BoneScreen
Prevention of bone health diseases
Healthcare
AI
Website
Branding
![Business cards designed for Bonescreen](https://cdn.prod.website-files.com/636a2643830f4d35ab935624/6551f7d552816a8f57a93215_hero.webp)
3
months
month
TEAM
![](https://cdn.prod.website-files.com/636a2643830f4d35ab935624/6551f82b3cdbc2945ea9bf1f_Avatars.webp)
Bonescreen provides AI based software for the evaluation of diseases related to bone health
Industry
Healthcare
Headquarter
Munich
Scope
Branding / Website/Webflow
![Screenshot of Bonescreen website](https://cdn.prod.website-files.com/636a2643830f4d35ab935624/6551f874dc44c69b45150548_large.webp)
![Pages from the Bonescreen brand guidelines](https://cdn.prod.website-files.com/636a2643830f4d35ab935624/6551f877c9e8705e878b0ce3_l.webp)
![Screens collection from the Bonescreen brand book](https://cdn.prod.website-files.com/636a2643830f4d35ab935624/6551f879468afbaf5251fee7_r.webp)
Challenge
The goal was to create a completely new brand image and visual language for Bonescreen
The client challenged us with the task of developing a new logo design suitable for their brand, along with a complete set of brand guidelines and other elements, including stationery, social assets, and website development.
![Long screenshot of Bonescreen website](https://cdn.prod.website-files.com/636a2643830f4d35ab935624/6551f8f42060c4c0d0cb1328_top.webp)
website
RESULT
During extensive research and analysis, we found the right tone of voice for the Bonescreen brand
Based on the new logo design, we created a brand book outlining the visual elements of the brand and providing guidelines for its representation in various contexts. The final touch was the new website design, featuring a fresh design and seamless UX.
![Long screenshot of Bonescreen website](https://cdn.prod.website-files.com/636a2643830f4d35ab935624/6551f9969f2933c12700aa9e_top.webp)
![](https://cdn.prod.website-files.com/636a2643830f4d35ab935624/6557b3d539f4fb523b54d6cb_bonescreen-left.webp)
![](https://cdn.prod.website-files.com/636a2643830f4d35ab935624/6557b3d7b3b5a5c23b5455fc_bonescreen-right.webp)
![Pages from the Bonescreen brand guidelines](https://cdn.prod.website-files.com/636a2643830f4d35ab935624/6557b3d539f4fb523b54d6cb_bonescreen-left.webp)
Process
Discovery
Competitor Analysis
UX Audit
Brand Strategy
Wireframes
Wireframing
Prototyping
Design
Logo Design
Exploration
Final Layouts
Development
Design system
Webflow development
A new layout was implemented using Webflow technology, resulting in a modern and dynamic website with excellent performance
![Bonescreen letterhead design](https://cdn.prod.website-files.com/636a2643830f4d35ab935624/666aecdfb2b8f696a190c7e4_letterhead.jpg)
![Map with client’s location](https://cdn.prod.website-files.com/636a2643830f4d35ab935624/6551f9e87aa40385c92d1027_map.webp)
Their prompt responsiveness, value for money, and goal-oriented approach are commendable
![Clutch](https://cdn.prod.website-files.com/636a2643830f4dc3b9935614/651c13a502ab38a7e0c9f61d_cs-clutch-logo.webp)
5.0