Steakburger, UX & Rediseño web

Introducción

El problema

Tras entrevistarme con los stakeholders recibimos las primeras impresiones que tenían sobre su web actual, querían actualizarla y darle un aire más moderno y fresco, incluir más fotografía de producto y darle una vuelta al responsive, pues habían notado que la mayoría de visitas venían a través de terminales móviles y la web no terminaba de ser del todo friendly en estos dispositivos.

Manos a la obra

UX

  • Ver fotos del producto
  • Poder encontrar la carta facilmente (con precios, por supuesto)
  • Poder reservar rapidamente
  • Y como dato destacado, más del 90% de los entrevistados visitaba/reservaba desde dispositivos móviles

Data driven design

¿Qué fue lo que detecté?:

  • La página era abandonada practicamente de forma instantánea cuando los usuarios iban a la página de carta y no solo no veían las fotos de los platos, si no que intentaban clicar en el nombre de ellos con el fin (imagino) de comprobar si se abría alguna foto o si se les redirigía a alguna página, pero no ocurría nada.
  • Pero no solo eso, a lo largo de toda la web, las fotos eran excasas y no tenían la calidad para hacer justicia a sus productos, por lo que el usuario no se sentía atraído a primera vista, además, con toda la oferta y la competencia que hay ahora mismo en Madrid a nivel hamburguesero, teníamos que atraparle por los ojos tanto como pudiéramos, sobre todo si tenemos en cuenta el tópico de que los usuarios hoy en día no leen, si no que escanean, y sobre todo se fijan en las fotos (quizá uno de los culpables de esto sea Instaejemm..).
  • Lo mismo pasaba con los restaurantes, sin duda es uno de los puntos fuertes de este negocio (los locales son preciosos), pero no había fotos y las que había, no estaban clasificadas. No podías adivinar a cual de todos sus restaurantes pertenecían.
  • La web era visitada por muchos usuarios extranjeros, era necesaria una versión en inglés sí o sí!

Otro de los problemas, era que no había ni voz, ni tono. En algunos textos se hablaba de usted, en otros de tu.. no había una identidad en los contenidos y efectivamente, la adaptación a mobile dejaba mucho que desear, un drama cuando vimos que más de un 80% de usuarios visitaban la web desde dispositivos móviles.

Conclusiones

Soluciones

Para ello, no solo me limité a solucionar los problemas de su anterior web, si no que intenté dotar la web con ese aire fresco y moderno que se nos pedía desde un principio (Los colores y tipografía que puedes ver hoy, tanto en la web como en sus redes, fueron elegidos por un servidor :)

Tras todo este trabajo de UX/UI, acabé el proyecto desarrollando el sitio web, para el que trabajé mano a mano con el equipo de audiovisuales para conseguir el efecto wow a la par que informativo que estabamos buscando, dándoles indicaciones para fotos y vídeos.

También con el equipo de marketing, los que ya estaban trabajando en la voz y tono de la marca a través de redes sociales, trabajar mano a mano con ell@s fue genial, participé en campañas de marketing y tuve oportunidad de ponerme en la piel de ux writer, lo que me encantó.

Incluimos un apartado de reservas, no solo con fotos de los restaurantes si no que también les propuse incluir visitas virtuales como aporte de valor, todo ello con el fin de aumentar la visibilidad de esos locales tan bonitos, y aumentar por supuesto el atractivo, la conversión y las reservas (con un cta bien accesible en cada apartado del restaurante, como no!).

Por supuesto, hicimos la adaptación a la versión inglesa, con la ayuda de mis compis de traducción.

Iteración

Tristemente, no guardo capturas de la web “vieja” y, también tristemente desde mi marcha de la agencia con la que trabajaba cuando hice la web, otras manos han pasado por ella y se han añadido multitud de componentes que no siguen del todo las bases que se sentaron, pero la versión en inglés que es la que os dejo, ha sufrido menos estas incosistencias :)

UX/UI Designer, Web designer & Weird ilustrator http://charliedenova.es

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store