Product Design
MAS Greenprint
DURATION
Aug - Dec, 2022
ROLE
User research
UI/ UX Design
DELIVERABLES
Mobile & Desktop Interactive Prototype
TOOLS
Figma
Photoshop
01
Greenprint Marketplace
Background
Project Greenprint is a collection of initiatives that aims to harness technology and data to enable a more transparent, trusted and efficient ESG ecosystem to enable green and sustainable finance.
Project Scope
Greenprint Marketplace
An open marketplace connecting solution seekers, solution providers & investors
My Role
I led the design for the product and was tasked with prototyping the onboarding, profile viewing and editing experience.
Scope Covered
02
03
04
01
2 months, Jun - Jul 2022
Research & Discovery
stakeholder interviews
clustering insights
context mapping
user interviews
1 month, Aug 2022
Define & Ideate
information architecture
user flows
goal statements
2 months, Aug - Sept 2022
Prototype
low-fi prototype
hi-fi prototype
Ongoing, Oct 2022 -
Design & Test
style-scaping
mockups
interactive prototype
usability testing
Project Timeline
.png)
Project Areas of Focus
02
Identified User Needs
User Groups
Guiding Principles
Intuitive & streamlined
user flow
Strong visual originality & branding
Engaging & professional UXUI
03
Iteration Process
Iterating & Testing
Our team incrementally built MVPs, the next more polished than the last. This allowed us to move fast and test clickable prototypes with customers that volunteered to help. Working this way also helped us validate assumptions we made while drafting the proposed service design, and we modified the UI and experience based on customer feedback from user testing sessions.
Iterations: Wireframing and Mockups
04
Design
Look & Feel
Stylescape
Key Decisions Made
.png)
Image-Focused
.png)
Custom Illustrations
Custom Illustrations & Icons
Custom graphics effectively support the quick perception of the information on the page or screen. They also set a solid foundation of visual originality and add aesthetics and beauty.
Strong visual originality & branding
01
Landing Page: Mockups as Hero Image Providing a Quick Visual Message about the Content
Onboarding Customized for Different User Groups
Streamlined user flow for quick & easy onboarding, answering to the needs of different user groups.
Intuitive & streamlined user flow
02
.png)
Onboarding: Differentiating between User Groups to Access Customised Forms
Onboarding: Individual
Onboarding: Investor
Onboarding: Green Tech Company
Keeping it Engaging & Professional
The onboarding form mirrors a human conversation. Order and format of its questions is logical and intuitive to every user.
Professional & Engaging UIUX
03
Inline Editing
Editing profile information within the same context allows the user to manipulate content directly within its display view. This interaction is more intuitive than being redirected to a separate edit page, which often makes users feel lost.
Intuitive & streamlined user flow
04
