Repsol
☀️ Visual Layout of the Repsol FAQs Good Practices Guide
Customer: Repsol
Objective: Improve communication between copywriters and users by creating a clear and consistent visual layout for the FAQs Good Practices Guide.
Tasks performed: I crafted the visual layout of the guide using the new Repsol design system (icons, colors, typography) and based on a previous FAQ redesign carried out by another product designer. The content was provided in a .doc format by the UX writer.
Team: The team was formed by a Product Designer (me), a UX Writer, and a Project Manager, who requested the project and coordinated with the client.
Presentation of the UX Writing Good Practices Guide for FAQs done in Figma.
✨ IA Integration in CRO Presale services - Repsol CRO Blueprint Landing
Objective: Demonstrate a fast, AI-assisted workflow to transform static presentation content into a functional, responsive landing page.
Task: Convert a PowerPoint presentation into a live web experience by importing it to Figma and using MCP to connect directly with Claude Code for automatic code generation.
Team: The Presales department requested support to visualize a concept quickly. A Project Manager coordinated the operation, and a Product Designer executed the work leveraging AI as a production partner — reducing weeks of work into a few days with Claude Code.
Tools: Figma for design, MCP (Model Context Protocol) as the bridge between design and AI, Claude Code for code generation, and Netlify for deployment.
📱💻 Link to live production landing page
📱💻 Link to live production landing page
