Una tienda que se ve improvisada pierde ventas antes de que alguien mire el precio: el comprador asume que si el sitio está descuidado, el pedido también lo estará. Pero la solución no es contratar a un diseñador, y tampoco es personalizar más. Casi todas las tiendas que se ven amateur llegaron ahí por tocar de más, no de menos.
Elige el tema y respétalo
Un tema ya viene con las decisiones difíciles resueltas: proporciones, tamaños de texto, espaciados, comportamiento en celular. Alguien que sabe diseño ya hizo ese trabajo.
- Elige por estructura, no por los colores de la demo. Los colores los cambias; la estructura es lo que te va a servir o estorbar.
- Que se parezca a lo que vendes: un tema con fotos grandes para productos visuales, uno más denso para catálogos amplios.
- Cambia lo mínimo: tus colores de marca, tu logo, tus fotos. Ya está.
- No mezcles piezas de varios estilos. Es lo que rompe la coherencia y lo que hace que una tienda "se vea rara" sin que nadie sepa explicar por qué.
La regla que resume todo el artículo: si no sabes por qué estás cambiando algo, no lo cambies. El tema por defecto casi siempre se ve mejor que el tema modificado por alguien que no diseña.
Las fotos son el 80 %
Esto es lo más importante y lo que menos tiene que ver con el diseño del sitio. Dos tiendas con el mismo tema se ven completamente distintas según sus fotos.
- Todas con el mismo fondo y la misma luz. La consistencia pesa más que la calidad individual: cinco fotos parejas y sencillas se ven mejor que una espectacular entre cuatro mediocres.
- Mismo encuadre y misma proporción en todas, para que la cuadrícula del catálogo se vea ordenada.
- Luz de ventana. Gratis y mejor que casi cualquier lámpara.
- Nunca mezcles tus fotos con las del proveedor. Esa mezcla es la señal más delatora de todas.
El método completo, en fotografiar productos con el celular.
Colores: menos de los que crees
- Un color de marca, uno de acento y los neutros. Tres como máximo. Las tiendas que usan siete colores se ven hechas por alguien que no decidió.
- El color de acento, solo para lo que debe hacerse clic: el botón de comprar, principalmente. Si todo es de color, nada destaca.
- El fondo, neutro. El producto es el que debe tener el color.
- Contraste de verdad. Texto gris claro sobre fondo blanco se ve elegante en tu pantalla y es ilegible en un celular a la luz del día — que es donde va a estar tu cliente. Si tienes que entrecerrar los ojos, cámbialo.
- Usa el mismo color en todas partes: tienda, redes, empaque. La consistencia es lo que construye reconocimiento.
Tipografía: una sola familia
- Una familia tipográfica para todo, variando grosor y tamaño. Dos ya es arriesgado; tres se ve desordenado siempre.
- Que el texto sea grande. El error más común es texto demasiado pequeño, y se lee en celular.
- Nada de fuentes decorativas para párrafos. Como mucho, para tu logo.
- Evita escribir en mayúsculas sostenidas más allá de un título corto. Cuesta leerlo y se percibe como grito.
- Jerarquía clara: título grande, subtítulo mediano, texto normal. Siempre igual en todas las páginas.
El espacio en blanco no es desperdicio
El instinto es llenar cada hueco con un banner, una promoción o un aviso. El resultado es una tienda que satura y en la que nada se ve.
- Deja respirar entre secciones.
- Un solo mensaje principal arriba, no cuatro banners peleando.
- Un solo llamado a la acción claro por pantalla.
- Quita lo que no cumple una función. Contadores, animaciones, íconos sueltos, avisos superpuestos.
- Nada que se mueva solo ni que aparezca encima apenas entras. Molesta y además hace la tienda más lenta. Ver por qué tu tienda carga lento.
Míralo en celular, siempre
Ahí es donde compra casi toda tu gente, y es donde casi nadie revisa. Haz esto después de cada cambio:
- Abre tu tienda en tu celular y recórrela completa, hasta pagar.
- Revisa que el texto se lea sin ampliar.
- Que los botones se puedan tocar con el pulgar, sin precisión de cirujano.
- Que no haya que desplazarse en horizontal.
- Que el precio y el botón de comprar se vean sin bajar mucho.
- Pruébalo con datos móviles, no con tu WiFi.
Y si no tienes logo
No te bloquees por eso. Tu nombre escrito en una tipografía limpia y consistente es un logo perfectamente válido para empezar, y se ve mucho mejor que un logo malo hecho con prisa.
- Úsalo igual en todas partes: tienda, redes, empaque, facturas.
- Que se lea en pequeño, que es como se va a ver casi siempre.
- Fondo transparente para poder ponerlo sobre cualquier cosa.
- No lo cambies cada tres meses. El reconocimiento se construye repitiendo.
Si todavía estás definiendo el nombre, ver cómo ponerle nombre a tu tienda.
Las siete señales de tienda amateur
- Fotos con fondos y luces distintas entre sí.
- Mezcla de fotos propias y del proveedor.
- Más de tres colores compitiendo.
- Varias tipografías en la misma página.
- Texto pequeño o de bajo contraste.
- Banners animados y ventanas emergentes apenas entras.
- Páginas de ejemplo sin llenar o secciones vacías del tema. Es lo que más grita "esto está a medias".
Preguntas frecuentes
¿Necesito contratar un diseñador para mi tienda?
Para empezar, no. Un tema bien elegido ya resuelve las decisiones difíciles, y lo que más cambia el aspecto de una tienda son las fotos de producto, que puedes mejorar tú mismo.
¿Qué es lo que más hace que una tienda se vea amateur?
Las fotos inconsistentes, sobre todo mezclar fotos propias con imágenes del proveedor. Después, personalizar el tema de más: muchos colores, varias tipografías y secciones llenas de elementos sin función.
¿Cuántos colores debo usar?
Tres como máximo: uno de marca, uno de acento y los neutros. El de acento conviene reservarlo para lo que debe hacerse clic, porque si todo tiene color nada destaca.
¿Puedo abrir mi tienda sin logo?
Sí. Tu nombre escrito en una tipografía limpia y usado de forma consistente funciona como logo, y se ve mejor que uno improvisado. Lo importante es no cambiarlo cada pocos meses.
¿Por qué mi tienda se ve bien en computador y mal en celular?
Porque se diseñó mirando la pantalla grande. Conviene revisar cada cambio en el celular: que el texto se lea sin ampliar, que los botones se puedan tocar con el pulgar y que no haya desplazamiento horizontal.
Sigue leyendo: Fotografiar productos con el celular · Convertir visitantes en compradores