For this project, I designed a mobile user interface for Deer Tick, a hybrid country-rock band with punk influences. The design concept draws inspiration from the band's gritty, raw sound, evoking the image of a modern cowboy—rough around the edges yet deeply authentic. The chosen color palette reflects this aesthetic, featuring earthy tones like sandy gold, brown, beige, black, and white for a balanced contrast.
Deertick site UI displayed on cell phone screen
Deertick site UI displayed on cell phone screen
Overview of mobile site UI across user journey
Overview of mobile site UI across user journey
The UI introduces a unique menu system, replacing the traditional hamburger menu with a triangle icon. When tapped, the menu slides down, revealing submenus that allow users to quickly navigate to specific sections of the app. This innovative approach enhances the user experience by making navigation feel seamless and dynamic.
The design also emphasizes efficiency and ease of use, with minimal scrolling to ensure a streamlined mobile experience. Photo galleries and music sections are presented through sliders, allowing users to engage with content quickly and interactively. The overall layout is clean and visually engaging, focusing on essential content that resonates with the band's distinctive style and sound.
Home screen wireframe
Home screen wireframe
Navigation wireframe
Navigation wireframe
Music wireframe
Music wireframe
Merch wireframe
Merch wireframe
Shows wireframe
Shows wireframe
Photos wireframe
Photos wireframe
Contact wireframe
Contact wireframe
Deer Tick mobile  UI home screen
Deer Tick mobile UI home screen
Deer Tick mobile UI navigation menu
Deer Tick mobile UI navigation menu
Deer Tick mobile UI music screen
Deer Tick mobile UI music screen
Deer Tick mobile UI Merch screen
Deer Tick mobile UI Merch screen
Deer Tick mobile UI shows screen
Deer Tick mobile UI shows screen
Deer Tick mobile UI photos screen
Deer Tick mobile UI photos screen
Deer Tick mobile UI contact screen
Deer Tick mobile UI contact screen
Back to Top