💭 Overview
Trello is the visual tool that empowers your team to manage any type of project, workflow, or task tracking. Add files, checklists, or even automation: Customize it all for how your team works best.
🎯 Design Objective
To improve the user experience and usability of the existing website.
🏋🏻 My Role
User Experience Research, User Interface Design, Prototyping
🔨 Tools
Figma, Adobe Photoshop, Desk Research
⏳ Timeline
The case study was completed within 4 days.
📝 Methodology
The method for working on this case study is the Double Diamond design process, which consists of Discover, Define, Develop, and Deliver.
Stage 1: Discover
I gathered users' experiences and reviews on Trustpilot and discovered a few names of Trello's competitors. Hence, I conducted a competitive analysis on Asana and Stacks.Rocks.
Stage 2: Define
🧍🏻 User Persona
To empathise with the target audience, I’ve created 1 persona based on my own experience as a Trello user.
🚗 Journey Mapping
I used ‘Journey Mapping’ UX methodology and distributed the journey into five phases —
- Exploring the site starting from hero
- Trello 101 & Trello In Action sections
- Trello Views & Powerful Ways to Grow sections
- Testimonial section
- Plans, pricing, and last CTA sections
- Trello 101 & Trello In Action sections
- Trello Views & Powerful Ways to Grow sections
- Testimonial section
- Plans, pricing, and last CTA sections
and emphasised the user during these phases —
🙋♀️ Doing
💭 Thinking
😀 Feeling
💭 Thinking
😀 Feeling
Stage 3: Develop
After analyzing the Competitor Analysis and Journey Mapping, I proceeded to the next stage. I sketched the low-fidelity to have a clear picture in solving problems using visual design.
✍🏼 Low-Fidelity Wireframes
Stage 4: Deliver
⚡ High-Fidelity Mockup
👉 Static prototype: Figma
✨ Before Vs. After
🎨 Style Guide
🐳 My Learnings
When designing a website, I learned that we need to think who are we making it for, and what are the outcomes we want them to achieve.
My key learning during this process are:
- always spend time during the discovery process.
- put some thinking on whether you are doing the right thing and what would the user target think or feel about the design.
- always spend time during the discovery process.
- put some thinking on whether you are doing the right thing and what would the user target think or feel about the design.
🎁 And… That’s a wrap!
Overall, reflecting on this case study, it reminds me the importance of what assets we use, the writing, and how we arrange and display them to the users. I hope Trello could use more dynamic or moving pictures to describe their features more precisely and clearly for the users, especially the new users. But, again, it's my own opinion.
Questions? Suggestions? Criticisms? I thrive on honest feedback. Thank you for your time!
This case study is also published at Medium!
