ATTI Website Development with Elevator-Style Navigation

ATTI is a contemporary multi-purpose building located in Tirana, Albania. Designed to serve as a hub for business, lifestyle, and social interaction, ATTI offers a modern space that includes offices, restaurants, bars, conference rooms, and other commercial facilities. The building combines striking architectural design with functionality, attracting a wide range of tenants and visitors. With its central location and versatile spaces, ATTI is becoming a vibrant destination for work, dining, and events in the city.

Name: ATTI Website: Real Estate / Commercial Property Location: Tirana, Albania Mission: To provide a high-end, multi-use space that supports modern business, lifestyle, and cultural experiences in the heart of Tirana.

Objective: To develop a unique and visually engaging website that reflects ATTI's modern architectural identity and diverse offerings. The site needed to introduce ATTI’s spaces across “floors,” using a vertical navigation structure similar to an elevator. Each section would highlight specific features such as office space, amenities, gallery, and floor plans, while ensuring a seamless user experience across devices and in both Albanian and English.

Develop a fully custom WordPress site based on provided Figma design files

Implement a unique, elevator-style navigation structure where each "floor" represents a different section of the building (e.g., Gallery, Floor Plans, Restaurant, Business Spaces)

Build a clean, modern layout that visually aligns with the building’s physical design and branding

Ensure bilingual functionality (Albanian and English) for broader accessibility

Deliver a responsive, smooth, and animation-enhanced browsing experience across devices

Translating the concept of vertical “floors” into an intuitive, functional navigation system

Managing complex structured content using ACF while keeping the backend easy for the client to update

Implementing animated transitions that simulate elevator-like movement between floors without compromising performance

Handling bilingual content with WPML and maintaining consistency across languages

Matching pixel-perfect front-end details to the provided design files without any design contribution from development side

Role: WordPress Developer

Developed the entire website from scratch based on finalized Figma design files

Created a custom WordPress theme with a vertical, floor-based navigation system simulating elevator-like transitions

Used Advanced Custom Fields (ACF) to build flexible, modular sections

Integrated WPML for seamless bilingual content management (Albanian and English)

Ensured mobile responsiveness and optimized performance across browsers and devices

Built a scalable backend that empowers the client to independently manage and update content

WordPress, Advanced Custom Fields (ACF), WPML, PHP, JavaScript, HTML, SCSS, GSAP, WPEngine, Cloudflare

Delivered a fully custom, pixel-accurate WordPress theme featuring a floor-based navigation system that mimics an elevator experience

Structured all key content (floor plans, gallery, business listings) using ACF for easy updates

Developed interactive and animated transitions to enhance user flow between site sections

Implemented multilingual support with WPML to accommodate both Albanian and English speakers

Focused on smooth performance and responsive layouts to support all devices

Ensured the final product mirrored the architectural identity and functional goals of the ATTI building

Launched a visually dynamic, high-performance website that reflects ATTI’s brand and purpose as a modern, multi-use building

Empowered the client with a user-friendly CMS and flexible content controls

Created a unique elevator-style journey that engages visitors and makes exploring the building's offerings intuitive

Received strong client feedback for accurately translating the design into a fully functional, bilingual website

Translating abstract architectural concepts (like elevators and floors) into web experiences requires thoughtful UX planning and iterative testing

ACF continues to be a robust solution for structured content in custom WordPress builds

Animation adds value when used to support—not distract from—the content and user journey

Close collaboration and clear communication with the client are essential when handling unique navigation models and multilingual content