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.
Interactive Components
Interactive Star Rating
Accessible star rating component with hover states and keyboard navigation
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
Available Hotels
3 resultsComfort Suites
$120
Grand Hotel
$180
Downtown Stay
$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
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
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
Comfort Suites
$120
Grand Hotel
$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.
Interactive Resort Showcase
Bora Bora Overwater Retreat
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
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
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 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.

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.
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.

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.
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.
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.
Skills & Technologies
Core Expertise (Daily Use - 4+ years)
Front-End Frameworks
Styling & CSS
Design & Creative Tools
CMS & E-Commerce
Databases & Backend
DevOps & Tools
Specialties
© 2025 Amy Bousamra. All rights reserved.
Built with Next.js, TypeScript, and Tailwind CSS