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

Update src/app/case-studies/lux-travel/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-15 12:55:06 +00:00
parent b13fde6467
commit 6d5166cb00
1 changed files with 7 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/app/case-studies/lux-travel/page.tsx
View File

@@ -3,8 +3,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TimelineHorizontalCardStack from '@/components/cardStack/layouts/timelines/TimelineHorizontalCardStack';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import ContactText from '@/components/sections/contact/ContactText';
import FooterMedia from '@/components/sections/footer/FooterMedia';
export default function LuxTravelCaseStudy() {
@@ -34,37 +33,11 @@ export default function LuxTravelCaseStudy() {
/>
</div>
<div id="content" data-section="content">
<TimelineHorizontalCardStack
title="Redefining Luxury Travel UX"
description="A comprehensive design overhaul for a premium global travel platform, focusing on seamless booking journeys and high-end aesthetic resonance."
tag="UX Case Study"
textboxLayout="split"
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/luxury-travel-concept-with-accessories_23-2148759364.jpg", imageAlt: "Luxury travel editorial" },
{ imageSrc: "http://img.b2bpic.net/free-photo/young-traveler-exploring-world_23-2149028913.jpg", imageAlt: "User research phase" },
{ imageSrc: "http://img.b2bpic.net/free-vector/premium-ui-design-template_23-2148816543.jpg", imageAlt: "Solution UI design" }
]}
className="py-20"
>
<div className="space-y-8">
<h3 className="text-2xl">Problem Statement</h3>
<p>The legacy platform suffered from high drop-off rates during checkout, failing to convey the exclusivity and refinement expected by a premium target demographic.</p>
<h3 className="text-2xl">User Research & Findings</h3>
<p>User interviews revealed that friction in the payment process and unclear visual hierarchy were the primary drivers for dissatisfaction. Users felt the platform didn't reflect the high-ticket nature of the services offered.</p>
<h3 className="text-2xl">Solution Approach</h3>
<p>We implemented a modular design system focusing on minimalism, high-fidelity imagery, and a refined typographical scale. The booking flow was streamlined into a single-page interactive experience.</p>
<h3 className="text-2xl">Outcome</h3>
<p>Post-launch, the platform observed a 40% increase in direct bookings and a 25% improvement in user satisfaction scores, successfully positioning the brand as a leader in the digital luxury travel sector.</p>
</div>
</TimelineHorizontalCardStack>
</div>
<div id="contact" data-section="contact">
<ContactCTA
tag="Connect"
title="Want to discuss your project?"
description="Let's transform your brand's digital presence together."
<ContactText
text="Want to discuss your project?"
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
buttons={[{ text: "Email Me", href: "mailto:hello@studio.design" }]}
/>
</div>
@@ -72,6 +45,7 @@ export default function LuxTravelCaseStudy() {
<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: "/" }, { label: "Projects", href: "/projects" }] }
]}
@@ -80,4 +54,4 @@ export default function LuxTravelCaseStudy() {
</ReactLenis>
</ThemeProvider>
);
}
}