Hiroki
Una experiencia digital que traduce el lujo y la tradición de las minipiscinas japonesas al e-commerce argentino.
Sobre el proyecto
Hiroki es una marca argentina líder en el diseño y fabricación de minipiscinas y saunas inspiradas en la tradición japonesa. El proyecto consistió en diseñar y desarrollar desde cero una plataforma web completa que transmitiera la exclusividad y el craftsmanship de sus productos — minipiscinas de madera noble (Kiri), saunas, ofurôs y experiencias wellness.
El problema
El desafío era digitalizar una marca de lujo que vende productos premium con alto valor emocional. Los usuarios necesitaban sentir la calidad de la madera, entender las diferencias entre modelos y visualizar cómo encajan en sus espacios. El sitio previo era básico y no transmitía el nivel de sofisticación que los productos merecían.
El enfoque
Comencé diseñando la experiencia en Framer, iterando rápido hasta encontrar el tono visual correcto. Por facilidad, complejidad y costos, migré el desarrollo a código con React + Vite y Tailwind CSS. Para el backend implementé Supabase (PostgreSQL, Auth, Storage), el deploy lo hice en Cloudflare Pages y el CDN de fotos y videos se sirve desde R2 + Bunny Stream. El panel de administración permite gestionar productos, características y galerías de medios sin tocar código.
- 01Diseño UI/UX
- 02React + Vite
- 03Tailwind CSS
- 04Supabase (Auth + DB)
- 05Cloudflare Pages
- 06R2 + Bunny Stream CDN
Los fundamentos del diseño
Antes de escribir la primera línea de código, armé un sistema de diseño completo que traduce la filosofía japonesa de Hiroki en tokens, componentes y reglas de movimiento. Paleta restrictiva, tipografía Montserrat, accesibilidad WCAG AA y microinteracciones que se sienten hechas a mano.
Explorar el design system→Atelier
→