Evaluando propuestas

Rediseño Ui/Ux Lanch.co para Shopify

Publicado el 31 Enero, 2017 en Diseño y Multimedia

Sobre este proyecto

Abierto

Somos Lanch.co

Comercializamos accesorios originales para Smartphones en todo Colombia. Llevamos 1 año con el sitio web que hasta ahora ha sido más que nada para enviarle enlaces a los clientes que ya nos conocen y cerrar ventas más fácilmente.

Queremos implementar toda una estrategia de marketing digital (nosotros estamos estudiando el tema) a través de seo, sem, facebook y google adwords. El sitio web actual tiene muchas falencias que queremos resolver relanzando un sitio nuevo.

La idea es pensar en cada parte de las interfaces que funcione bien, que sea fácil, que sea usable. Que resuelva problemas a los clientes.

Los productos tienen 3 clasificaciones:
- Marca
- Categoría (estuches, protectores de pantalla, cargadores. Etc)
- Compatibilidad (es de las navegaciones más usadas por los clientes)

Buscamos alguien que tenga experiencia diseñando interfaces y experiencia de usuario. Queremos optimizar las interfaces tanto desktop como mobile.
Queremos vernos PROFESIONALES.

La idea es desarrollar una plantilla de ceros. Teniendo especial cuidado en el código. Queremos código eficiente, que la página cargue rápido para que así mismo google nos indexe bien y finalmente el usuario tenga un tiempo de carga satisfactorio.


El objetivo es:

Optimizar a todo nivel el sitio:
- Velocidad de carga
- Facilidad de uso
- Renovar diseño
- Preparar todo el sitio para optimización SEO (nosotros lo escalamos al sitio completo)
- Limpieza de código
- Diseño de navegación
- Preparar todo para implementar campañas en facebook y Google en todas su plataformas (con esto nos referimos a la preparación del sitio optimizado, no a la implementación de campañas)

Se debe diseñar:
- Menús top (o menú corporativo)
- Menús principales desktop y móviles
- Experiencia en la página backend del cliente
- Navegación y filtrado
- Ciertas landing especializadas (tiene que ver con ciertos filtros aplicados para propósitos de campañas)
- URL's amigables (esto va de la mano de la navegación)
- Cada aspecto de accesos o enlaces en el home. Carruseles, banners, casillas de toma de datos.
- Búsqueda de productos por categorías (el árbol de categorías es inmenso, por eso debemos poder usar el buscador principal para buscar por categorías también.
- Login por redes sociales (fb, g+ y tw)
- Implementar addthis
- Implementar optin popups

El objetivo final es que el sitio sea fácil de usar por el cliente, que cargue rápido, que genere confianza (por su buen diseño, funcionamiento y catálogo de productos) , que encuentre fácil lo que necesita para que termine generando compra. Todo esto con ayuda de tráfico de campañas en facebook y google.

El sitio actual lo tenemos en wordpress. Tenemos hosting administrable en cloudways. Ahora vamos a trabajar en Shopify.


queremos desarrollar el tema en shopify, cambiar de plataforma por la rapidez y facilidad de la misma.

Quiero un diseño moderno, ligero, con colores que contrasten bien. Diseño plano. Iconografía sencilla.


Referentes en diseño:

Diseñar Mobile First
Diseño responsive (es obvio pero no sobra decirlo) Adicional es importante para el ranking en google
https://www.behance.net/gallery/47109631/Scheduler-iPad-App: Me gustan colores de paleta(podemos arrancar con nuestro color ppal, y los demás encontrar unos tonos parecidos, me gustarían más fuertes pero muy parecidos), fuentes, formas.
El color ppal del logo es un azul turquesa. Me gustan los verdes y violetas para contrastar. Rojo veo que también funciona.
Pero me gustan los verdes claros y violetas.
Veo que está muy en tendencia diseños de fotos pantalla completa. Para banners principales más que todo. Pero habría que conceptualizar esos banners ppales.

El rediseño de Paypal me gusta bastante: https://www.behance.net/gallery/45742765/PayPal-Concept-Redesign
En cuanto a marcas podemos tomar elementos de estas páginas de marcas que vendemos:
www.spigen.com
www.otterbox.com
www.adonit.net/
www.incipio.com
www.samsung.com
www.apple.com


Tomar elementos de tendencias de diseño:
https://www.zazzlemedia.co.uk/blog/digital-design-trends/
https://webflow.com/blog/18-web-design-trends-for-2017



Animaciones:

Ahora veo que está en tendencia el esconder el cuadro de búsqueda para mostrarlo luego sobre el menú principal: (que todo se maneje con los estándares de iconografía, en este caso la lupa) Pero la idea es que el cuadro de búsqueda se integre en el diseño perfectamente)
http://8theme.com/demo/xstore/home-flat/?preset=header6
http://raymond.jwsuperthemes.com/homepage-07
http://preview.themeforest.net/item/precise-multipurpose-responsive-wordpress-theme/full_screen_preview/6474886?_ga=1.265806729.724820574.1485868380


La idea es dejar el menú principal siempre visible cuando se hace scroll


De esta plantilla me gusta:
http://preview.themeforest.net/item/nano-material-design-woocommerce-theme/full_screen_preview/17510730?_ga=1.98558617.724820574.1485868380

Carrito lateral
Búsqueda pantalla completa
Cambio de color en hover sobre botón add to cart
Como se ven las variaciones me gusta


De esta otra me gusta:
http://8theme.com/demo/xstore/home-flat/?preset=header6

La búsqueda sugerida con múltiples tipos de resultados
El cuadro de búsqueda escondido que se muestra grande sobre todo el menú

De esta me gusta:
http://preview.themeforest.net/item/schn-modern-clean-responsive-woocommerce-theme/full_screen_preview/17490600?_ga=1.223920669.724820574.1485868380

Me gusta la sencillez del diseño junto con las formas y funcionalidad.

Página de producto
diseño general
checkout
variaciones de color en listados: http://preview.themeforest.net/item/schn-modern-clean-responsive-woocommerce-theme/full_screen_preview/17490600?_ga=1.223920669.724820574.1485868380
filtros de color
Sé que me contradigo con lo que digo del cuadro de búsqueda sobre el menú, pero este pantalla completa igualmente me parece bueno.

Categoría Diseño y Multimedia
Subcategoría Diseño Web
¿Qué necesitas? Crear un nuevo diseño personalizado
¿Es un proyecto o una posición? Un proyecto
Disponibilidad requerida Tiempo completo

Plazo de Entrega: 20 Febrero, 2017

Habilidades necesarias

Otros proyectos publicados por M. L. M.