Hackathon—UI/UX Design and brand identity that builds within 48 hours in a team of 7 peoples


The challenge

Fitlancer is a hackathon project at The purpose of the hackathon was purely about growth hack. While most people aiming to impact the revenue, we strive to impact everyone life (life that generates the revenue). We've made a whole fitness dashboard product from brand identity into finishing digital product that improves everyone life, and we make it within 48 hours.

Fitlancer Brand Identity

Get started

We already have countless of monitor around the office, and that gave a clue where Fitlancer will be displayed. We knew that is the data-driven company and a dashboard lover, so we build the branding around that matter.

Fitness × = Fitlancer

Fitlancer Brand Identity

Design foundation

We only got 7 people on our team (which all nerd) and only 1 designer who tries to survive from a thunderstorm of things to be done within 48 hours. So we simply get started by sat down together and bounce the idea of our Maximum Value Product that we can Minimum Viable Product (MVP). As a designer, I've used a lot of my personal design library to speed up the process.

Fitlancer Brand Identity

Modular approach

We have interviewed our Personal Trainer (Yes! is cool enough to have an in-house PT) and got lots of insightful information that we can plot into a modular. We've made a whole product fluid on any screen/devices so we can display it everywhere in the office.

Fitlancer Product Design

The privacy

Of course, its transparency and easy for everyone to access the dashboard and inspire each other to stay firm but we also consider that most of the information might be sensitive (especially for the lady).

Fitlancer Product Design

How it works?

Fitlancer is very simple but effective, we got everyone profile from Pingboard API and hook up the Gmail, which this means we acquire everyone in our company to kick start with Fitlancer Dashboards!

Fitlancer Product Design

What else?

And this early version we offering features includes: (1.) Dashboard, (2.) Leaderboard, (3.) Calendar, and (4.) Notifications.

Fitlancer Product DesignFitlancer Product DesignFitlancer Product Design

Lessons learned

Fitlancer was intentionally made for our friend and colleague, We aim to make our friends stay healthy physically and mentality. It seem like what goes around comes around, people love us and vote for us to win the second prize for this hackathon and we also learn this along the way:

  • Not all the colours working on the TV monitor
  • Some font is not legible on a TV screen too
  • The software is the vehicle
  • To achieve the goals, the human must drive it
  • Make 'em laugh but not squirm
  • For a short time project, start from the end
  • There is no such a things multi-tasking
  • API is not a rocket science, it data science
  • The mind-blowing idea came from ordinary life
  • The best way to go gym is to go a gym

Fitlancer Product Design

Scope of works

Brand Identity

  • Logomark
  • Basic Visual Identity

Product design

  • UI/UX Design
  • Interaction Design (IxD)
  • Motion design

Team and credit

Andrias Taniwan
Kevin To
Kocha Worapon

+ Data science artist
+ API artist
+ Back-End artist
+ Personal Trainer

We listen, we understand, then we design.

You’ll work directly with the creator, and we probably ask a lot of questions.

Helping people enhance experiences at: