Hot Spot - Mobile App Design
UX/UI & Branding Design | Spring 2024
Objective | Create an app concept/brand catered to a specific audience. Including a logo/wordmark, app icons, and a visual system. Using Figma to create a functional prototype.
Hot Spot is a mobile app that allows users to find and organize events in their area. Users can search for specific events or filter them into certain categories.
Discovering the Audience
Task flows & Information Architecture
Click to View Closer
The app needs to be easy to navigate. To accomplish this, I created a simple navigation bar where you could access most of the app's features (profile, search, map, and save events). I also added the ability to create an event in several different spots in the layout.
Concept Inspiration
Mood Board
The Logo
The map location icon inspired the logo. To help the app look recognizable as a navigation and event app, I wanted it to look unique and flow with the "O" in the word spot.
Wordmark sketches App Icon Sketches
Final Logo
Making the App
Sketches
Starting with basic sketches to start an initial layout based on the flow chart. Loosely figuring out how to lay out my ideas. Just enough detail so I can begin the digital wireframes.
Digital Wireframe
After the sketches were complete, I began making a digital wireframe. It's simple enough to make changes to, but it also allowed me to get the basic concept of the app down. Prototype testing on a phone to make sure the sizing is correct.
Click to View Closer
Login Home Make Event
Event Posted Maps 1 Your Profile
Search Search Filters Event Details
Saved Maps 2 Other Profile
Style Guide
Final Screens
Click to View Closer
Login Home Make Event
Event Posted Maps 1 Your Profile
Search Search Filters Event Details
Saved Maps 2 Other Profile
Figma Prototype
