Hero
Hero
Hero

YouShip Web App

Delivery in minutes: save time and money

YouShip is a technological company that connects any business with local couriers or autonomous delivery robots, creating the most efficient delivery service, for any type of delivery.

Client

YouShip

Year

2020 — 2021

Services

Project Management UX & UI Design Frontend Development Backend Development Backoffice

Technology

React NextJS

Challenge

Project Goals

Re-design and improve the functionality of the existing Web App, creating an amazing experience for YouShip’s clients and partners.

Project Goals
Project Goals

Makeover

Before & After

A more organized, modern and visually appealing platform.

YouShip before
YouShip after

Design

Design Elements

Project Colors

Color Palette

YouShip already had a defined color scheme, which we maintained to respect the brand’s identity.

Project Typography

Typography

HK Grotesk is a sans serif, geometry typeface with a wide typographic family. This font fits perfectly into this project due to its geometric shapes that make the product more user-friendly while maintaining a clean and formal look.

Project Icons

Iconography

To accomomodate the complexity of the project, we incorporated simple icons with three additional sizes: small (16px), medium (20px), large (24px). This helped to reduce the visual complexity of the elements in smaller screens.

Design

Components

Once we defined the project’s design elements, we created the design system: the set of reusable components that could be assembled together like puzzle pieces to build new, consistent looking pages within the same style.

Components

Web App

Registration

Creating an account is a quick and intuitive process with three simple steps.

Authentication

Web App

Orders

Users can easy filter and search through all their orders, creating a new delivery without having to leave the page.

New Order

Web App

Delivery details

Users can see their delivery’s information and follow their progress in real time through the map.

Delivery details

Web App

Checkout

Users can purchase items from any store in the platform: there is a purchase summary present in all store pages for a quick order overview. Checkout is made in a single page, for a quick, fuss-free shopping experience.

Checkout

Web App

Notifications

The notification system allows users to get real time feedback on their orders’ progress.

Web App

Other Pages

Every page is consistent with the defined structure and graphical elements, creating a seamless navigation experience.

Other Screens
Other Screens

Feedback

“Concealed did a superb job! I loved everything that was presented.”

Leonel Simão, Founder and CEO, YouShip

Web App

Outcome

A modern and intuitive platform where users can easily place their orders and deliveries in the most efficient way.

Outcome

All YouShip Platforms

See the other YouShip platforms Concealed has worked on.

Have an idea?

We can help you bring it to life!