TRIPP Mobile

I worked closely with an external design studio to define TRIPP's brand identity, including the colour palette, logo design and visual tone. I chose a striking lime green as the main CTA colour because many users associate green with "go", encouraging users to take action. I also tested each colour in headset to ensure that they were AAA compliant and had sufficient contrast to support visibility.

Since the audio catalog was a new addition to the TRIPP Mobile app, it was essential to consider the architecture of each content category and the UX of finding and playing the content that best suited your needs. I did a comprehensive analysis of apps with content libraries like Spotify and Apple Music, before creating iterations of varying hierarchies. 

I applied the atomic design methodology by Brad Frost when building a design system comprised of nested components and instances. Auto-layout was a great tool for maintaining sufficient padding around text and UI on modals that adjusted parametrically based on the content. Once the asset library was set, design iterations became much quicker to achieve, especially across the team of other designers. 

As mentioned, interaction states are crucial visual cues that provide feedback for the user's actions in any digital interface. They are clear signifiers that inform the user what actions can or cannot be taken. In addition to changing the colour values for each state, I added a subtle scaling effect for hover and selection to accommodate for visually impaired/colour blind users.