Hola! Somos The Fish

Llevamos años creando proyectos online de éxito y ayudando a los demás en su camino a través de diseño, UX y estrategia.

Vamos a mostrarte un par de ejemplos de lo que hacemos y si te interesa llevar tu diseño a otro nivel:

Visualmente brillante: nuestro trabajo

Carlos Prieto fue el primer miembro del departamento de Internet de Inditex, el retailer de moda más grande del mundo, en el que trabajó como diseñador de las primeras webs y como Director de su primer e-commerce, Zara Home.

Carlos estuvo también detrás de muchas cabeceras de programas de TV muy populares en España. Entre 2004 y 2015 trabajó a través de su compañía, Abuse Studio (precedecesor de The Fish) creando motion graphics de altísimo nivel para programas como El Hormiguero, La Hora de José Mota, Pelo Pico Pata o Polònia, anuncios de TV para compañías como Estrella Galicia o vídeos de moda para las tiendas de Zara.

Echa un vistazo a la demo de sus trabajos:

Caso de estudio UI/UX: Apiece Apart

Apiece Apart es una marca de moda con sede en Nueva York que ofrece prendas tan versátiles como las mujeres que las usan. Se encuentran en más de 200 puntos de venta en todo el mundo.

El comercio electrónico de Apiece Apart se ha convertido en una parte fundamental del negocio, pero la web tenía ciertos aspectos de diseño y usabilidad que podían mejorarse para impulsar la apariencia general del sitio y, sobre todo, para mejorar la conversión. Entermedia, una compañía especializada en el desarrollo de Drupal y Shopify, y Apiece Apart, confían en The Fish para la UI / UX de estas mejoras que estamos creando. Echa un vistazo a cinco de estas mejoras:

1. Woman Stories

Las Apiece Apart Woman Stories son claves para el branding y el SEO. Muestran mujeres con diferentes perfiles y orígenes: Kim Gordon, cantante de Sonic Youth, la actriz Maggie Gyllenhaal, escritoras, artistas, ejecutivas, etc. Las Woman Stories son entrevistas en las que sus protagonistas actúan como modelos de las prendas de Apiece Apart a través de una cuidada fotografía.

Diseñamos una combinación perfecta entre una página de producto visual y una narración long-form. Apiece Apart quería un formato innovador, que permitiera al usuario adquirir las prendas que la protagonista viste durante la entrevista, de una manera muy natural. Hemos diseñado un concepto en el que el usuario puede disfrutar fotos a pantalla completa y un amplio texto, ayudando así a contar la historia. Cada foto está acompañada de pequeñas tarjetas interactivas a pie de página que corresponden con las prendas mostradas en la foto.

Cuando pulsas en la tarjeta, se despliega en la derecha un panel con detalles de la prenda, donde el usuario puede añadir el producto al carrito mientras continúa leyendo el artículo.

Hemos diseñado el concepto en Sketch para dispositivos desktop, tablet y mobile. A partir de ahí, generamos simulaciones en vídeo utilizando After Effects para que el cliente y los desarrolladores puedieran ver cómo funcionaba cada uno de los elementos.

Echa un vistazo a uno de los ejemplos.

Apiece Apart

2. Nuevo diseño de portada

La portada es la puerta de entrada para muchos de los usuarios y es el lugar en el que debe transmitirse la esencia y los valores de la marca Apiece Apart: colaboración, color, conexión,… pero en la actual página de inicio estos valores no se transmitían y no existía espacio para las estupendas producciones de vídeo que se estaban creando.

The Fish ha propuesto una nueva Homepage en la que los vídeos y los carruseles a pantalla completa pueden combinarse con productos destacados, un módulo de Instagram y servicios relacionados con la tienda física y la atención al cliente.

Hemos diseñado muchas versiones y variaciones en Sketch para dispositivos desktop, tablet y mobile. A través de simulaciones en vídeo, el cliente pudo ver cómo interactuaban todos los elementos y elegir las opciones que mejor se ajustaban a su estilo.

Entermedia se encuentra actualmente desarrollando estas mejoras.

Apiece Apart Product Page

3. Página de producto, más clara y agradable

Las páginas de producto son las más importantes para las ventas. Aquí la mayoría de los usuarios realizan sus decisiones de compra. Propusimos un nuevo diseño en el que la imagen era más prominente y donde la información era fácilmente accesible a primera vista.

Otro factor clave para la conversión de una página de producto es la confianza, así que diseñamos un mejor acceso a la información de envío, devoluciones, cambios, servicio de atención al cliente y chat para todos los dispositivos. Además del clásico módulo de productos relacionados, la página se completa con accesos a las Woman Stories en las que el producto de la ficha es vestido por una mujer interesante y que no es modelo.

Apiece Apart Find Your Size

4. Tabla de tallas personalizada

Para Apiece Apart, ser una marca para todas las tallas es fundamental. En muchos de sus productos puedes elegir las fotos con modelos de diferentes tallas para ver cómo queda una prenda para todas ellas y no solo para las modelos delgadas. En este contexto, una guía de tallas del tipo “Encuentra tu talla” es muy importante, porque Apiece Apart ofrece más tallas que muchas otras marcas. En lugar de una tabla genérica para todas las categorías, propusimos una tabla sencilla diferente para cada categoría que es mucho más fácil de usar. Esta es una pequeña mejora, pero puede ayudar a aumentar la conversión y las ventas.

Apiece Apart Category Page

5. Una página de categoría más usable

Las páginas de categorías suelen ser las grandes olvidades desde el punto de vista del SEO y de la usabilidad. Identificamos una oportunidad para incluir contenido que ayudara a indexarlas mejor, con un título destacado, una descripción breve pero completa y con la inclusión de productos destacados intercalados dentro de la cuadrícula de productos. Esto ayuda a la página de categoría a “respirar” a pesar de tener tantos items, a promover las ventas de determinados productos destacados en cada categoría y a facilitar la indexación del contenido por parte de Google.

¡Comencemos!

Cuéntanos sobre tu proyecto.

Conoce más sobre nuestros casos de éxito: