Rebranding, UX/UI Somnia, the ASMR app for sleep

branding agency cover picture, branding, digital design, visual identity, web design, graphic design, marketing collateral, ux, ui, branding studio

Reviving the #1 ASMR app for sleep



ASMR stands for Autonomous Sensory Meridian Response, and Somnia is the number one app for ASMR sleep. The app uses AI (Artificial Intelligence) to handpick tailored, customizable ASMR sounds to help its users fall asleep. We redesigned and developed Somnia on the basis of a massive test work involving the ASMR community and the potential (indirect) users that are enjoying the meditation apps and the like.

Work we did


RESEARCH UX/UI REBRANDING BRAND STRATEGY BRAND IDENTITY LANDING PAGE APP ONBOARDING SCREENS



Project Lead


Alexandra Maracinaru Adam Giebl

Creative direction

We began with an in-depth brand equity audit, and a competition/market landscape and user research. We reevaluated what the business and brand stand for, and then re-visited Somnia's mission, vision and values, and performed a thorough SWOT analysis. We answered questions like: why does Somnia exist, what problem is the app solving, who is the product for, what will it do, and what features need to be included for Somnia to be successful.

business model canvas conclusion branding, brand strategy, research

We uncovered the product's value and benefits according to the business model research, and determined what problem we were trying to solve for the users.

Rebuilding and rebranding the app

Using the fundamentals of good UX coupled with brand strategy and design thinking, we rebuilt and rebranded the app. Through this project we embarked on a journey of discovery, ideation and execution so that we can help Somnia:

  1. Reposition on the market by revisiting the brand strategy and user journey, retrinking design solutions, and ultimately rebranding.

  2. Recover and improve their online presence through redesigning and developing their landing page, as well as through prototyping the onboarding screens of the app.

  3. Gain credibility and reputation in order to attract the investors they needed to continue functioning and launching the app successfully.
website design, landing page design, branding, rebranding, app design

Improving usability

We started with what it takes for a user to have a good experience:
we aimed to make Somnia usable, equitable, enjoyable, and useful.

That meant that the design, structure, and purpose of the product had to be clear to everyone. Next, we wanted to help Somnia become equitable, hence the designs had to be useful and marketable to people with diverse abilities and backgrounds. Our goal was to make Somnia enjoyable to use, and to create a positive connection between the user and the product. We fostered that positive connection by taking Somnia's users thoughts and feelings into account when redesigning the product. And last, but not least, we wanted Somnia to be useful, hence to solve a problem.

who is the user, branding process research findings, white on gray background with purple elements, branding process

Persona development and user journey

John

John is a 38 years old father of 2. He is a professor and a fitness enthusiast. His goals include falling asleep faster without medication, improve physical health, be a great dad and have plenty of energy.

Caroline

Caroline is a 29 years old doctor from Amsterdam. She enjoys unintentional ASMR such as book flipping. She likes reading, journaling and nature. Her goals are to sleep better, reduce stress, feel pampered and cared for, and better mental health.

persona development, john, male illustration looking at an app on a phone, branding illustration, persona, buyer journey, woman looking at a phone, puerple, pink

Testing

At this test stage, we evaluated the web design based on feedback from potential users. Our goal was for the website to inspire tranquility, a friendly, dreamy and sleepy atmosphere, yet to be modern and professional; to reflect connection, but authority as well. We saw the landing page as the untapped opportunity that we used as a marketing funnel to attract users to download the app directly from the website.

Information Architecture - Web and App Design

We kept the Information Architecture of the landing page almost intact, but with a change in the order in which the sections would be placed on the page.

hero section websit, web design, landing page, asmr app, branding project ui, user interface, asmr sounds compositions website design, wed design, ui, ux

App Onboarding Design

In the strategy findings it showed that the app needed to be redesigned as well, therefore we created the onboarding screens.

Home screen

This is the first screen the user views once they download the app. It contains the logo, a tagline and instructions on what to do next: "Swipe left..."

app design, onboarding screen, branding, rebranding, purple, orange, sleep app rebrand
onboarding screen app design, rebranding

Categories screen

Once the user swipes left, they meet with the categories screen, where they can pick their favorite sounds. This will help define their preferences once "inside".

Trial screen

This screen contains the Call-To-Action and the option to continue using the app for free for a daily limited time. The user has the possibility to choose between browsing the premade compositions, which will take them to the "Explore" screen or compose their own.

onboarding screen, app design, rebranding
onboarding screen, app design, rebranding

Custom sounds screen

This is where the user creates their own compositions, as well as listens to the current ones on their list.

explore screen, app design, rebranding

Brand and Visual Identity

We began the rebranding process by digging deep into what was there to begin with. We found out that Somnia had already gone through a renaming process and, therefore, another rebranding too. As a means to spread and create more market share, the co-founders transitioned from an entirely Danish app called Ro (Danish for "rest"), to Somnia, a name derived from the Latin "somnium", which means "sleep", "dream".

branding, brand identity, visual identity, appd esign, web design
type system, app design, color scheme, purple, white, orange tone of voice, playful, colorful, orange, purple, sheep illustration, app design
app design presentation, branding, rebranding
branding project arrow Back to projects Next project: MAMA AFRICA branding project arrow

For a better experience, plese visit the website on a bigger screen.
Back to top
Get in touchinfo@brandiaq.com