Raceroms
A commercial, multi-language website for an ECU tuning company, built from Figma into a responsive, SEO-optimized production site.
Raceroms is a Greece-based ECU tuning company serving English and Greek markets. I collaborated with a UI/UX designer to translate Figma designs into production-ready pages, integrated backend APIs for dynamic content, and implemented technical SEO to improve organic visibility for high-intent service pages.
Key Features & Highlights
- Translated complex Figma designs into responsive, production-ready pages using Nuxt 3, Tailwind CSS, and Shadcn components
- Built robust API integration with Axios for dynamic data fetching, form submissions, and server-side validation
- Implemented on-page SEO strategies to improve organic search visibility across multiple languages
Tech Stack
Nuxt 3
SSR for SEO and performance
Vue 3
Component-based architecture
TypeScript
Type-safe development
Tailwind CSS
Pixel-perfect responsive styling
Shadcn
Accessible UI component primitives
Axios
HTTP client for API communication
i18n
English & Greek localization
Challenges & Solutions
Problem
Each service page needed unique SEO metadata instead of sharing the same title and description.
Solution
Implemented dynamic metadata based on the service data, including unique titles, descriptions, and canonical URLs.
Problem
Some pages contained large sections of content and images, so simply rendering everything immediately could negatively affect the initial experience.
Solution
I separated components based on their rendering requirements and optimized how content and assets were loaded. I also paid attention to responsive behavior and loading states to make the site feel faster and more polished.