Development
Prototyping
User Research
Product Design
Intro
About Project
⋆｡°✩
This is an individual project involving end-to-end execution from conducting user research through surveys and interviews to designing mockups in Figma and developing a full stack Minimum Viable Product (MVP).
Role
Product Designer · Full-stack Developer · User Researcher
Timeline
10 Days | Nov 15,2023 - Nov 25,2023 | [Ver.2 Present: Working with Lovable]
Tools
Figma · HTML · CSS · Sass · Javascript · React JS/JSX · Git · Node JS · Express · Postman · Google Suite (Form, Docs) · Zoom
The Goal
"Design and develop a daily gratitude journal website that helps users to be consistent with journaling."
Competitive Analysis
Using competitive analysis method, I compared 5 existing journaling applications and websites to find out the user metrics, existing features from similar products.
Problem Statement
UX Research
User Survey & Interview
⋆｡°✩
For quantitative data, I created the survey using Google forms. The survey was designed to take about 5 minutes to complete with 15 questions. In result, I got 25 responses for the survey.
For quantitative data, I created the user interview script using Google doc. The user interview session was designed to take approximately 20 minutes and with the constraint of time, I was able to conduct 1 user interview.
User Survey
Survey questions were divided into 4 sections.
Demographic info
Journal Background
To-do list experience
Design preference
User Interview
Interview questions were consisted of 3 sections.
Journal Background
To-do list experience
Meditation experience
Survey: Major Findings
Major findings from user survey with 25 responses.
⋆｡°✩
Interview: Major Findings
Major findings from a user interview
⋆｡°✩
Top 3 Journaling Challenges
Survey results for top 3 challenges for journaling.
⋆｡°✩
01
02
03
Intended User
The intended user for the gratitude journaling website is any individuals who are seeking for positive and mindful space to cultivate a habit of gratitude in their daily lives.
The user persona for this website includes any individuals who may be new to the practice or those who wish to reinforce and deepen their gratitude habits.
Design Solutions
⋆｡°✩
By integrating familiar tools like to-do lists and allowing flexible input across gratitude, goals, and meditation, the solution supports long-term user engagement for consistency without overwhelming the user.
Problems
V/S
Solutions
Mockup & Wireflow
Key Features & Branding
3 Features Combined
10-15 Minute Routine
Achievable Reflection
Colour &
Logo Exploration
Takeaways
🤝 Collaboration with Development Team as a Designer
While working as a UX/UI Designer & UX Developer at Gravit-e Technologies, I realized the importance of effective communication with developers.
To deepen my understanding, I completed a full-time web development bootcamp. This hands-on experience gave me valuable insight into the developer’s perspective and strengthened my collaboration with cross-functional teams.
𖣑 Bridging Design and Development
Throughout this project, I learned to approach the product from both UX and development perspectives, factoring in technical constraints and time limitations. I also became more confident using tools such as HTML, CSS, Sass, JavaScript, React (JSX), and Git through hands-on experience.
Next Steps
ᯓ➤ Next Steps
The next step is to add a "Highlights" page where users can save and revisit their favorite entries. Currently, past entries are accessible only through the date picker, one entry at a time. To improve usability, I plan to implement a list view showing 10–20 entries at once, along with a keyword search feature to help users quickly find specific journal entries.
🛠️ Continuing the Build
Due to the tight 10-day timeline for the initial project, I revisited it in 2025 to further develop a Gratitude Journal MVP using Lovable’s vibe coding and an updated design system in Figma. This project remains an ongoing exploration as I continue refining the experience and experimenting with new tools.
