Clockout

Used Apps

Figma

Role

Product Designer

Description

Clockout is made for post-grads and young professionals. The app is here so you can escape the grind and meet new people in ways that actually make sense.

Focus

App Design
User Experience
User Interface

New way to meet people

Event User Experience

It was important for us to highlight the events that the user can join. The design is focused to show the most important info.

Art Direction

We were using as main colors purple, pink and white. We want to give a breath of fresh air for any user the uses the app.

Best Experience Profile

We wanted to spot easily the interest of each one of the members. So it can be so easy to decide to connect with the person. Also, you can tap on the waving hand icon, to connect with the person. This is a more ludic approach to connect with people.

Design by you

Clockout design prioritizes user events. The app home allows us to see our events, showing us the date, time, and place. It also motivates us to create our events.

Your Events

The app allows us to see the events presenting all the data such as day, time, place, and the list of attendees. In addition, it enables us to invite our friends and share it on our social networks.

Explore

If we do not have scheduled events, we will always have the option to explore, which gives us an extensive list. So there will be no problems finding events to attend.

Prototype

We created a prototype recreating the main steps of the application development. I decided to use After Effects for the animations.

Parcel Tracking

We wanted to show the most relevant information for the delivery process.

Calendar

After some user testing, we understand that the user is more focused on the parcel arrival date versus how many packages they ordered, that’s why we decide to use a calendar as the main screen.

Send

The send experience was the part where we need to excel.

We figure out that many users don't know where they can deliver their parcels, so having a screen where we show the different delivery spots is very helpful for the end-users.

Design

Having a consistent design between the app and the package improves brand recognition for the company.

Parcel Tracking

We wanted to show the most relevant information for the delivery process.

Calendar

After some user testing, we understand that the user is more focused on the parcel arrival date versus how many packages they ordered, that’s why we decide to use a calendar as the main screen.

Send

The send experience was the part where we need to excel.

We figure out that many users don't know where they can deliver their parcels, so having a screen where we show the different delivery spots is very helpful for the end-users.

Design

Having a consistent design between the app and the package improves brand recognition for the company.

Brand Identity

This was one of the avant-garde logos that I made. I wanted to symbolize the world with an explosion of packages. At the same time, I wanted to represent organized chaos. The logo was made in Cinema 4D.

Take a look

Check other works

Promo Videos

Promo Videos for Courses
and Products

Senden

Product Design & Branding

Mojix

Branding

Ytem App

Product Design & Branding

Acceliot

Web Design & Branding

Timelense

Product Design & Branding

Clockout

Web Design & Branding

Rebatus

Web Design & Branding

Commeanddo

Web Design & Branding

Arabic For Kids

Product Design & Branding

Doge World

Web Design & Branding

Air Canada

Product Design

Torakka

Product Design & Branding

Notuz

Product Design & Branding

Moment

Product Design & Branding

Content Creation

Design Tutorials