My Role:

Lead Product & UX/UI Designer

Timeline:

16 Weeks

Tools Used:

Adobe Illustrator, Canva, Figma

16 Weeks

My Role:​ Lead Product & UX/UI Designer​

Timeline: 16 Weeks

Tools Used:​ Adobe Illustrator, Canva, Figma​

My Contributions:

To kick off the app design process, I set a timer for 10 minutes to sketch as many app screen concepts as I could. My goal was to create four different designs for each screen, allowing me to explore a variety of low-fidelity and high-fidelity options.

I selected several elements from each sketch and incorporated them into the wireframes for the app’s sample screens. Throughout this process, I focused on ensuring a positive user experience and prioritizing accessibility in the low-fidelity designs.

Since the app is inspired by road safety, I incorporated red and green into the design, intending to use these colors for the logo and branding. I believed this choice would be both relatable and thematically appropriate.
To provide a clearer overview, I developed a wireframe that serves as a navigation guide for users. I included a key for easy interpretation, which also helped me visualize how the final design would come together.
Numerous names were considered for the app, but after pitching “Road Tones,” it was chosen. I quickly created several logo iterations, refining the design until the final version emerged, featuring the “a” and “o” joined as a musical note.
For branding on stationery and apparel, I created two logo variations: one in the original black and another in white.
Initially, I planned to use the original color palette throughout the app. However, I found the colors too harsh on the eyes, so I decided to switch to pastel shades, especially since every screen would feature these colors.
I simplified the app’s design while ensuring it remained vibrant and visually appealing. Additionally, I prioritized creating a seamless user experience that allows users of all ages to navigate the app with ease.
A Product Sheet was needed in order to reveal more details about the RoadTones product and showcase how it will work in practice. I created the initial wireframe which included the car illustration with the RoadTones branded speakers, example of the final design of the app, and details of the product at a glance.
In the final version of the Product Sheet, I designed it as a blueprint to help visualize how the RoadTones product and app would look and function in practice.

Challenges

During the development of RoadTones, a significant challenge was determining which features would provide the most value to users. We conducted multiple team brainstorming sessions and discussions, followed by days of iterative design. Despite initially finalizing certain elements, some were ultimately cut from the final version. While this process extended the project timeline, it resulted in a more user-friendly and enjoyable app for all users.

What I Learned

“>Throughout this project, I gained valuable new skills and insights. I expanded my expertise in product branding by learning to manipulate typography for logo creation, complementing my existing knowledge of color theory and layouts. Additionally, I developed proficiency in creating product sheets, which are crucial for marketing the RoadTones app. I also honed my UX writing skills, crafting engaging and informative copy that effectively communicates the product’s features and benefits to users.

  • COPYRIGHT © 2024 | ALL RIGHT RESERVED.