bender/e6a04e19-c73f-4e62-bac9-1f580224e3e8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/projects/fitness-app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-15 12:55:07 +00:00
parent 9f70837ef5
commit cd03b190cf
1 changed files with 17 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/app/projects/fitness-app/page.tsx
View File

@@ -3,7 +3,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import ContactText from '@/components/sections/contact/ContactText';
import FooterMedia from '@/components/sections/footer/FooterMedia';
export default function FitnessAppCaseStudy() {
@@ -22,19 +22,23 @@ export default function FitnessAppCaseStudy() {
>
<ReactLenis root>
<NavbarLayoutFloatingInline navItems={[{name: "Home", id: "/"}, {name: "About", id: "/about"}, {name: "Case Studies", id: "/projects"}, {name: "Contact", id: "/contact"}]} brandName="Studio Designer" button={{text: "Let's Talk", href: "/contact"}} />
<div className="container mx-auto py-24 px-6">
<h1 className="text-5xl font-light mb-8">Fitness App Redesign</h1>
<div className="space-y-12 text-lg leading-relaxed text-foreground/80">
<section><h2>Problem</h2><p>The existing app interface felt disjointed and failed to motivate daily engagement, leading to a high churn rate among new users.</p></section>
<section><h2>Users</h2><p>Athletic and fitness enthusiasts looking for personalized tracking and community-driven motivation tools.</p></section>
<section><h2>Research</h2><p>User interviews and session tracking highlighted the need for more intuitive progress visualization and gamified reward systems.</p></section>
<section><h2>Solution</h2><p>We designed a high-energy, responsive UI with clear progress dashboards and social integration to foster community growth.</p></section>
<section><h2>UI Design</h2><p>The design utilizes bold typography and high-contrast visuals, maintaining a luxury aesthetic tailored for premium health subscription tiers.</p></section>
<section><h2>Outcome</h2><p>The new interface increased daily active user retention by 25% and established a more loyal user community over the first quarter.</p></section>
</div>
<div id="contact" data-section="contact">
<ContactText
text="Start your next project."
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
buttons={[{text: "Contact", href: "/contact"}]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
logoText="Studio Designer"
imageSrc="http://img.b2bpic.net/free-photo/luxury-travel-concept-with-accessories_23-2148759364.jpg"
columns={[{title: "Navigation", items: [{label: "Home", href: "/"}]}]}
/>
</div>
<ContactCTA tag="Work together" title="Start your next project." description="Let's build something remarkable." buttons={[{text: "Contact", href: "/contact"}]} />
<FooterMedia logoText="Studio Designer" columns={[{title: "Navigation", items: [{label: "Home", href: "/"}]}]} />
</ReactLenis>
</ThemeProvider>
);