Find the right medicine to relieve your symptoms despite the language barrier.
Product Designer
3 Months
Figma, Adobe Creative Suite
Overview
SAMA is an individual, one-term project that I completed at Emily Carr University of Art + Design. We were challenged to create a product in response to the theme of low bandwidth. So I created SAMA, an app that aims to help international travellers find similar medicine in other countries to relieve their symptoms despite the language barrier.
Outcome
Impact
02 Creating Design System → As a product manager and designer, I focused on building a design system and a design language for this project.
03 Producing High-Fidelity Mockups → While exploring through out the process, I focused on delivering high visual polish with consistency and accessibility.
Problem Statement
Understanding the meaning of Low-Bandwith.
Understanding how Low-Bandwith is interpreted through my surroundings, I conducted a survey/interview and responded them through 100 sketches and 37 interviews. I then narrowed it down by translating them into key-words from the responses that I collected.
Research #2
I used my 100 sketches to lead my brainstorming session, which resulted in a mind-map form of ten (10) ideas. Having varieties are essential in the ideation phase as I need to explore various option of the different possible solution.
Building our solutions…
Knowing Our Persona
I depicted our Persona and stakeholders as genuine as possible by conducting user testing activities of different user groups. They walked us through their experience and responded to follow-up questions to pull out the goals, struggles, thoughts, and feelings of each Persona and stakeholder.
Mid-Fi Prototype
Medium fidelity designs & wireframes
After some initial sketches, I created mid-fi wireframes to build out interactions and flows to test with users. The following shows the mobile version of the application.
Co-Design Activity and Reframed Focus
We discussed the design decisions to collaboratively design the application by listening to what they want to see, what features would be helpful, and how they react to the service.
Branding
Building a brand identity kit
To support the rest of the design, I created a brand guideline kit. It contains tone of voice, logos, colors, type, iconography, imagery and product vision.
Branding
Building a brand identity kit
To support the rest of the design, I created a brand guideline kit. It contains tone of voice, logos, colors, type, iconography, imagery and product vision.
Logo Design
Creating a brand new logo set
To support the feeling of regality, tradition and intelligence with a hint of modernity of the new design language, I created a new logo. I added a full, partial and logo mark version for scalability.
Design System
Building a robust design system
I created a comprehensive design system that goes beyond what is used in the final design. This helped me understand the intricacies of design systems and build screens faster.
Final Outcome
Introducing Sama
Through multiple interviews, usability testing, and iterations, I came up with Sama, an easy way to relieve your symptoms while traveling. It is an effortless application that allows you to:
Design Decision
Final Wireframes
With everything laid out and ready to go, I moved on to the (arguably) most fun phase of the whole design process: designing the Hi-Fi prototypes. Still utilizing Figma, I began bringing our wireframes to life with wonderful design entities such as: colors, illustrations, content writing, etc.
