Project Serotonin | Case Study

Project Serotonin is an industry-first precision platform for peak health & longevity.
Hyperpersonalized programs for supplementation, exercise, sleep, fasting and lifestyle. Using cutting edge track-measure-improve technology to optimize key biomarkers of health and aging, to keep you at your peak.

8 years of R&D. 250,000 hours of human effort and 6 generations of platforms validated with real world evidence.

R&D

8 years

Hours of effort

250k

Users

500+

Challenge

Project Serotonin reached out to us for a complete overhaul of their website.

Their existing website was not reflecting the cutting-edge nature of their product as the design had no real thought behind it.

The website performance and loading speed were also terrible and demanded better development.

The web design and overall performance were crucial for Project Serotonin when they reached out to us, especially as they were looking to make a good impression on investors to raise funding.

Hence, we had to design and develop a website that appealed to both investors and consumers.

Solution

Hopstack provided us with a detailed branding guide and we incorporated the guidelines such as the color palette and typography within the new design.

Our main focus was to prioritize the website’s performance by keeping the design minimal and staying away from heavy animations or interactions.

We also went a step ahead of the native Webflow CMS to add some advanced filtering options with custom code.

Here’s a brief overview of the transformation we achieved for Hopstack in each aspect-

Before

After

Design

Dated design as the website was built over 5 years ago.- No thought was given to visually highlight Hopstack’s core offer.

A minimal & modern, industry-leading design. - Special UI snippets combined with warehouse imagery to highlight the core offer and tool experience

Performance

Poor loading speed and user experience due to faulty structuring and CMS.

Clean development and native Webflow CMS enhanced with custom code for lightning speed and great user experience.

Website Architecture

Poor architecture and suffocating design.- Awfully named blocks and sections on the backend that created confusion.

Simple architecture, minimal effects & spacious design to keep the users engaged.- Logical naming of blocks powered by “Finsweet Client-First System

CMS

Messy CMS structure- confusing & complicated to handle. Also, affecting website performance.

Super-clean and easy-to-use CMS structure enhanced with custom code for advanced filtering and superior performance.

SEO

Great SEO rankings but no traffic conversion due to poor user experience.

Completely revamped, conversion-optimized user experience without compromising on SEO rankings.

Tailormade on-brand graphics

The redesigned Slice Inn website now effectively highlights key features and benefits of choosing Slice Inn for stays.

Strategic placement of sections and improved user flow ensures that as soon as visitors land on the site, they're greeted with compelling reasons to choose Slice Inn.

This clear presentation improves user comprehension and, in turn, significantly increases the likelihood of booking conversions.

Happy client testimonial

We’re happy to have collaborated with Divyansh for our website needs. His responsiveness, flexibility and timeliness made it feel like a natural extension of the team. He actively contributed to the ideation, design, and the development phases of the project.
His proficiency and expertise in Webflow enabled us to implement an improved version of the website timely. We had a good experience working with Divyansh and highly recommend him for projects requiring expertise in Webflow and web design.

Shobini Kaveriappa

Head of Platforms · Serotonin Labs Inc.

Projec Serotonin