Balloon

Branding and UI for a balloon ordering app.

The Challenge

This project is based on UI/UX course taught by Cuberto studio. The course focused on creating a single interface for a balloon ordering web application. After I completed the course assignments, I decided to take the project a step further by developing a brand system as well as additional UI elements.

Tools Used:

Joyful Branding

Balloons are most commonly associated with festivities and holiday celebrations. They symbolize joy, celebration, and fun times. The developed identity is meant to reflect the same festive mood and evoke feelings of happiness.

Balloon. Logo Animation

Balloon. Logomark

Balloon. An icon for mobile application.

Balloon. Brand Pattern

Balloon. Brand Colors

Garage Gothic is the primary font for the Balloon brand. It is used for big bold headings.

Helvetica Neue is the brand's secondary font. It is used for the text paragraphs such as product descriptions.

Balloon. Instagram story example.

Balloon. Instagram post sample.

Balloon. Business Cards.

Company's Facebook page mock-up.

Balloon. Landing Page.

Balloon. Delivery Truck.

Playful UI

The user research showed that adding engaging microinteractions into the shopping experience leads to potential increase in sales. In the example bellow, I've added a small gamification to the product quantity slide bar.

Balloon Desktop App UI.

Balloon. Onboarding Screen

Balloon. Home Screen

Balloon. Add to Cart Screen