Trst Health

Trst Health is a health tech company that provides personalized coaching for managing cardio-metabolic health issues like prediabetes and diabetes to help users improve their health through lifestyle changes.

Mockup of a laptop on an orange sofa showing the healthtech website trst health.
Mockup of a laptop on an orange sofa showing the healthtech website trst health.
Company

Trst Health

Role

UI/UX Designer // Web Developer

UI/UX Designer // Web Developer

UI/UX Designer // Web Developer

Platform

Website

Overview

Trst Health sought a bold website redesign to highlight their app’s unique value. The goal was a modern, interactive, and responsive site replaced the outdated playful tone with an engaging, narrative-driven experience.

Tools
Key Responsibilities

Web Development

UI/UX Design

SEO

Responsive Design

Performance Optimization

Link to website
Problem Statement

The website failed to engage users and convey the app’s value, leading to low retention and missed adoption. The redesign emphasized storytelling and intuitive interactions to captivate and highlight key features.

Challenge

Two weeks from launch, our developer quit. With no backup, I became a self-taught developer overnight, mastering new skills under pressure to deliver a fully functional, dynamic site that matched our bold vision.

Approach

I mastered Framer through hands-on learning and combined problem-solving with close collaboration. Through relentless focus I delivered an interactive website on time, turning a crisis into a career-defining success.

Core Impact

The redesign transformed Trst Health’s website from static to interactive, driving major improvements in speed, user engagement, and SEO across both desktop and mobile platforms. These targeted enhancements delivered measurable growth and elevated the brand’s online presence.

01

Performance Boost
Performance Boost

Optimized page speed by over 230% on mobile and nearly doubled desktop scores, ensuring fast, seamless experiences and reducing user drop-off across all devices.

Optimized page speed by over 230% on mobile and nearly doubled desktop scores, ensuring fast, seamless experiences and reducing user drop-off across all devices.

User Growth Surge
User Growth Surge

Increased monthly user visits by more than 700%, significantly expanding the site’s reach and driving greater brand awareness and conversions.

Increased monthly user visits by more than 700%, significantly expanding the site’s reach and driving greater brand awareness and conversions.

02

03

SEO Enhancement
SEO Enhancement

Implemented strategic SEO improvements that boosted organic traffic and enhanced search visibility, positioning the site effectively in competitive health tech markets.

Implemented strategic SEO improvements that boosted organic traffic and enhanced search visibility, positioning the site effectively in competitive health tech markets.

Interactive Engagement
Interactive Engagement

Turned a static site into a dynamic platform with engaging storytelling and smooth animations, boosting user engagement and brand connection.

Turned a static site into a dynamic platform with engaging storytelling and smooth animations, boosting user engagement and brand connection.

04

The Need for a Redesign

The outdated, playful design of the old website undermined credibility. A full redesign featuring compelling storytelling, intuitive navigation, and dynamic interactivity was crucial to building trust and boosting user engagement.

Old homepage of trst website
Old homepage of trst website
Old homepage of trst website
Old prediabetes page of trst website
Old prediabetes page of trst website
Old prediabetes page of trst website
Old blogs page of trst website
Old blogs page of trst website
Old blogs page of trst website
Our values page of trst before the redesign
Our values page of trst before the redesign
Our values page of trst before the redesign
Blog details page of trst before the redesign
Blog details page of trst before the redesign
Blog details page of trst before the redesign
Old about us page of trst website
Old about us page of trst website
Old about us page of trst website

The Redesign

The outdated, playful design of the old website undermined credibility. A full redesign featuring compelling storytelling, intuitive navigation, and dynamic interactivity was crucial to building trust and boosting user engagement.

Puzzle pieces that fit together to form the mascot urth
Puzzle pieces that fit together to form the mascot urth
Puzzle pieces that fit together to form the mascot urth

Interactive experience

The hero section features Urth, the mascot, floating gently behind soft clouds. This calm animation encourages users to explore the site with ease and interest.

trst | decorative cloud background
urth the mascot of trst health
trst | Foreground cloud graphics
trst | decorative cloud background
urth the mascot of trst health
trst | Foreground cloud graphics
trst | decorative cloud background
urth the mascot of trst health
trst | Foreground cloud graphics

Hi, I'm urth

Scroll down

Digital Health Coaching at Your Fingertips

trst | decorative cloud background
urth the mascot of trst health
trst | Foreground cloud graphics
trst | decorative cloud background
urth the mascot of trst health
trst | Foreground cloud graphics
trst | decorative cloud background
urth the mascot of trst health
trst | Foreground cloud graphics

Hi, I'm urth

Scroll down

Digital Health Coaching at Your Fingertips

trst | decorative cloud background
urth the mascot of trst health
trst | Foreground cloud graphics
trst | decorative cloud background
urth the mascot of trst health
trst | Foreground cloud graphics
trst | decorative cloud background
urth the mascot of trst health
trst | Foreground cloud graphics

Hi, I'm urth

Scroll down

Digital Health Coaching at Your Fingertips

Creative Storytelling

This section uses clear iconography and lovely scroll animations to explain Trst Health’s mission and simplify complex health information for users.

Stemming from our love of technology and data

trst was created to focus on the importance of lifestyle changes in the journey of managing cardio-metabolic health disorders like

Stemming from our love of technology and data

trst was created to focus on the importance of lifestyle changes in the journey of managing cardio-metabolic health disorders like

Stemming from our love of technology and data

trst was created to focus on the importance of lifestyle changes in the journey of managing cardio-metabolic health disorders like

Dynamic Animations

The scroll animation smoothly transitions from dark to light backgrounds to represent the body’s circadian rhythm, making the science behind it easy to understand.

trst | Day cycle illustration
trst | Night cycle illustration

And our secret sauce? We resync your lifestyle with planet urth with the help of circadian rhythm science (your body’s clock or the sleep wake cycle)

trst | Day cycle illustration
trst | Night cycle illustration

And our secret sauce? We resync your lifestyle with planet urth with the help of circadian rhythm science (your body’s clock or the sleep wake cycle)

trst | Day cycle illustration
trst | Night cycle illustration

And our secret sauce? We resync your lifestyle with planet urth with the help of circadian rhythm science (your body’s clock or the sleep wake cycle)

trst | Night cycle illustration
trst | Day cycle illustration

Consequently improving your cardio-metabolic health and creating a positive ripple effect on not only your overall well-being but the whole planet’s health!

trst | Night cycle illustration
trst | Day cycle illustration

Consequently improving your cardio-metabolic health and creating a positive ripple effect on not only your overall well-being but the whole planet’s health!

trst | Night cycle illustration
trst | Day cycle illustration

Consequently improving your cardio-metabolic health and creating a positive ripple effect on not only your overall well-being but the whole planet’s health!

Engaging Visualizations

Four puzzle pieces represent Trst Health’s core values. As users scroll, the pieces lock into place, visually reinforcing the company’s mission and principles.

Our Values

Trust

Innovation

Empathy

Collaboration

Our Values

Trust

Innovation

Empathy

Collaboration

Our Values

Trust

Innovation

Empathy

Collaboration

Explore More

If my work sparked a smile or an idea,

If my work sparked a smile or an idea,

Let’s create something unforgettable, together.

Let’s create something unforgettable, together.