A veces lo más difícil de un proyecto no es la parte técnica… sino decidir cómo debe verse y sentirse.
Desde el primer día sabíamos que Fresa Tech no podía ser una web cualquiera. Tenía que tener esa esencia Apple: minimalismo, orden, limpieza visual y foco en los detalles.
Pero convertir esa idea en una web real fue más complejo de lo que esperábamos.
Aquí te contamos cómo imaginamos el diseño, qué decisiones tomamos (y cuáles tuvimos que rectificar), y cómo pasamos de una idea difusa… al primer clic real.
🧠 El punto de partida: ¿cómo debería sentirse Fresa Tech?
Cuando nos sentamos por primera vez a imaginar Fresa Tech, no pensamos en colores ni menús.
Pensamos en esto: “Queremos que alguien entre y diga: wow, esto está cuidado”.
La inspiración era clara: Apple.
Pero no queríamos una copia, sino un reflejo de sus valores: claridad, elegancia, limpieza, y atención al detalle.
Así nació la idea de un diseño:
- Blanco como color base, para transmitir orden.
- Tipografías limpias, sin adornos.
- Mucho espacio en blanco, para respirar.
- Imágenes grandes, sin ruido.
🎨 Colores, fuentes y tema: buscando el equilibrio
El siguiente paso fue pasar del concepto al diseño web real.
Probamos varios temas en WordPress hasta que dimos con uno que nos daba libertad y no venía saturado: Astra.
✅ ¿Por qué Astra?
- Es ligero, limpio y fácil de personalizar.
- Permite desactivar elementos innecesarios (barra lateral, widgets…).
- Se adapta bien a WooCommerce.
Colores:
- #FFFFFF (blanco puro) como fondo dominante.
- Negro suave para textos: ni demasiado gris, ni demasiado negro.
- Toques azules muy sutiles para botones o enlaces, sin romper el minimalismo.
Tipografía:
- Fuentes sin serifas (como Helvetica o Montserrat).
- Tamaños grandes en títulos, con mucho espacio entre líneas.
- Nada de sombras, bordes o efectos innecesarios.
🍓 La idea era que el contenido fuera el protagonista, no el diseño en sí.
📐 Estructura de la web: menos es más
Aquí llegó una de las decisiones más importantes:
¿Cómo organizamos la web sin que parezca un menú de opciones confuso?
Fuimos con una estructura sencilla pero efectiva:
- Página principal → clara, directa, con acceso a blog y tienda.
- Menú superior → lo justo: Blog, Tienda, Sobre nosotros.
- Sin barras laterales.
- Pies de página sencillos: redes sociales, contacto y poco más.
🧠 Decisión clave: evitar recargar la web con 500 categorías, popups por todos lados o sliders.
Queríamos una experiencia directa, sin distracciones. Con opciones por explorar, pero abarcando lo necesario.
Como cuando entras en apple.com: todo tiene un propósito.
🔄 Lo que cambiamos por el camino (y nos alegramos de haberlo hecho)
No todo salió perfecto desde el primer intento.
De hecho, cometimos varios errores de diseño que supimos rectificar a tiempo:
- Al principio, pusimos demasiados (pero demasiados) botones en la página principal → la limpiamos y dejamos solo los esenciales.
- Usábamos una fuente moderna que no se leía bien en móviles → volvimos a algo más clásico.
- Intentamos meter animaciones… pero cargaban lento y rompían el estilo → fuera.
💬 Moraleja: cada cambio que simplificamos, mejoró la web.
A veces menos es más.
Y a veces hay que construir algo para darse cuenta de que hay que desmontarlo un poco.
🍓 Conclusión: diseñar también es saber renunciar
Diseñar Fresa Tech fue tomar decisiones, equivocarnos, volver atrás, y entender que el diseño no es solo estética… es intención.
Queríamos que la web transmitiera las ganas de aprender, la claridad de nuestros contenidos y el respeto por lo bien hecho. Y eso, al final, es lo que creemos que se nota desde el primer clic.
Diseñamos Fresa Tech como si nosotros fuésemos los primeros usuarios… porque lo fuimos.
