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.
Company
Trst Health
Role
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
02
03
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.
Brand Guidelines
trst health is a health tech company focused on improving cardio-metabolic health by provide personalized health coaching and insights to its users.
Logo Usage
Mascot - Urth
Primary Font
ITC Avant Grand
The quick brown fox jumps over the lazy dog.
Secondary Font
Single Day
The quick brown fox jumps over the lazy dog.
Primary Color Palette
Secondary Color Palette
Research
Thorough research is essential for understanding the market, users, and technology to create a successful product. It informs design decisions and ensures solutions meet real needs while standing out competitively. This section covers competitor analysis, user persona, and technological analysis.
Competitor Analysis
Competitor analysis studies similar companies to identify their strengths and weaknesses. It reveals market gaps and guides us to highlight Trst Health’s unique value. This helps create a website that stands out and engages users effectively.
Feature / Company
Real Time CGM Data
AI-Based Glucose Prediction
Sleep Tracking
Ease of Food Logging
Data Driven Health Coaching
Apple Health Integration
Simplicity of User Interface
Predictive Analytics
Levels Health
✔
✘
✔
✔
✔
✘
✔
✘
Ultrahuman
✔
✘
✔
✔
✔
✔
✔
✘
January AI
✔
✔
✔
✔
✔
✔
✘
✔
Nutrisense
✔
✘
✔
✘
✔
✔
✘
✘
Veri
✔
✘
✘
✔
✘
✔
✔
✘
User Persona
A user persona represents a typical target user, capturing their goals and challenges simply. Our persona, Maria, reflects busy professionals needing easy, personalized health guidance. This ensures our design speaks directly to real user needs.
Maria Gonzalez
Age
27 Years Old
Profession
Software Engineer
Location
Dallas, Texas, USA
Quote
“I want to take control of my health before it gets worse, but I need guidance that fits my busy lifestyle and helps me understand what really affects my blood sugar.”
Health Status
Recently diagnosed with prediabetes during a routine checkup
Tech Proficiency
Tech-savvy, uses smartphone apps regularly, open to wearable tech like Continuous Glucose Monitor (CGM)
Goals
Prevent prediabetes from progressing to type 2 diabetes
Gain clear insights into how daily habits impact blood sugar levels
Make gradual, manageable lifestyle changes without overwhelming disruption
Balance a busy professional life with health management.
Balance a busy professional life with health management
User Needs And Expectations
Interested in personalized, data-driven health insights that fit into a busy schedule
Prefers guidance that is actionable and easy to follow
Values technology that provides real-time feedback and motivation
Looks for a supportive health platform that integrates with CGM devices to track progress
Challenges
Lack of motivation and time for regular exercise
Limited understanding of how diet and activity affect blood glucose
Frequent stress and irregular meal patterns due to work demands
Preference for convenience foods and a sedentary lifestyle
Technological Analysis
Technological analysis compares tools to choose the best fit for building the site. It looks at ease, flexibility, and performance to support dynamic and responsive design. This helps deliver a smooth, maintainable, and engaging website experience.
Feature / Platform
Ease of Use
Design Flexibility / Custom Layouts
Custom Animations / Interactions
Add Custom Code
Figma Integration
Collaboration Tools
Extensive Plugins
Friendly To Designers
Elementor
✔
✔
✘
✘
✘
✘
✔
✘
Wix Studio
✔
✔
✔
✔
✔
✔
✔
✔
Squarespace
✔
✘
✘
✘
✘
✘
✘
✘
Webflow
✘
✔
✔
✔
✘
✔
✘
✔
Framer
✔
✔
✔
✔
✔
✔
✔
✔
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.
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.
Creative Storytelling
This section uses clear iconography and lovely scroll animations to explain Trst Health’s mission and simplify complex health information for users.
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.
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.
