SevenUpp

SevenUpp unlocks the best value for stays of 7 nights or more

Year

2021

Agency

DigitalDesign.NYC

Project Type

UX Design | UI Design

Live Link

https://sevenupp.com/

Project Overview

Relax & Stay Awhile

Typically, discounts for stays of 7 nights or more are only accessible via business travel bookings or by calling the hotel directly. This makes it difficult to get a deal for staying longer. Our goal is to make it easier and more convenient for all travelers to pay less for longer stays.

Challenge

The challenge was to create an MVP app of 7 screens for a client in under a week. Each day was stripped into an agenda and to goal was to create a solution for users to book hotels longer then 7days.

My Role/Responsibilities

UX Mapping | UX Design | UI Design |

The Plan

7 Day Sprint

This product was a MVP product that needed a short timeline of 7 day sprint. After getting to know the stakeholders needs and wants, we pulled information from our client brief, online articles, and a face-to-face interview to answer the following questions:

Analysis

We identified key elements where we could improve upon the design and functionality of our space and brand.

The Design

We built a brand that could be timeless and could seamlessly work through out all properites.

Site Map

We simplified the site's initial structure by combining similar information onto single pages and  renamed menu items to make the navigation more intuitive.

Design System

Simplifying complexity

SciOPS design system aims to make complex information approachable and beautiful. This is achieved through the use of more humanistic elements, such as a serifed typeface and organic animated graphics that infuse the site with life and personality.

Logo

The SciOPS logo blends visuals from data and science to represent the vast amount of information collected to bring forth a unified consensus.

Typography

Two contrasting typefaces were chosen for both their aesthetic appeal and readability at small scales.

Color Palette

The color palette was derived from ASU’s secondary palette with the hues adjusted to reflect a more sophisticated approach.

Information Design

For the infograph design, we decided to opt for a style that was minimal yet colorful. Oversized numbers were added to make the graphic quickly scannable.

Animated Icons

Three icons were designed and animated to visually represent the process that the SciOPS follows to collect, analyze and share their data.

Photography

A photo specific treatment was developed and used on key images throughout the site to create a distinct visual style for the site and darken images so that text could be added on top.

The Design

Keeping the idea of a traditional booking app with modern branding.

With minimal time, testing was not allocated however we were able to get a MVP ready for investment. This project is still on going.

Home Page
Key Features
  • A “web of information” hints to the sites content and draws the user in through connected visuals
  • A navy background instills a feeling trust and intentionally deviates from the white backgrounds typically found on database websites
  • Imagery is treated to both pop and fade into the background to draw attention and create a distinct visual language throughout the site
  • Animated graphics add an additional layer of interest and visually communicate the copy they’re paired with

More Case Studies