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.

Explore more of my Design Universe

oso project image

OSO

Product Design & Branding

vendere

Product Design

X-DATA

Product Design

RDEAL

Product Design

EASYCASH

Product Design

larry stand image project

larry stand

Product Design

senden project image

Senden

Product Design & Branding

mojix project image

Mojix

Branding

ytem project image

Ytem App

Product Design & Branding

acceliot project image

Acceliot

Web Design & Branding

timelense project image

Timelense

Product Design & Branding

clockout project image

Clockout

Web Design & Branding

rebatus project image

Rebatus

Web Design & Branding

comeanddo project image

Commeanddo

Web Design & Branding

arabic for kids project image

Arabic For Kids

Product Design & Branding

doge world project image

Doge World

Web Design & Branding

air canada project image

Air Canada

Product Design

torakka project image

Torakka

Product Design & Branding

notuz project image

Notuz

Product Design & Branding

puru project image

Puru

Product Design & Branding

moment project image

Moment

Product Design & Branding

content creation project image

Content Creation

Design Tutorials

promo videos project image

Promo Videos

Promo Videos for Courses
and Products