FG Resume

Baliance

Baliance is a mental and body health app that offers the users exercises that can help them live a happier and healthier life by creating a balance between body and mind. It also tracks the hormones and chemicals in the brain. We wanted the users to have the best possible experience. That is why we tried to keep everything as simple as possible, and to be there for them every step of the way by giving detailed information and guides on how to achieve great results. The name Baliance was created by combining the words alliance and balance to symbolize the balance and the alliance between body and mind.

This was a collaborative project done by a team of four people.

Team Members:

Federica Genova, Interactive Media Lead

Gabriel Kraft, Logo Design Lead

Katie Ruane, Data Visualization Lead katieruane.com

Seth Reynolds, Advertising Design Lead

Logo

We experimented by using the hexagonal shape to construct the letter B; although our company is based on science, we didn't want to forget the human and natural side of things, that is why we added some organic living elements to our sketches. We wanted to give a feeling of harmony and peace in order to balance out the mathematical coldness of the angular hexagon shape.

balogosketch
balogosketch2
balogosketch3

Digital Iterations

We experimented with different typefaces and sizes and narrowed our logo choices down to two. One that is very strong and more serious is comprised of stacked hexagonal shapes. The second one is more friendly, and is still made with hexagons, but it is more a welcoming shape.

badigitals
badigitals2
badigitals3

Typefaces, Colors, Graphic Standards and Final Logo

We settled on our typefaces and color palette that is made up of colors that represent serenity, happiness, optimism, tranquility, calm, relax and peace. They perfectly match the ultimate goal of Baliance.

PRIMARY TYPEFACE

Dosis Extra Light

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

1234567890

!@#$%^&*()_+{}[]

SECONDARY TYPEFACE

Dosis Light

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

1234567890

!@#$%^&*()_+{}[]

TERTIARY TYPEFACE

Dosis Medium

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

1234567890

!@#$%^&*()_+{}[]

C 55 M 0 Y 85 K 0

R 115 G 195 B 140

WEB SAFE #66CC99

C 15 M 0 Y 95 K 0

R 225 G 225 B 40

WEB SAFE #CCCC33

C 40 M 0 Y 85 K 0

R 165 G 210 B 85

WEB SAFE #99CC36

C 70 M 5 Y 30 K 0

R 60 G 180 B 180

WEB SAFE #33CCCC

C 70 M 15 Y 5 K 0

R 35 G 170 B 215

WEB SAFE #3399CC

bagraphicstandards

Primary Logo

Live Area: x/4 when x is the high of the logo

Min Use: 0.5 Inches wide

bagraphicstandards2

Stacked Logo

Live Area: x/4 when x is the high of the logo

Min Use: 1.25 Inches wide

bagraphicstandards3

App Icon

Live Area: x/4 when x is the high of the logo

Min Use: 0.5 Inches wide

Baliance-Logo

Final Logo

Data Visualization

We sketched some data circles to show how much exercise percentage a person has to have to be happy. Then we sketched some data maps to show the top 10 happiest countries. In our sketches we used the hexagon a lot because it represents our logo really well and it shows the wave of happiness through the years 2013-2020.

datasket
datasket2
datasket3
Digital Iterations
wave wave2
wave3

Mockups

datamockup datamockup2

Advertising

For our sketches, we combined all of the best advertising elements into layouts and graphics. Most of our concepts revolve around nature, balance, happiness, and having the right mindset in life.

baadsket
baadsket2
baadsket3

Digital Iterations

We designed a full magazine spread, a rail card and a web banner.

railcard webpage
mag
Mockups
baadmockup baadmockup2
baadmockup3
Interactive Media

We created a visual diagram to show how the app will be organized, which are five different sections along with content pages where the user can find all the information. We also created a user flow chart showing all the steps needed to navigate the app. We wanted to keep it very simple so anyone can have easy access to it. We then sketched some wireframes for our app, always trying to keep everything simple.

baflows
bamediasket2
bamediasket2

Digital Iterations

As you can see, we kept the design of our app pretty simple and intuitive to make the user experience as easy as possible. We don't want our customers to stress out trying to figure how to navigate the app, so everything is straightforward and clear. Through the app, our customers will be able to find all the information related to hormones of happiness present in our brain, and to do some exercises that can help in reaching the balance between mind and body.

app1 app2
app3 app4 app5
app6 app7
app8 app9 app10

Mockups

mobilemockupsbaliance mobilemockupsbaliance2

NEXT

PREVIOUS