Dinkm
Outline Brief
The goal of this project is to help with the launch of our MVP, giving it an intuitive and beautiful UX and UI.
Summary
The goal of this project is to help with the launch of our MVP, giving it an intuitive and beautiful UX and UI.
Team: UX/UI Designer, UX Researcher
Duration: 1 month
Tools: Figma, Microsoft Teams, Slack, Google Docs
Overview
Dinkm is an eGift card for sustainable and ethical brands. Their fundamental purpose is to raise awareness of sustainable brands, empower consumers with choice, and influence businesses to adopt sustainable practices, thereby driving fundamental change within the gifting industry.
Discover
Competitor Analysis
This competitive analysis will assess the usability strengths and weaknesses of Dinkm’s competitors. It will examine UX/UI elements by highlighting transferable best practices found on the competitors' websites, supported by relevant screenshots. The insights gained from this investigation will offer valuable lessons that can be summarised and then implemented in the project.
Survey Findings
I used Google Forms to send out a survey to Male and female users aged 18 to 35, who constitute our primary target audience. I instructed them to look through the website before completing the questionnaire. I came up with a series of 10 questions centered around 2 main topics:
What are the main reasons a user would be attracted to an eco-friendly eGift card website -
The aim is to gain insight into the most important aspects of an eco-friendly eGift card website
Is the current website users friendly and what improvements should be made -
The aim is to identify opportunities for improving the user interface and user experience of the dinkm website.
​
Define
User Personas
From the research gathered, I created 2 User Personas based on what our potential users would say.
User Journey Map
I created a User Journey Map to showcase a user's interaction with the Dinkm website.
.png)
Task Flow
A task flow was created to demonstrate a user successfully onboarding to dinkm.
Develop
Dinkm's platform was built in WordPress. Some of the pages were coded all from scratch which we could have total control over but others were limited by what functionality specific plugins offer.
.png)
Here’s a screenshot from my Figma file
Deliver
Iconography
High Fidelity Prototype
Below is our final prototype of the dinkm website. Feel free to click through and have a better look.
Reflections
Reflecting on the Dinkm project, I recognize the value of incorporating more extensive user testing into the design process. While our initial testing provided valuable insights, finding more participants to test our prototype would've likely presented an additional perspectives and potential refinements. Furthermore, addressing miscommunication regarding Dinkm's specific business goals was an important learning point. In future projects, I would prioritize more in-depth discussions from the beginning to ensure a comprehensive understanding of Dinkm's vision and objectives.