City Slicker

UX/UI (App design)
Adobe XD, Photoshop, and Figma

Designing an app that lets young people easily navigate and explore a city that is completely new to them.

City Slicker

2022

UX/UI (App design)
Adobe XD, Photoshop, and Figma

Designing an app that lets young people easily navigate and explore a city that is completely new to them.

scroll-arrow-3
City-slicker-mock-up-1
silver-mock-up
Stylestyle-4-Tonecool

The Process of...

Developing a strong and user-friendly interface for the application

To develop the interface for my application, I started with hand-sketched wireframing. These sketches were influenced by popular interfaces that were pre-existing, as to keep the navigation learning curve minimal for new users. Once comfortable with the flows I had established on paper, I translated my sketches into digital wireframes. Those wireframes would go on to directly inform the design of the final screens for the app and served as a playground for fine-tuning usability. 

The Process of...

Developing a strong and user-friendly interface for the proposed application.

cs-wireframes cs-screens

To develop the interface for my application, I started with hand-sketched wireframing. These sketches were influenced by popular interfaces that were pre-existing, as to keep the navigation learning curve minimal for new users. Once comfortable with the flows I had established on paper, I translated my sketches into digital wireframes. Those wireframes would go on to directly inform the design of the final screens for the app and served as a playground for fine-tuning usability. 

phone-1

Mobile app experience

computer

Desktop site experience

Copyright © 2023 Hayden FrazierCopyright © 2023 Hayden FrazierCopyright © 2023 Hayden FrazierCopyright © 2023 Hayden FrazierCopyright © 2023 Hayden FrazierCopyright © 2023 Hayden Frazier
View