Spotly Mobile App Design

July 20, 2021

UI Design, Visual Design

Giada Viti

Project Overview

Spotly is a travel app designed for iPhone 8.
Built on provided UX wireframes from Intro to UI Design course brief, completed end of 2020.

My Role

User interface and visual design.

Tools

Adobe XD, Adobe Illustrator, Adobe After Effects.

The app design consists of five mobile screens:

  • Welcome screen
  • Login screen
  • Destinations screen
  • Destinations article screen
  • Open menu screen
App Welcome screen isometric view

The app lets users register to read articles about travel destinations, plus like, comment, and share their favorites.

App Destination screen isometric view

Mood Board
Mood board

I chose a name for the application and I designed a custom logo, including color selection, typography, imagery, and icons.

Spotly Logo

The logo is adapted in the following sizes:

  • 152-iPad
  • 120-iPhone
  • 80-Spotlight
  • 58-Settings
Logo adaptations
Step-by-step introduction screen animation
Login screen design

Target Users

Spotly aims to reach a target user group of young adults to adults, globally.
These users are seeking to travel through the lens of other people's unique experiences. Users looking for inspiration and a break from daily routines can browse destinations and comments to plan their trips.

Destinations and article page designs
Picture of someone holding a phone while using the app

Icons

Icon designs include:

  • Like icon
  • Comment icon
  • Search icon
  • Share icon

Colors

Color palette details

Typography

I defined a typographic hierarchy.

Text stylesheet