About Me

I'm a product designer with over eight years of experience shaping digital products for startups and scale-ups across Europe. My work sits at the crossroads of design systems, accessibility, and user research — three disciplines I believe are inseparable from great product design.

Before moving into product design, I studied visual communication in Madrid and spent two years working in brand identity. That foundation still informs how I think about consistency, tone, and the small details that make interfaces feel considered rather than assembled.

What I Do

• Design Systems — Building and maintaining component libraries that scale across product teams
• User Research — Running discovery interviews, usability tests, and synthesis workshops
• Prototyping — High-fidelity interactive prototypes in Figma for stakeholder alignment
• Design Ops — Establishing workflows, critique processes, and documentation standards

Selected Work

At my current role, I led the redesign of a B2B analytics dashboard used by over 12,000 teams. The project reduced onboarding time by 40% and increased weekly active usage by 25% within the first quarter after launch.

I also built and maintain the internal design system — a library of 120+ components with full documentation, accessibility annotations, and automated Figma-to-code handoff.

Good design is invisible. Great design makes people feel understood.

Speaking & Writing

I speak regularly at European design conferences about scaling design systems and integrating accessibility into product workflows. My writing has been featured in UX Collective, Smashing Magazine, and the Figma community blog.

What We Build

Our web development practice covers the full spectrum — from single-page marketing sites to complex, data-driven applications. We specialize in performance-first architecture that delivers sub-second load times without sacrificing visual polish.

Every project starts with your goals: conversion, engagement, retention. We pick the technology stack that best serves those goals, not the other way around.

Our Tech Stack

• Astro for content-driven sites with zero unnecessary JavaScript
• Next.js for interactive applications requiring server-side rendering
• Tailwind CSS for utility-first styling that scales with your design system
• TypeScript end-to-end for type safety and maintainability

Our Process

We follow a structured yet flexible workflow that keeps you involved at every stage. No surprises, no black boxes.

1. Discovery — We map out your requirements, audiences, and success metrics
2. Design — Wireframes and visual design, iterated until you're thrilled
3. Build — Clean, tested code delivered in incremental milestones
4. Launch & Support — Deployment, monitoring, and ongoing maintenance

We don't just build websites. We build the foundation your business grows on.

Performance Matters

A one-second delay in page load can reduce conversions by 7%. Our sites consistently score 95+ on Lighthouse across all four categories. We achieve this through intelligent code splitting, image optimization, edge caching, and minimal client-side JavaScript.

Accessibility First

Every component we build is keyboard-navigable and screen-reader friendly from day one. We test against WCAG 2.1 AA standards and conduct real-user accessibility audits before launch.

What Are Cookies

Cookies are small text files that are placed on your computer or mobile device when you visit a website. They are widely used to make websites work more efficiently, as well as to provide reporting information to the website owners.

Cookies set by the website owner are called "first-party cookies." Cookies set by parties other than the website owner are called "third-party cookies." Third-party cookies enable features or functionality to be provided on or through the website, such as advertising, interactive content, and analytics.

How We Use Cookies

We use cookies for the following purposes:

• Essential cookies: Required for the operation of our website. They include cookies that enable you to log into secure areas of our website.
• Analytics cookies: Allow us to recognize and count the number of visitors and see how visitors move around our website. This helps us improve how our website works.
• Functionality cookies: Used to recognize you when you return to our website. This enables us to personalize content for you and remember your preferences.
• Targeting cookies: Record your visit to our website, the pages you have visited, and the links you have followed to recognize you as a previous visitor.

Types of Cookies We Use

Strictly Necessary Cookies

These cookies are necessary for the website to function and cannot be switched off in our systems. They are usually only set in response to actions you take, such as setting your privacy preferences, logging in, or filling in forms.

Performance Cookies

These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site. They help us know which pages are the most and least popular and see how visitors move around the site.

Functional Cookies

These cookies enable the website to provide enhanced functionality and personalization. They may be set by us or by third-party providers whose services we have added to our pages.

Managing Cookies

Most web browsers allow you to control cookies through their settings preferences. However, if you limit the ability of websites to set cookies, you may worsen your overall user experience, since it will no longer be personalized to you.

You can manage your cookie preferences through your browser settings. Here are links to instructions for common browsers:

• Chrome
• Firefox
• Safari
• Edge

Changes to This Cookie Policy

We may update this Cookie Policy from time to time to reflect changes in technology, legislation, or our data practices. When we post changes to this policy, we will revise the "Last Updated" date at the top.

Contact Us

If you have any questions about our use of cookies, please contact us at privacy@example.com.

Information We Collect

We collect information you provide directly to us, such as when you create an account, make a purchase, or contact us for support. This may include your name, email address, billing information, and any other information you choose to provide.

Automatically Collected Information

When you access or use our services, we automatically collect certain information, including your IP address, browser type, operating system, referring URLs, and information about how you interact with our services.

How We Use Your Information

We use the information we collect to:

• Provide, maintain, and improve our services
• Process transactions and send related information
• Send you technical notices, updates, and support messages
• Respond to your comments, questions, and customer service requests
• Monitor and analyze trends, usage, and activities

Information Sharing

We do not sell, trade, or otherwise transfer your personal information to third parties without your consent, except as described in this policy. We may share information with trusted third parties who assist us in operating our website and conducting our business, so long as those parties agree to keep this information confidential.

Data Security

We implement appropriate technical and organizational measures to protect the security of your personal information. However, no method of transmission over the Internet or electronic storage is completely secure, so we cannot guarantee absolute security.

Your Rights

You have the right to:

• Access, correct, or delete your personal information
• Object to or restrict certain processing of your data
• Data portability where applicable
• Withdraw consent at any time where processing is based on consent

Cookies

We use cookies and similar tracking technologies to track activity on our service and hold certain information. You can instruct your browser to refuse all cookies or to indicate when a cookie is being sent.

Changes to This Policy

We may update this Privacy Policy from time to time. We will notify you of any changes by posting the new Privacy Policy on this page and updating the "Last Updated" date.

Contact Us

If you have any questions about this Privacy Policy, please contact us at privacy@example.com.

What You Get

Starwind Pro is a collection of production-ready sections: heroes, pricing tables, testimonials, CTAs, FAQs, footers, and more. Each block is a complete .astro component you can drop into your project, with full props for easy customization.

These aren't React components awkwardly ported to Astro. They're built natively for the framework. View Transitions and other Astro features all work as expected.

Starwind Pro builds on Starwind UI, so if you've used it or shadcn/ui, you're already familiar with the patterns.

One Command Install

Every block installs with a single CLI command:

npx starwind@latest add @starwind-pro/hero-01

The CLI handles dependencies and file placement automatically.

Built for Astro

• Native .astro component structure
• View Transitions support via astro:after-swap
• Container queries for component-level responsiveness
• TypeScript interfaces for all props
• Tailwind CSS v4 styling

Responsive by Default

Blocks use container queries instead of media queries. They adapt to their container width, not the viewport. This means they work correctly whether you're using them full-width or in a sidebar layout.

Why Container Queries Matter

Traditional media queries respond to the viewport width. Container queries respond to the parent element's width. This makes components truly portable — they look great at any size without additional configuration.

You Own the Code

When you install a component, you get the source files in your project. It's not a dependency you import from node_modules. It's your code. Change anything: styling, structure, behavior.

What's Included

Blocks for every section of your landing pages and marketing sites:

Getting Started

1. Set up: Run npx starwind@latest init --pro and add your license key
2. Browse: Find components at the components page
3. Install: Copy the command and run it
4. Customize: Edit colors, content, layout to match your brand

One-time purchase. No subscription. Use it on as many projects as you want with free updates for life.