Alejandro Rodríguez Sanz 👋
A Passionate Graphic Designer 🖥️ & Frond End having 8 years of experience.
Client For:
Mallorca
Overview
The Mallorca Catering website is a complete redesign project focused on capturing the brand’s Mediterranean essence through a clean, elegant, and responsive digital experience.
The goal was to combine visual sophistication with functional simplicity—creating a platform where clients can easily explore the company’s catering services, event options, and contact information, all while reflecting the warmth and exclusivity of the island.
The entire site was built from scratch using HTML, CSS, and JavaScript, optimizing every section for performance, accessibility, and SEO. Animations, subtle transitions, and a cohesive visual system help bring the brand to life, ensuring that every element—from typography to color palette—feels consistent with Mallorca’s light, textures, and atmosphere.
Wireframing and Prototyping: The project began with detailed wireframes and UX maps to define the site’s structure and content hierarchy. I designed interactive prototypes to test the navigation flow and ensure that users could reach key sections (services, menus, and contact) in the fewest possible clicks. The prototypes evolved through iterative testing, focusing on how the visuals (imagery, gradients, and spacing) could evoke the feeling of an outdoor event in Mallorca—bright, modern, and welcoming. Once validated, I translated these prototypes into fully responsive code, implementing CSS Grid and Flexbox layouts for fluid adaptation across mobile, tablet, and desktop devices.
Challenges
Web design projects like Mallorca Catering involve a combination of technical precision and emotional storytelling. Beyond building a fast and responsive interface, the challenge was to create a digital experience that conveys the brand’s Mediterranean character—natural light, elegance, and warmth—through both form and function.
Responsive Design:
- Challenge: Achieving perfect visual balance between high-quality imagery and lightweight loading on all devices.
- Solution: Optimized all assets using next-gen formats (WebP) and lazy loading, with fluid grids and responsive typography for visual harmony across screens.
Brand Identity & Visual Consistency:
- Challenge: Translating Mallorca Catering’s physical identity—luxury, Mediterranean freshness, and craftsmanship—into a coherent digital aesthetic.
- Solution: Developed a custom color palette inspired by island tones (sand, olive, and sea hues), paired with elegant serif headings and minimalist sans-serif text for a refined, modern balance.
User Experience (UX):
- Challenge: Creating a navigation that felt both elegant and intuitive for a diverse audience (event planners, couples, and hospitality professionals).
- Solution: Implemented a clean header structure, smooth scrolling anchors, and subtle micro-interactions to guide users seamlessly through the content.
Performance & SEO:
- Challenge: Maintaining a visually rich experience without compromising site speed or discoverability.
- Solution: Minified code, optimized images, applied semantic HTML, and followed SEO best practices to ensure excellent mobile performance and search visibility.
