[ANÁLISIS WEB]

JORDI BARTOLOMÉ

JOMALONE.COM
en manos de una gran corporación

ALQUIMIA.ES
la mediana empresa

SOLEYORGANICS.COM
una empresa pequeña
JOMALONE.COM

PERCEPCIÓN GENERAL

Tienda online (www.jomalone.com) de la marca Jo Malone

London enfocada principalmente a la cosmética con algunos productos
para el hogar.

La impresión es la de una empresa seria, de cierta categoría. Una

marca elegante (colores negro y blanco roto, franjas doradas) con un
marcado aire inglés y un ligero toque masculino, sobrio, incluso retro
(líneas rectas, tipo de letra). La página de Inicio solo ocupa la pantalla, sin
scroll, en el que destaca un gran slider.

OBJETIVOS

- Transmitir la imagen de la empresa: calidad y elegancia (slide

de productos). Dirigida a un público mixto pero sobre todo a la mujer
independiente de cualquier edad (slide con mujer en el jardín).

- Asociar la marca con los productos para regalo (lazo en las

esquinas del home), ítems del menú.

- Equilibrar un exceso de protagonismo de la imagen corporativa

(negro, blanco, dorado). Se apuesta por una línea de productos (gama de
verdes) que evocan las plantas, la naturaleza, el exterior (slide del jardín
y el de la línea Herb Garden).

2
 SECCIONES

El primer elemento del menú Gift Giving, reafirma la importancia que se le da a los productos para
regalo. Los siguientes apuntan a distintas categorías de producto: colonias, baño, casa, colecciones,
favoritos. Dentro del último elemento del menú, Jo Malone World encontramos un poco de la filosofía de
la empresa, de su carácter británico y sofisticado y de la labor filantrópica que realizan.

Jo Malone London

Gift Giving | Colognes | Baths | For The Home | The Collections | Favourites | World of JML

Gifts| Gift Finder | Engraving | Candles | Candles

En las distintas secciones predomina

el color blanco de fondo, intercalado
con grandes banners de productos
con fondos coloridos y evocadores
siempre de la naturaleza, de las
plantas...

Las páginas de producto lo muestran

de forma clara y sencilla con un fondo
blanco. A su vez enmarcado por
distintos fondos de colores basados en
rayas estilo retro o fotografías de
frutos, plantas, naturaleza.

3
 USABILIDAD Y VALORACIÓN

La página de Inicio ocupa solo la pantalla, sin scroll, con un lazo en las
esquinas, dando la sensación de un regalo y un aire retro (como los links del
menú subrayados). El espaciado entre letras le da claridad y limpieza a la
web.

Los colores negro, blanco dorado, las líneas rectas y el tipo de letra
sencillo del producto envasado, se complementan con las imágenes
multicolor sin envasar de la naturaleza.

L a navegación es fluida y amena. Enfocada sobre todo a la venta, el

sistema de compra es sencillo (sin demasiados detalles pues es una marca
consolidada y distinguida). La visualización en distintos dispositivos es
satisfactoria. Una experiencia agradable para el visitante, cliente...

COMPARACIÓN CON EL SECTOR

He seleccionado las tiendas online de la marca Kielh's, pues dispone

de sitios diferentes para su versión americana (www.kiehls.com/home) más
cuidada y la española (www.kiehls.es) un tanto rudimentaria y antigua.

La marca Jo Malone fue creada en Londres a principios de los

noventa y comprada por Estée Lauder en 1998. Kielh's se fundó en Nueva
York a finales del XIX y la compró L'Oreal en el año 2000. Las dos son ya
grandes empresas consolidadas en fase de expansión internacional.

4
 ALQUIMIA.COM

PERCEPCIÓN GENERAL

Sitio web y tienda online de la empresa Alquimia (www.alqvimia.com)

orientada al mundo de la cosmética y terapias naturales, con toques mágicos. Dirigida
a un público básicamente femenino.

Aunque los banners que aparecen en el home son correctos e intentan

transmitir una imagen de empresa consolidada hay elementos que hacen que el
resultado final sea un tanto difuso y que pueda incluso dificultar su legibilidad.

Por ejemplo: el logo de la empresa es pequeño y el color claro (ocre) escogido

destaca muy poco con el color de fondo (blanco) de la página. Los mismos problemas de
color y contraste en otras partes del home.

OBJETIVOS

- Consolidar la marca como un producto de cosmética de calidad (banners de

productos).

- Destacar las virtudes un tanto especiales de los productos y terapias (masaje

taoísta) que también tiene el propio nombre de la marca Alquimia.

- Reforzar su presencia en las redes sociales y resaltar la opinión de los clientes.

5
 SECCIONES

En las secciones predominan los banners de ancho completo

intercalados con partes de textos explicativos. Pero la sensación es un poco
confusa y falta de coherencia entre las distintas partes de la web.

La sección Mundo Alquimia consta de un falso submenú pues sus

ítems son secciones de una solo página. Aquí aparecen los conceptos
básicos de la marca que se van repitiendo en toda la web y que me parece
interesante transcribir literalmente:

"Alta cosmética 100% natural... tratan con total eficacia CUERPO,

MENTE y ESPÍRITU en un concepto holístico del cuidado de la
belleza y de la salud." Alquimia

Tienda Online | Mundo Alquimia | Donde Comprar | Tratamientos | Alquimia Spa | Hotel & Spa
"...los secretos de la botánica y el saber de una de las ciencias
más inspiradoras y cuyo nombre evoca magia, pureza y
Filosofía Distribuidores Woman's Health
conocimiento: la Alquimia."
Historia Tiendas Alquimia Método Alquimia

Fundador Espacios Alquimia Test Edad Biológica

"La belleza es pureza y es luz" o "La alquimia es la unión del
conocimiento místico con el método científico experimental. " Situación Centros Recomendados Centros
Recomendados
Centros de Belleza
Tratamientos Spa
Hoteles, Spa, Balnearios

Distribuidor
Internacional

Distribuidores
Nacionales

6
 USABILIDAD Y VALORACIÓN

La falta de coherencia entre las distintas secciones hace la navegación poco fluida. Lo mismo
ocurre con la gama de colores. Se busca una Web luminosa y lo que se consigue es un sitio con exceso de
blanco y poco contraste lo que complica más la comprensión.

En pantallas grandes (más de 1800px) se acentúan los problemas pues el color blanco ocupa más
espacio aun y algunos banners que eran full
width dejan de serlo apareciendo pequeñas
franjas a los lados. Algunos títulos aparecen
descentrados.

En dispositivos pequeños el
comportamiento de los contenidos está
mejor implementado y hay un menú
específico con muchos más ítems que el de
la versión desktop.

COMPARACIÓN CON EL SECTOR

La marca L'Occitane (www.es.loccitane.com) es una empresa con implantación en varios países y

por lo tanto de mayor tamaño que Alquimia.

El sector de la cosmética natural está en expansión pero existen paralelismos más que notables
entre L'Occitane y Alquimia. La primera nace en la Provenza francesa y la segunda en el pre pirineo catalán.

La web de L'Occitane está bien estructurada, la navegación amigable y los colores correctos.
Demasiados contenidos en el home y un poco apretados. El logo pequeño. Los objetivos: promocionar la
marca a través de su producto estrella (slide de la crema Divina) y sobre todo vender (banners de productos,
favoritos, entrega gratuita, facilidades de pago).

Sorprende que se coloque en lugares poco destacados (top menu y footer) el acceso al Magazine,
con noticias y videos de calidad y la sección Quienes Somos donde se encuentran las páginas más
elaboradas como Nuestra Historia, un bonito timeline con efectos parallax.

7
SOLEYORGANICS.COM

PERCEPCIÓN GENERAL

El primer análisis ha sido de una gran corporación y el segundo de una

empresa mediana. Así, el tercero (www.soleyorganics.com) está dedicado a la
web de una marca pequeña, con tienda física en Islandia dedicada eso sí, a la
cosmética natural.

Lo primero que llama la atención es que el logo no está a la izquierda

ni en el centro de la cabecera. Está a la derecha, lo que obliga a hacer un
barrido inconsciente en busca del logo y que se convierte en un pequeño
juego. Esa posición del logo tendrá otra función importante.

Lo segundo que llama la atención pero que en un principio casi no se

nota es que la imagen de la naturaleza que vemos en full screen al llegar a la
web es un video (las hojas y ramas se mueven sutilmente).

También destacar la forma sencilla y elegante de mostrar los productos

(Shop) con etiquetas grandes de colores con los nombres de las distintas
categorías.

OBJETIVOS
- Transmitir una imagen de calidad sin ostentaciones.

- Poner el foco de la atención en los productos, vender.

- Reforzar su presencia en las redes.

8
 SECCIONES

Hay solo cuatro ítems en el menú: shop, stores, about, press, (no hay nada que se llame home)
será el logo quien nos devuelva a la página de inicio.

Soley

SHOP | STORES | ABOUT | PRESS

La página de producto también reserva una sorpresa. A la

izquierda está el nombre, precio y añadir a la cesta. A la derecha
está la foto del producto, debajo la descripción y debajo
productos relacionados. La disposición es original con respecto a
la mayoría de comercios online, también en los dispositivos
pequeños el resultado es novedoso.

Tanto la gama de colores escogida como la estructura de

las secciones mantienen una coherencia que le da a la
web un acabado muy compacto.

9
 USABILIDAD Y VALORACIÓN

La navegación es fácil y agradable. Cuando se hace scroll y aparecen

los productos en inicio también aparece el carrito al lado del logo de empresa.

Es aquí donde la colocación del logo adquiere más sentido. Primero

porque junto al carrito le da al área más protagonismo. Estéticamente
funciona muy bien. Más cuando se pasa el ratón por encima del carrito.

La implementación en distintos dispositivos está muy conseguida. La

sensación es la de un sitio agradable, elegante sin estridencias. Enfocado a la
venta sin ser intrusivo, sin mensajes mágicos, sin fotos de bellas mujeres.
Parece que quiera transmitir un mensaje: "Tengo un producto muy bueno,
seguro que te interesa".

COMPARACIÓN CON EL SECTOR

Hay muchas marcas pequeñas dentro del sector pero la mayoría tienen webs
poco elaboradas, algunas son antiguas y no se adaptan a los dispositivos pequeños.

Marilou Bio (www.mariloubio.com) es un pequeña marca francesa que tiene

una web sencilla pero con encanto. No hay scroll, no tiene tienda online, solo accesos a
otras webs que venden sus productos. Lástima que tampoco es responsive.

10