MySense

Project delivered in Autumn 2018

MySense is a new company working in the healthcare and technology industries.
Their goal is to provide a better autonomy to their users, and, peace of mind for those around them.

Their main products are:
1
A group of sensors the user put into their home and wrist. The sensors are recording their routine as data and creating their daily pattern.
2
A software is compiling all those data in a visual way, allowing the user’ carer or family to know when the user health is decreasing.

MySense asked us to create a human but tech identity
(makes sense)

On the phase one we proposed different logos
HardEve_Designer_Portfolio_MySense_000
The row one is a galaxy of data, the human touch are the roughed corner.
The row two is exploring the curve created by the data.
The row three is featuring the five sense plus the sixth… their products.

After some discussions to refine what the client wanted to convey via their logo… one been chosen and some iterations been created.
HardEve_Designer_Portfolio_MySense_000-bis
On this logo we changed the hexagon shape to a pentagon, as a reference to the user senses, the ‘My’ is placed into the pentagon to highlight the fact the user is the most important. The pentagon edges are rounded to avoid any negative association. ‘Sense’ is written in a neutral colour to create a balance with the pentagon, and the used font is a rounded one to impart a cocooning feeling.

Along with the logo sets a whole brand guideline booklet been created.

HardEve_Designer_Portfolio_MySense_BG_001HardEve_Designer_Portfolio_MySense_BG_002HardEve_Designer_Portfolio_MySense_BG_003HardEve_Designer_Portfolio_MySense_BG_004HardEve_Designer_Portfolio_MySense_BG_005HardEve_Designer_Portfolio_MySense_BG_006HardEve_Designer_Portfolio_MySense_BG_007HardEve_Designer_Portfolio_MySense_BG_008

Another big part of the project was the creation of their website.
For the backend the dev team created a bespoke CMS, for the front end we decided (on the first version) to create a human focus website.
For the second version of the website, the approach was to push further the tech part of their product, the human touches was featured on the pictures and on the micro-interactions.

Each section is displayed on full screen.
(this below video is showing some interactions)

HardEve_Designer_Portfolio_MySense_007
HardEve_Designer_Portfolio_MySense_008

The open menu sections, Contact Us and Region selection:
HardEve_Designer_Portfolio_MySense_009HardEve_Designer_Portfolio_MySense_010

Here are the different internal pages of the website.
1
Who we are
(the gradient background is moving :) )
HardEve_Designer_Portfolio_MySense_011HardEve_Designer_Portfolio_MySense_012

 2
How it Works
(here we have a little bit of interaction, on the house graphic, if the user hover some of the pentagon the sensor description under the home graphic will change accordingly)
HardEve_Designer_Portfolio_MySense_013HardEve_Designer_Portfolio_MySense_014HardEve_Designer_Portfolio_MySense_015

3
Case Studies
HardEve_Designer_Portfolio_MySense_016HardEve_Designer_Portfolio_MySense_017

4
Partnership and Research
HardEve_Designer_Portfolio_MySense_018

5
The Blog
(which is more an editorial part of the website, so the body copy is left aligned to ensure the user reading comfort)
HardEve_Designer_Portfolio_MySense_019HardEve_Designer_Portfolio_MySense_020HardEve_Designer_Portfolio_MySense_021

Bonus, tiny interactions on hover state
+
the product box
+
some social visuals
HardEve_Designer_Portfolio_MySense_022

Thanks to the Jacob Bailey team for the hard work
:)

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s