In response to the growing mental health challenges faced by city dwellers, Cityzen empowers individuals to find and book calming spaces for relaxation, work, and personal pursuits. In this project, I designed a comprehensive solution – the Cityzen app and its visual identity – to connect urban residents with these hidden sanctuaries, fostering a sense of well-being amidst the hustle and bustle of city life.
→ Platform Audit
→ Stakeholder Interviews
→ Literature Review
→ NNG Guidelines
→ Legacy UI Evaluation
→ Brainstorm
→ Sketching (x2)
→ Wireframes
→ UI Design
→ Interactive Prototypes
→ UX & IxD Specifications
→ Design Critique
→ Visual QA
→ Team Workshop
→ CompetitorAnalysis
→ User Survey
→ Brand Definition Workshop
→ Brand Framework
→ User Requirements
→ Moodboarding
→ Wireframes
→ Visual identity Design
→ UI Design
→ Design System Creation
→ Functional Specifications
→ Brand Guidelines
→ Think AloudTesting
→ Visual QA
→ Kick-off Workshop
→ Metadata Analysis
→ PWA Technology Research
→ Use Case Definition
→ Functional Requirements
→ Team Brainstorm
→ Wireframes
→ UI Design
→ Interactive Prototypes
→ Cognitive Walkthrough
→ Click Testing
→ User Questionnaire
→ PWA Build
→ Visual QA
→ Competitor Analysis
→ Social Media Analysis
→ Content Requirements
→ Functional Requirements
→ Moodboarding
→ Sketching
→ Wireframes
→ Visual Identity Design
→ UI Design
→ Design System Creation
→ Design Critique
→ Design Revisions
→ User Interviews
→ Literature Review
→ CompetitorAnalysis
→ Persona Creation
→ User Requirements
→ Product Scoping
→ Brainstorm
→ Sketching
→ Journey Mapping
→ Wireframes
→ Visual Identity Design
→ UI Design
→ Design System Creation
→ Think Aloud Testing
→ User Interviews
→ Literature Review
→ CompetitorAnalysis
→ Persona Creation
→ User Requirements
→ Product Scoping
→ Brainstorm
→ Sketching
→ Journey Mapping
→ Wireframes
→ Visual Identity Design
→ UI Design
→ Design System Creation
→ Think Aloud Testing
→ Competitor Analysis
→ Literature Research (PET)
→ Brainstorm
→ Functional Specification
→ Sketching
→ Journey Mapping
→ Wireframes
→ Visual Identity Design
→ UI Design
→ Design System Creation
→ Moderated User Testing
→ Client Review
→ Visual QA
→ Analytics Monitoring
To fully understand the problem space, I kicked off the project with a series of user interviews. These conversations delved into the specific stresses faced by city dwellers, how their environment impacted their well-being &the challenges they encountered in finding moments of peace. To complement these insights & better understand Cityzen's competitive position, I also conducted a comprehensive competitor analysis. By synthesising this research, I developed three distinct user personas: young professionals seeking post-work decompression, stay-at-home parents desiring a daily escape &self-employed individuals needing a focused workspace. Utilising these personas, I identified key user needs, brainstormed features that catered to each group & started conceptualising an effective brand identity.
For Cityzen's brand identity, I prioritized creating a visual language that embodied tranquility. User research pointed to nature as a key factor in achieving calmness. Inspired by this, I explored earthy palettes of greens, browns, and beiges, ultimately selecting the final brand colors. To craft a unique brandmark, I experimented with concepts that captured the essence of "calm spaces." I played with combining location pin icons with natural symbols like leaves and lotuses. Initial solid, outlined shapes felt too rigid and lacked the desired calming effect. I pivoted to partially transparent, overlapping shapes, achieving a softer, more serene aesthetic.
Developing the Cityzen app ran in parallel with the branding process. To ensure an efficient design flow, I first defined the app's functional scope, striking a balance between rapid launch and delivering a compelling user experience. With the scope established, I began visualizing the experience through sketching and wireframing all the key user flows. Mockups followed, and user testing sessions provided invaluable insights that were incorporated into the final iteration.
Cityzen's visual identity became a cohesive system designed to evoke tranquility at every touchpoint. A predominantly green palette, reflecting nature's calming influence, was complemented by earthy browns. The brandmark, a lotus flower subtly incorporating a location pin, referenced the app's focus on creating peaceful spaces. Opting for a rounded, friendly sans serif font with whimsical ligatures added a touch of personality without compromising user comfort. Finally, a distinctive sketchy illustrative style brought Cityzen's calming environments and activities to life, fostering brand recognition and user engagement across all marketing materials and the product itself.
Cityzen's app translates the brand's calming and tranquil identity into a user experience that prioritizes peace and ease. The minimalistic UI and seamless onboarding process ensure a stress-free introduction, while the prominent search bar and various recommendation sections empower users to find the perfect space for their needs, whether it's by location, activity type, ambience, or past preferences. Users can also wishlist spaces for later and enjoy a smooth booking process when they're ready, all within a user interface that reflects Cityzen's core values.
"She masterminded an entire refresh of our app & brand setting a foundation for design here at Muzz. Always focussed on finding the right balance between user & business needs.
I could always trust Laura to find the right solution for a particular design or user experience problem & one of the strongest designers I've worked with."
"Laura is quite simply amazing. Hugely talented and creative. Her take and revamp of our website UX is fantastic and she helped us to understand the logic and theory behind her suggestions. Highly recommended."
"Laura's contribution to the design aspect of my mobile game was nothing short of remarkable.
Working alongside Laura has been an absolute pleasure. Her contributions have been instrumental in elevating the game's design to a new level."
"She nailed the website looks exactly to my expectations. On top of that, she's also super fast & efficient... & thinks about other aspects of the web design. le. how people would convert, what attracts their attention etc.
Definitely give her a chance, and you'll be glad you got such a pro working with you."
"Love working with Laura! The attention and care to details makes me feel fully held with clear guidance and fully supported on our projects.
Look forward to future projects as well. Much gratitude!"
"Laura has a unique quality through her skills & professionalism in drawing out from the client exactly what they are looking to achieve. Then visualising this back to them with different options, so they have a choice.
I would recommend Laura anytime and every-time to anyone that is in need of such expertise, or design services."