Premio a mejor tienda y/o página web a Tuatara Agencia de Diseño, por la candidatura de Ficmac.
Mejor diseño de sitio web para un producto o servicio a Tuatara Agencia de Diseño, por la candidatura de Arkos.
Premio a mejor tienda y/o página web a Tuatara Agencia de Diseño, por la candidatura de Childfund México.
Premio a mejor tienda y/o página web a Tuatara Colombia Agency, por la candidatura de toc toc aseo.
El Design Sprint, es una metodología de Google que adaptamos a los procesos de software para tener un lenguaje común entre cliente y agencia de diseño web. Reducimos al máximo las demoras, los reprocesos, las frustraciones, y avanzamos en pasos seguros hasta la entrega final de la página web. Estos son los planos de desarrollo de cualquier activo digital. Conoce un caso de éxito donde se implementó el Design Sprint, aquí.
Creamos un documento base en el cual entendemos ¿qué hace tu empresa?, ¿cuál es su competencia offline y digital?, ¿quién es tu buyer persona? Definimos también los alcances finales de la página web y tenemos el insumo para realizar la investigación de palabras clave, estructura de meta títulos (H’s) y metadescripciones.
Realizamos una investigación profunda de palabras claves de la industria, entendiendo las oportunidades y la competencia. Este trabajo se lleva a cabo para determinar los encabezados (Hs, meta títulos, meta descripciones y contenido textual), con el fin de tener una estrategia de SEO sólida que nos ayuda a optimizar la visibilidad de las páginas web a través de los motores de búsqueda.
Empezamos a bocetar los diferentes caminos que tendrá la información, objetivos de cada página, entre otros. Esta etapa consiste en organizar el contenido y definir cuál será la posible navegación del usuario a través de la página web. Aquí se empieza a visualizar en una etapa muy prematura cómo va a ser el diseño de la página web.
Los wireframes son la obra gris del diseño web. Ya aquí puedes visualizar los elementos de comunicación con los cuales puedes disponer para dar un mensaje (fotos, videos, textos, etc). Nos apoyamos en Material Design para el diseño de secciones que sean fáciles de entender para los usuarios ( UX ). En esta versión ya puedes ver tu página web en desktop y mobile.
Luego de aprobada la obra gris, pasamos a los acabados visuales o UI. Utilizamos el manual de marca y los lineamientos definidos sobre los colores, tipografías, funciones de los botones y efectos visuales en general, para lograr el producto final acorde con las expectativas de comunicación y que represente la esencia de la marca.
Para terminar el proceso, los mockups son animados y convertidos en un prototipo para que el cliente pueda experimentar cómo es la navegación de su página web, aún sin tener una sola línea de código. Aquí se pueden ver las diferentes páginas, secciones, acciones en botones, dentro de otras. Una vez aprobamos esta etapa, pasamos al proceso de desarrollo bajo principios de Performance y SEO técnico. Ver desarrollo de páginas web, aquí.
