Spotly Mobile App Design

07/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.

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
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

Icons

Icon designs include:

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

Colors

Color palette details

Typography

I defined a typographic hierarchy.