Endesa

Web Design Front-end development Illustration

Role: Designer & Front-End Developer

Tech: HTML, CSS, JavaScript, Figma, Adobe Creative Suite, Procreate

Branded content website for Endesa, one of Spain’s largest energy companies.

Designed and developed a responsive editorial hub that reached 150K+ user views, seamlessly blending the visual identities of La Vanguardia and Endesa.

Scope Endesa web development

Overview

In this collaboration between La Vanguardia and Endesa, I led both the design and front-end development of a branded content website aimed at promoting Endesa’s sustainability and innovation efforts.

The goal was to create a digital space that felt editorial yet dynamic, maintaining the elegance of La Vanguardia’s style while integrating Endesa’s identity and campaign narrative.

My Role & Responsibilities

Design:

Conceptualized the entire website’s visual system, from layout to microinteractions, aligning with both brands’ guidelines.

Development:

Hand-coded the site using HTML, CSS, and vanilla JavaScript to ensure performance, accessibility, and fluid animation.

Illustration:

Created bespoke illustrations to enhance storytelling and visual consistency.

Optimization:

Implemented responsive and cross-platform design, ensuring seamless UX across all devices.

key achievements Endesa web development

Key Outcomes

150k views and strong session retention due to engaging layout and animations
Mobile-first experience Fully responsive design adapted to editorial storytelling formats
Performance-driven delivery Optimized load times, accessibility for diverse audiences and SEO
Collaborative success Worked directly with La Vanguardia and Endesa teams to merge brand strategy, content, and technology into a single narrative experience
Technologies Used
  • Frontend: HTML5, CSS3, JavaScript (ES6), Visual Studio Code
  • Design & Prototyping: Figma, Adobe Creative Suite
  • Illustration: Procreate
  • Performance: Lighthouse score 90+ (mobile), 95+ (desktop)

This project demonstrates my ability to deliver high-quality branded content experiences that balance strong visual storytelling with technical precision and performance

Mockup Endesa web development Mockup Endesa web development
Mockup Endesa web development Mockup Endesa web development
 Usability Endesa web development  Usability Endesa web development
  • Image 1
  • Image 2
  • Image 3