Storefront UI - Figma to HTML

The client needed their incomplete Figma designs converted into structured, mobile-responsive HTML and CSS - accurate enough for their Blazor team to implement directly without ambiguity around layout or component behaviour.

Since there was no Figma plugin that could reliably export from design to files, we had to manually create the first pages. In order to quickly iterate and demo the website to the client, we built the design out as a React app covering key pages and states - hero, product listing, destination search, basket, checkout, and guides. While creating the pages, we worked closely with the client and provided guidance on UI/UX best practices - especially for pages that had little or no design in Figma. After the clients final confirmation, we exported HTML and stylesheets as a structured handover package.

• 6 pixel-accurate and breakpoint-friendly HTML pages
• One consolidated CSS file
• The client was able to immediately start using the templates and rework their site