Recientemente hemos puesto online la web de nuestro cliente GoalBox, se trata de una tienda online de packs de nutrición deportiva. Secuenciados para su ingesta en las distintas fases de la carrera, estos productos nutritivos se entregan en una caja, de ahí el nombre: Goal = Meta, Box = Caja. En este caso la web ecommerce no ha sido lo único que hemos diseñado, también hemos realizado una labor de rediseño de imagotipo en base a uno que tenían previamente, así como una imagen corporativa básica y sus distintas aplicaciones.

diseño tienda online de wordpress goalbox

Rediseño del Imagotipo

El logotipo que tenían al principio no estaba funcionando gráficamente, compuesto por una forma triangular seccionada en tres partes de distintos colores, y el nombre de la empresa escrito con una fuente especialmente geométrica, seccionando el nombre de la marca en negro y gris. Las principales causas de su mal funcionamiento eran, sobre todo, un exceso de cromático y una tipografía que no conjuga con las características visuales del imagotipo.

logo-antiguo

El cambio que propusimos respeta la intención intrínseca del logotipo pero con una importante mejora gráfica. Como primera medida, reducimos todo a un solo color y matiz, esto despejaría bastante la sensación visual. Para la imagen, nos basamos en la forma triangular que tenía su imagotipo, pero le dimos con una intención formal más dinámica. Por su lado, la nueva tipografía se corresponde mejor con los pesos y direcciones de la nueva forma triangular, seguimos manteniendo la división en el nombre de la empresa, solo que en lugar de utilizar un matiz de negro, cambiamos de manera drástica el peso tipográfico, de una light pasamos a un black. Este juego tipográfico seguirá realizándose en la web.rediseño de logotipo goalbox

Diseño de tienda online de WordPress

“Existen multitud de plataformas de comercio electrónico con las que vender tus productos online. Conviene saber elegir bien la solución adecuada para las necesidades de tu proyecto.”

Muchas de estas plataformas han sido concebidas para funcionar como tiendas online, como por ejemplo Prestashop o Magento. Sin embargo, gracias a la expansión que están teniendo las plataformas web de gestión de contenidos como WordPress, actualmente puedes hacer que tu web cuente con la funcionalidad añadida de comercio electrónico con la simple instalación de un plugin.

En este caso hemos utilizado uno de los plugins de WordPress más completos, WooCommerce. Este plugin de por sí incorpora infinidad de funcionalidades, desde lo más básico y evidente como podría ser la creación y eliminación de productos, controlar su inventario, añadir un precio rebajado… hasta la visualización de informes de ventas, la creación de cupones, gestión de tarifas según zona geográfica, etcétera. No es la solución adecuada si lo que buscas es una tienda online muy potente y compleja, pero si es ideal, si lo que buscas es una web visualmente muy atractiva con la que vender teniendo pocas referencias de productos.

En cuanto a la maquetación y diseño de tiendas online de WordPress, en WooCommerce, es bastante complicado modificar la páginas que se generan automáticamente cuando creas una tienda online (las páginas de producto, el carrito, el checkout…). Por lo que la solución más elegante, funcional y recomendable es la inserción de los shortcodes propios de WooCommerce en páginas de WordPress, ya que puedes añadir módulos de contenido tales como banners comerciales, formularios de contacto, o lo que sea que quieras tener en esas páginas, como lo harías en WordPress normalmente, además de la vista del carrito, el checkout, o la página del producto que fuere.

diseño tienda online de wordpress goalbox 2

Diseño visualmente impactante para tu comercio electrónico

“La sensación que desde un principio queríamos que transmitiese la imagen de GoalBox es de potencia, vitalidad, dinamismo…”.

Para ello utilizamos elementos tales como textos positivos y contundentes, colores brillantes o direcciones visuales diagonales. Algo que nos entusiasma de este proyecto es la potencia visual conseguida en este diseño. La combinación de imágenes fotográficas en escala de grises con los planos del amarillo corporativo, transmite los valores con los que queremos teñir a la marca.

diseño tiendas wordpress goalbox 3

En la fase de estudio previo, vimos que los productos iban a ser muy parecidos entre si (la misma caja diferenciada con una pegatina y distinto contenido), por esto consideramos interesante marcar una diferenciación evidente entre los productos. Esto se ha llevado a cabo mediante el uso distinto del color por cada caja. Mientras que en toda la imagen de GoalBox se juega con el amarillo en combinación con distintos tonos de gris, para referirnos a cada producto concreto el color amarillo es sustituido por otro color que no se repetirá.

tienda online wordpress de goalbox 4

Diseño de elementos anexos

Además del imagotipo y la tienda online de WordPress, hemos aplicado la imagen en multitud de elementos que podríamos considerar anexos a la marca, tales como la tarjeta de visita, la propia caja donde van los productos de nutrición deportiva, las pegatinas distintivas de la caja, el tarjetón de instrucciones, pulseras con indicaciones de tomas durante la carrera…

diseño packaging para goalbox

diseño de tarjetas de visita goalbox

diseño de bolsa corporativa goalbox

91 172 7204