AB Park & AB Hotel needed a complete website rebuild, not another visual refresh. The existing experience had become difficult to maintain, with duplicated content, outdated sections, broken navigation, and inconsistent layouts across devices.
I rebuilt the website in Framer, reworking its structure and responsive system while preserving the existing brand identity.
The Challenge
The core problems were structural:
Duplicated sections and outdated content
Broken internal navigation and links
Inconsistent layouts across desktop, tablet, and mobile
An information structure that no longer served the business clearly
Rather than redesigning the surface of the existing site, I focused on rebuilding the foundation underneath it.
The Approach
The rebuild started with structure before styling.
Reworked the information architecture and navigation
Consolidated duplicated content and removed outdated sections
Established a consistent responsive layout system
Preserved the existing identity while giving the interface a more contemporary feel
Rebuilt the experience in Framer from structure through final implementation
Process
01 — Audit
Reviewed the existing pages, content, navigation, links, and responsive behavior.
02 — Structure
Reorganized the information architecture and simplified the navigation.
03 — Build
Rebuilt the website in Framer with a consistent responsive system.
04 — Refine
Resolved broken links, cleaned up duplicated content, and refined layouts across devices.
05 — Localize
Implemented English, French, and Arabic versions throughout the website.
What I Built
A complete website rebuild for AB Park & AB Hotel, including:
Refined information architecture
Responsive desktop, tablet, and mobile layouts
Improved navigation and internal linking
English, French, and Arabic localization
A modernized interface built around the existing brand identity
Result
The rebuild delivered a cleaner and more cohesive website experience, with improved structure, consistent responsiveness, functional navigation, and a more maintainable foundation.
My Role
UI/UX Designer · Web Designer · Framer Developer
I handled the rebuild end to end — from information architecture and navigation to responsive design, localization, and the final Framer implementation.
Tools
Framer
Final Takeaway
Good website redesign starts with solving the problems users don't immediately see. By rebuilding the structure first, I created a more organized and consistent experience without losing the identity of AB Park & AB Hotel.