InnoBrain Redesign Case Study

Client

InnoBrain

Year

2026

Role

Product Designer

Tools

Figma, FigJam, Google Form, ReactJs

Branding/Website Redesign & Development

Branding
Web Design

ScrollTarget

JUMP TO SOLUTION

What is InnoBrain?

InnoBrain is a NeuroTech company industrializing Brain Computer-Interface to increase human safety and quality of life. Built on our foundational AI model, we are enabling Human Cognitive Monitoring™ at scale.

My Role

I led the team and owned 90% of the end‑to‑end redesign, taking the project from 0 → 1. Planning the design process, designing in Figma and shipping the implementation in production. I conducted user research with one of my team member and built the entire design system from branding to digital system.

CONTEXT

EEG Technology with A.I Integration

InnoBrain builds wearable EEG technology that measures cognitive state in real time — an advanced enterprise-grade product. But their website failed to communicate this credibly to the vendors who matter most. The visual language felt generic, the value proposition was buried, and there was no clear path for a prospective partner to understand the product or take action.


PROBLEM

Poor Visually Layout

The current brand, website are presented in a poor way too reach for audience, inconsistent of design system, lack of visual images, which cause frictions for users to navigate and reach out


Logo is Overwhelming

The branding and logo design feels outdated, gradient direction is overwhelming. The concept is strong, but the execution lacks refinement, consistency, and visual hierarchy.

BRANDING

The Concept & Moodboard

The visual identity uses restrained typography, generous white space, and crisp image pacing to create a polished but approachable impression.



I applied Emotional Northstar
and Branding design decision always map to these words



After snapping all keywords and sketches
I move on designing the final logo for InnoBrain



I built a light branding system for InnoBrain
including font family, color and mockups


DEFINE

InnoBrain's Core Audience

We created 2 personas represent InnoBrain's core target audience: professionals in high-stakes industries who evaluate technology tools at work

man headshot

Jakob Blomqvist

Aviation Safety Inspector

Bio

  • Works at Stockholm Arlanda Airport

  • Committed to preventing accidents through better behavioural data

Goals & Needs

  • Find a tool that provides objective behavioural data

  • A website that clearly communicates what the product does

Frustration

  • Websites that are unclear about what the company actually does

  • Webpages that are poorly structured 


Conversion Flow was Made to Improve UX

The redesign was built around a single goal, move a professional visitor from first impression to demo booking with as little friction as possible.


After addressing the conversion flow, I moved to identify which sections needed to make the user/client feel trustful, professional and reduce time discovery before taking any actions


SOLUTION

Design system build

I applied semantic mapping to keep all the variables consistent


The first design version came to live
but still need actual input from user

ITERATION

Usability Testing Sessions in 1 Week

Me and one of my team member conducted usability testing session
with 5 participants to validate UI fixes.

Over a week of validation sessions with users,
I iterated my designs over 6 issues in 3 areas based on the feedback I received:


Findings from the usability sessions were mapped directly
to design decisions. Each iteration addresses a specific barrier


Sessions by sessions were designed to improve conversion



Product Page Hero needs highlight awards to build trust,
apply product video improve the brand recall success rate


Added Stats Backup product claim and include Real Imagery
to let the page feels more alive



Built the project in ReactJS

Final design handoff is for me, I built innoBraind using ReactJs adding motion and micro‑interactions to deliver a more polished, professional user experience.

REFLECTION

This website and branding redesign was a part of my school assignment that I handled both product design and engineering.

Collaborating with my team and participants offered me to communicate design decision effectively and gave me valuable input direction.

Pause a sec

Vibe

Build

Create

with me

Open the menu, press play and enjoy my jam ;)

Quan's iPod
All Songs

QUAN

Pause a sec

Vibe

Build

Create

with me

Open the menu, press play and enjoy my jam ;)

Quan's iPod
All Songs

QUAN

Pause a sec

Vibe

Build

Create

with me

Open the menu, press play and enjoy my jam ;)

Quan's iPod
All Songs

QUAN

Create a free website with Framer, the website builder loved by startups, designers and agencies.