Sabadell

Art Direction Front-end development Web Design

Role: Web Designer & Front-End Developer

Leading the design and front-end development for Banc Sabadell’s Branded Content project, I created a captivating website hosting 10 custom content pieces along with a dedicated HUB consolidating the series. The project demanded a holistic approach, blending design, technical execution, and cross-team collaboration to deliver an engaging digital experience.

Sabadell brand identity design
Sabadell project scope

Overview

The objective was to build a dynamic, visually rich platform that elevated user engagement and reflected Banc Sabadell’s brand identity. I managed the project end-to-end, from conceptualizing the visual design, coordinating with an illustrator, to implementing the front-end using modern JavaScript techniques.

My Role & Responsibilities

Design & UX:

Developed the website aesthetics, wireframes, user flows, and high-fidelity mockups to guide the structure and interaction of each content piece.

Front-End Development:

Built the site using HTML, CSS, and JavaScript, leveraging GSAP for animations and improved loading and interaction performance.

Stakeholder Management:

Ensured continuous alignment with Banc Sabadell’s objectives and vision throughout the project.

Collaborative Illustration:

Worked closely with illustrator (Agnès Ricart), to integrate bespoke visuals into each content piece, enhancing storytelling and user engagement.

Sabadell web design mockup
Sabadell responsive design
Sabadell interface design Sabadell content layout

Key Outcomes

280k views demonstrating strong audience interest and engagement
120k organic sessions reflecting effective reach and discoverability
4.3 minutes average session users engaged deeply with the content due to intuitive navigation and interactive animations
Enhanced visual appeal through strategic collaboration with the illustrator, combining functionality and aesthetics

Technologies Used

  • Design: Figma
  • Front-End Development: VS Code
  • Programming languages: HTML, CSS, JavaScript and GSAP

This project demonstrates my ability to lead end-to-end digital projects, combining design strategy, technical execution, and effective collaboration with illustrators and stakeholders. It highlights my skill in delivering highly engaging, visually compelling branded content while ensuring measurable impact on user engagement and retention.