Amy Bousamra

Overview: A concept enterprise dashboard designed to demonstrate UI design and front-end development skills in a data-rich, workflow-driven environment. AeroHealth simulates an aircraft health monitoring system used by fleet managers to track aircraft status, maintenance schedules, and safety alerts in real time.

Challenge: Design a complex, data-heavy enterprise interface that makes critical safety information immediately scannable and actionable — balancing information density with visual clarity for a high-stakes operational environment.

Design & UX Thinking: Prioritized at-a-glance decision making by surfacing the most critical information first — overdue maintenance and critical health alerts appear prominently on the main dashboard without requiring the user to dig. Color coding (green/yellow/red) follows established convention for operational status systems, reducing cognitive load for users who may be monitoring dozens of aircraft simultaneously. Navigation was kept minimal and task-focused to support a professional workflow environment.

Technical Approach: Built with React and Tailwind CSS, featuring five fully interactive screens: Dashboard, Fleet Overview, Aircraft Detail, Alerts, and Reports. Deployed via Vercel with real-time data simulation and responsive layouts across devices.

Outcome: Demonstrates ability to design and build scalable, data-driven enterprise UIs with clear information hierarchy, accessibility-conscious color systems, and workflow-driven navigation patterns — directly applicable to aviation, SaaS, and enterprise software environments.

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: 8+ 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.

Overview: A sophisticated e-commerce concept for high-end timepieces, featuring an elegant dark/light theme system and premium visual design that conveys exclusivity and craftsmanship.

Challenge: Design a luxury retail experience that communicates prestige and trust while maintaining intuitive navigation for high-value purchases. Balance rich imagery with fast performance and create a seamless path from discovery to acquisition.

Design & UX Thinking: Implemented a refined color palette with warm gold accents (#C9A96E) against neutral backgrounds to evoke luxury without overwhelming the product imagery. Typography choices emphasize elegance through generous letter-spacing and sophisticated serif/sans-serif pairings. The dual-theme system (light/dark) allows collectors to browse in their preferred environment while maintaining brand consistency.

Technical Approach: Built with Next.js and Tailwind CSS for optimal performance and SEO. Responsive design ensures the premium experience translates across all devices. Theme toggle provides instant visual switching with smooth transitions.

Interaction & Motion: Subtle hover effects on navigation and CTAs provide refined feedback. Hero section features compelling product photography that draws the eye while supporting the "Where Time Becomes Art" value proposition. Call-to-action buttons use contrasting gold tones to guide users toward collection exploration and appointments.

Outcome: Demonstrates ability to design and develop luxury brand experiences with sophisticated aesthetics, premium UI patterns, and conversion-focused user journeys appropriate for high-value e-commerce.