Todopink, la web rosa
de la tienda rosa
Todopink es una empresa de Granada que ofrece una selección amplia de productos de color rosa, una idea original que le ofrece un público único, concreto y fiel. Sin embargo, el diseño de su web dejaba mucho que desear, ya que en un primer vistazo se veían cosas que fallaban y sobre todo, el look & feel de la página no reflejaba ser “todopink”.
Si parece rota,
el usuario desconfia
Si parece rota,
el usuario desconfia
Cómo podemos ver en las imágenes que mostramos aquí, el diseño del sitio tenía una serie de fallos que daban la sensación de que algo estaba fallando, además de ser poco agradable a la vista.
- Estructura descentrada
- Colores discordantes
- Exceso de texto al inicio de las categorías
- Imágenes no unificadas en tamaño
Además, uno de los elementos más importantes a la hora de solucionar el diseño era hacer que todo tuviera un aspecto más “todopink”.
Lo primero que llevamos a cabo fue un documento con la lista de propuestas de mejora y posteriormente mandé el boceto inicial de la propuesta de rediseño.
PRIMERAS IDEAS
Las primeras ideas que mandé a la clienta fueron recibidas con entusiasmo, y salvo un par de detalles de imágenes, la propuesta se aprobó.
SOLUCIONES PLANTEADAS
Con este diseño inicial, planteaba una serie de mejoras. En primer lugar, ofrece impacto visual pero también concordancia. Teniendo muy presente la idea de la tienda, me aventuré a crear una web toda rosa. De manera que la web es el reflejo del objetivo de este negocio, vender rosa.
Además le ofrecía con este diseño una estructura más limpia, clara y atractiva.
Limitaciones visuales
A la hora de montar una web en WordPress con Woocommerce te das cuenta de las limitaciones que puede tener usar ciertos CMS y plugins, para dejar la apariencia exactamente como deseas, es por ello, que en el caso de esta web se aplicaron muchos cambios mediante código CSS y HTML en algunos apartados.
Plugins que se acumulan
Otro de los problemas a los que me enfrenté inicialmente fue a una web con demasiados plugins, los cuáles fue necesario evaluar uno por uno para determinar la importancia de cada uno, ver cuáles estaban sin usar y eliminarlos, cuales podían sustituirse por unas lineas de código, etc.
