Rao & Xera, WordPress website development based on provided design

Project Context

Rao and Xera are two restaurants located in Barcelona that shared a common problem: their previous WordPress website didn't accurately reflect the restaurants' personalities. Despite having an online presence, the user experience wasn't consistent with their carefully crafted image, and content management was impractical.

Management decided to completely revamp their digital presence with a new, more modern design, and Astea Studio was tasked with bringing that design to life through clean, fast, and easy-to-maintain web development.

1. Website Development Based on Provided Design

The project involved transforming the provided design into two functional and optimized landing pages.

The objective was clear: faithful, structured, and efficient execution, without adding unnecessary complexity.

Precise Design Implementation

Two independent websites were developed:

• Rao Barcelona
• Xera Barcelona

Each with its own visual identity within the same system, respecting:

• Composition
• Typography
• Color palette
• Use of images
• Calls to action and section structure

The result is two clean, visually appealing landing pages that are consistent with the restaurants' aesthetics.

2. WordPress + ACF: Total Control for the Client

To facilitate daily management, the development was carried out using WordPress + Advanced Custom Fields (ACF), allowing:

• Modifying text, images, and sections without relying on code
• Maintaining organized landing pages that adhere to the design
• Ensuring a lightweight structure without plugin overload
• Enabling scalability if new pages or functionalities are added in the future

The use of ACF allowed for the creation of custom blocks, guaranteeing that any update would be simple and intuitive.

3. Agile, Lightweight, and Detail-Oriented Project

The work focused on:

• Rapid technical implementation
• A clean and maintainable code structure
• Responsive design for mobile and tablet
• Image optimization
• Suitable performance for an informative website

Although it's a simple project, its value lies in its precise execution and the ability to transform a flat design into a fluid and visually polished digital experience.

Result

The final result is two landing pages:

• Modern
• Strategically designed
• Easy to manage
• Completely faithful to the design
• With a clear and straightforward user experience

Rao and Xera now have a renewed digital presence, visually appealing and aligned with the culinary offerings they provide in Barcelona.