Euro-Star
Hyva theme redesign for a premium equestrian brand — BEM over utility classes, cacheable stylesheets, and a site that actually works on mobile
- Role
- Freelance Magento Developer
Overview
Euro-Star is a premium equestrian apparel brand making their first move into B2C. Their existing Magento 2 Hyva site had been quickly assembled by a backend developer — slow, not mobile-friendly, and underperforming. I implemented a full redesign from a new Canva design, following all Hyva conventions while deliberately avoiding inline Tailwind utility classes in favour of BEM naming with Tailwind @apply in cacheable stylesheets.
Details
Euro-Star's existing Hyva site was built fast by someone whose background was systems engineering rather than front-end development. It showed: the site was slow, not mobile-friendly, and far below the standard a premium brand needs for their first B2C launch.
An external party produced a new design in Canva. My job was to implement it properly.
**Hyva-compliant but not utility-class soup**
Hyva's default approach is heavy Tailwind utility classes directly in markup — functional, but it makes templates hard to read, hard to maintain, and produces markup that's tightly coupled to visual decisions. I stayed fully Hyva-compliant while taking a different approach: semantic BEM class names on all elements, with Tailwind's `@apply` directive in external CSS files to apply the utility styles. The result is clean, readable templates, styles in cacheable stylesheets rather than inline, and a theming structure that's straightforward to adjust in future.
**Front-end fundamentals done right**
The redesign applied everything the original site had missed: responsive images with correct `srcset` and `sizes`, semantic HTML throughout, lazy loading for below-the-fold content, proper heading hierarchy, and full SEO and accessibility compliance. The site is fast, works correctly on mobile, and meets the standard expected of a premium brand.
Project Images
