Amy Bousamra

UI-Focused Front-End Developer

I build and maintain interactive, accessible web applications for enterprise travel platforms with a strong foundation in HTML, CSS, JavaScript, and responsive design.

With 4+ years of experience, I specialize in translating Figma and design system specifications into production-ready interfaces while improving usability and consistency at scale.

About

I'm a UI-focused Front-End Developer with 4+ years of experience building and maintaining interactive, accessible web applications for enterprise travel platforms. My work centers on creating pixel-perfect, user-friendly interfaces that meet the highest standards of usability and accessibility.

I have a strong foundation in HTML, CSS, JavaScript, responsive design, and UI debugging, with a proven track record of rapidly implementing client requests, resolving production issues, and improving usability and consistency at scale. I'm experienced in translating Figma and design system specifications into production-ready interfaces that align with brand guidelines and technical requirements.

Currently, I'm deepening my expertise in React, TypeScript, and modern component-driven development, staying at the forefront of front-end best practices. I thrive in collaborative environments where I can bridge the gap between design and engineering to deliver exceptional user experiences.

When I'm not coding, I enjoy staying current with emerging web technologies, refining my design eye, and contributing to projects that make the web more accessible and inclusive for everyone.

Featured Projects

Travel Platform Design System

2024

Overview: Enterprise-scale design system for travel booking platforms with reusable, accessible components.

Challenge: Create consistent UI patterns across large-scale travel applications while ensuring accessibility compliance and intuitive user interactions for diverse audiences.

Design & UX Thinking: Implemented gold star ratings (#F5A623) based on UX research showing 20-30% faster recognition versus other colors. Budget sliders use distinct color coding (green, coral, cyan, violet) to help users quickly differentiate comparison variants. Research from Baymard Institute shows over 50% of users misread standard dual-handle sliders—our variants address this with real-time value displays, input field hybrids, and segmented tiers that improve booking confidence and reduce abandonment.

Technical Approach: Built with React and TypeScript for type safety. Components follow WAI-ARIA guidelines with proper keyboard navigation, focus states, and screen reader support.

Interaction & Motion: Star ratings provide immediate hover feedback. Budget sliders update hotel results in real-time with smooth transitions, reducing cognitive load during price filtering.

Outcome: Scalable component library demonstrating proficiency in design systems, accessibility standards, and conversion-focused travel UI patterns backed by UX research.

ReactTypeScriptAccessibilityTravel UIDesign Systems

Interactive Components

Interactive Star Rating

Accessible star rating component with hover states and keyboard navigation

Click to rate

Features: ARIA labels, keyboard navigation, hover states, visual feedback

Budget Slider Comparison Study

Exploring different interaction patterns for hotel price filtering

Budget Range Slider

Filter hotels by price range with real-time results and accessibility support

Price per night$80 - $250

Available Hotels

3 results

Comfort Suites

4

$120

Grand Hotel

4.5

$180

Downtown Stay

3.8

$95

Features: Dual-range filtering, real-time updates, semantic HTML, WCAG compliant

Variant 2: Combined Range Track

Single visual track with dual handles for intuitive range selection

3 hotels
Price Range$80 - $250

Comfort Suites

$120

Grand Hotel

$180

Downtown Stay

$95

UX Benefits: Visual feedback with highlighted range, overlapping handles, compact design

Variant 3: Input + Slider Hybrid

Combines slider interaction with direct numeric input for precision

Recommended3 hotels
$
$
Comfort Suites$120
Grand Hotel$180
Downtown Stay$95

UX Benefits: Highest conversion rate per Baymard Institute research. Reduces 50%+ misread rate of standard sliders with precise keyboard input and WCAG 5.8:1 contrast ratio.

Variant 4: Segmented Price Tiers

Simplified selection with predefined price categories for faster decisions

2 hotels

Comfort Suites

4

$120

Grand Hotel

4.5

$180

UX Benefits: Fastest interaction, reduced decision fatigue, ideal for mobile-first design

Luxury Resort Booking Interface

2024

Overview: Interactive travel destination showcase with video integration and streamlined booking flow.

Challenge: Convert legacy HTML templates to modern React while creating a frictionless path from discovery to booking that maximizes conversion.

Design & UX Thinking: "Book Now" button uses amber (#F5A623) based on A/B testing research showing orange CTAs outperform other colors by 10-30% on travel sites. Prepopulated search forms reduce user effort and abandonment.

Technical Approach: Modern React/TypeScript architecture with responsive card layouts. YouTube API integration for destination videos. Custom calendar date picker for intuitive date selection.

Interaction & Motion: Cards feature hover scale effects and overlay transitions. Video modals use smooth zoom animations. Booking popup provides immediate feedback with prepopulated location data.

Outcome: Demonstrates UI modernization skills, conversion-focused design thinking, and ability to translate legacy code to component-based architecture.

ReactTypeScriptResponsive DesignVideo IntegrationTravel UI

Interactive Resort Showcase

Bora Bora Overwater Retreat
LuxuryBeach

Bora Bora Overwater Retreat

Bora Bora, French Polynesia

Surrounded by sand-fringed islets and an outer coral reef that encloses a turquoise lagoon. Stay in overwater bungalow suites with stunning views of Mount Otemanu.

Hard Rock Hotel Riviera Maya
All-InclusiveBeach

Hard Rock Hotel Riviera Maya

Riviera Maya, Mexico

Experience the perfect blend of rock 'n' roll atmosphere and tropical paradise. Enjoy world-class amenities, stunning ocean views, and exclusive access to private beaches.

Singapore Skyline Resort
UrbanLuxury

Singapore Skyline Resort

Singapore

An integrated resort fronting Marina Bay in Singapore. Features the world's largest rooftop Infinity Pool, award-winning dining, and shopping.

Maldives Paradise Villa
Private IslandDiving

Maldives Paradise Villa

Maldives

Private island experience with crystal-clear waters, pristine white beaches, and world-class diving. Each villa features a private pool and direct ocean access.

Interactive resort cards with video modals, responsive grid layout, and smooth animations. Built with accessibility in mind using proper ARIA labels and keyboard navigation.

Medical Benefits Page - Theme Adaptation

Medical Benefits Page - Theme Adaptation

2025

Overview: Redesigned a vacation products promotional page into a medical benefits interface, demonstrating design adaptability across industries.

Challenge: Prove that well-structured UI patterns can be repurposed across vastly different domains while maintaining usability and visual coherence.

Design & UX Thinking: Retained the proven layout hierarchy and interaction patterns from travel UI while adapting imagery, color, and messaging for healthcare context. Used grayscale medical photography for professional tone.

Technical Approach: Migrated from jQuery/HTML to React with TypeScript while preserving original CSS. Maintained semantic HTML structure for accessibility and SEO.

Interaction & Motion: Interactive card expansions, horizontal scrolling carousels, and tabbed navigation provide familiar interaction patterns users expect from modern interfaces.

Outcome: Showcases ability to adapt existing designs to new contexts—a valuable skill for agencies and teams managing multiple brands or industries.

ReactTypeScriptjQuery to ReactTheme AdaptationResponsive Design
Travel Club Website - Example

Travel Club Website - Example

2022-2025

Overview: Customized travel membership templates and co-branded sites for multiple enterprise clients.

Challenge: Rapidly implement client and marketing team requests while maintaining code quality, cross-browser compatibility, and brand consistency across co-branded properties.

Design & UX Thinking: Balanced business requirements with user experience, ensuring promotional content didn't compromise usability. Prioritized mobile responsiveness for travelers booking on-the-go.

Technical Approach: HTML5, CSS3, and jQuery stack. Implemented modular CSS patterns for efficient co-brand theming. Debugged cross-browser issues and optimized performance.

Interaction & Motion: Smooth scrolling, hover states, and transition effects aligned with brand guidelines while enhancing perceived performance.

Outcome: 4+ years of production experience delivering features on deadline, debugging live issues, and collaborating with marketing stakeholders.

HTML5CSS3jQueryResponsive DesignClient Customization
T+L Go Platform

T+L Go Platform

2022-2025

Overview: Front-end development for Travel + Leisure's premium membership platform.

Challenge: Deliver responsive, pixel-perfect implementations of design specifications while ensuring optimal performance across all devices and browsers.

Design & UX Thinking: Focused on maintaining brand consistency with Travel + Leisure's editorial quality. Ensured touch-friendly interactions for mobile users and clear visual hierarchy for content-heavy pages.

Technical Approach: Responsive layouts using CSS Grid and Flexbox. JavaScript/jQuery for interactive components. Collaborated with design team to translate Figma specs to production code.

Interaction & Motion: Implemented smooth transitions and micro-interactions that align with the premium brand experience without impacting page performance.

Outcome: Contributed to a polished membership platform serving Travel + Leisure's subscriber base with consistent, accessible user experiences.

HTML5CSS3JavaScriptResponsive DesignTravel Platform
Culinary Application, Brew Pair Assistant

Culinary Application, Brew Pair Assistant

2025 - Personal Project

Overview: AI-powered culinary app helping users discover personalized drink pairings for their meals.

Challenge: Learn React.js while building a functional, user-friendly application. Leverage AI tools to accelerate development without sacrificing code quality.

Design & UX Thinking: Prioritized simplicity—users input a dish and receive instant pairing suggestions. Clean interface minimizes friction between question and answer.

Technical Approach: Built with React.js, collaborating with AI tools (ChatGPT, Claude, Replit) to accelerate learning and problem-solving. Demonstrates modern AI-assisted development workflow.

Interaction & Motion: Immediate feedback on user input with smooth result transitions. Mobile-first responsive design for kitchen-friendly usage.

Outcome: Personal project demonstrating initiative, self-directed learning, and growing proficiency in modern React development and AI integration.

React.jsAI IntegrationChatGPTClaudeReplit
RCI Travel Platform

RCI Travel Platform

2022-2025

Overview: Maintained and enhanced user experience for RCI's large-scale timeshare exchange platform.

Challenge: Optimize existing codebase while implementing new features requested by business and marketing teams under tight deadlines.

Design & UX Thinking: Balanced stakeholder requests with user needs, advocating for usability improvements alongside promotional features. Ensured consistent experience across the platform's extensive page inventory.

Technical Approach: JavaScript, jQuery, and CSS debugging and optimization. Image editing in Photoshop for web performance. Worked within established codebase patterns while improving code quality.

Interaction & Motion: Enhanced existing interactions with smoother transitions and better loading states. Fixed animation bugs affecting user experience.

Outcome: Reliable delivery of features and fixes for a major travel platform, demonstrating ability to work effectively within large, established codebases.

JavaScriptjQueryCSSPhotoshopPerformance Optimization

Skills & Technologies

Daily Use / Expert
Actively Developing
Familiar / Learning

Core Expertise (Daily Use - 4+ years)

JavaScript (ES6+)jQueryHTML5CSS3 (Flexbox/Grid)BashGit

Front-End Frameworks

ReactTypeScriptNext.jsVue.jsNode.jsBootstrap

Styling & CSS

Tailwind CSSSass/SCSSResponsive Design

Design & Creative Tools

FigmaAdobe PhotoshopAdobe IllustratorAdobe Creative SuiteVideo Editing

CMS & E-Commerce

WordPressShopifyPHPWebflowFramer

Databases & Backend

SQLMongoDBSupabaseMySQL

DevOps & Tools

BashVercelDockerAWSGit/GitHub

Specialties

UI DebuggingDesign SystemsFigma to CodeAccessibility

Get In Touch

Let's work together

I'm always interested in hearing about new projects and opportunities. Whether you have a question or just want to say hi, feel free to reach out!

Connect

© 2025 Amy Bousamra. All rights reserved.

Built with Next.js, TypeScript, and Tailwind CSS