Disponible

Diseño UX/UI · Web · Alicante · 2023

SOM
Events

Una web que ordena el catálogo de una agencia de espectáculos: un color por línea de negocio y, desde cualquier página, un solo paso hasta el formulario de contacto.

Tipo Diseño UX/UI · Arquitectura web · Home y 4 páginas
Año 2023
Cliente SOM Music y Events S.L.
Identidad de marca Javier Fortes Diseño Gráfico
Desarrollo web Externo · WordPress
En línea somevents.es ↗
Home publicada de SOM Events, página completa

SOM Events es una agencia de espectáculos y eventos de Alicante, heredera de más de treinta años de trayectoria. Crea, produce y gestiona orquestas, macrodiscotecas, DJ’s y espectáculos, y además alquila sonido e iluminación, monta infraestructuras y organiza eventos privados.

Con su nueva identidad recién estrenada —obra de Javier Fortes—, mi encargo fue el diseño de la experiencia y la interfaz de la web; el desarrollo corrió a cargo de terceros. La anterior era una plantilla genérica que mezclaba productos, servicios, galería y blog. El reto: que un organizador de fiestas encontrara en segundos qué puede contratar y cómo pedirlo.

  1. Sep. 2023 Punto de partida Análisis de la web anterior: una plantilla con productos, galería y blog.
  2. Sep. 2023 Home V1 Primera propuesta: la estructura y el código de color, con galería y blog.
  3. Nov. 2023 Contenidos El cliente reordena textos y catálogo: desaparece «Grupos».
  4. Nov. 2023 Diseño final Home más corta y cuatro páginas de sección con un mismo sistema.
  5. En línea somevents.es Desarrollo externo en WordPress a partir del diseño.

Experiencia

Arquitectura · Color · Componentes
01.1
Antes · web anterior
Web anterior de SOM Events, página completa

Plantilla genérica: productos, servicios con iconos, galería y blog. Mucho contenido al mismo nivel y un formulario al final del todo.

Después · web publicada
Home publicada de SOM Events, página completa

Quiénes somos, una llamada a conocer la agencia, accesos directos a las tres líneas de negocio y el contacto. Nada más.

01.2

Todo lo que la agencia vende cabe en tres líneas de negocio. La arquitectura las convierte en tres páginas hermanas con la misma estructura —cabecera, catálogo y contacto— y deja «Quiénes somos» y «Servicios» como anclas dentro de la home.

01.3

La paleta viene de la marca; la web le da un trabajo: cada color señala una sección. El rojo es orquestas, el verde las macrodiscotecas y el azul los espectáculos, en el menú, en los accesos de la home y en la cabecera de cada página. El marco amarillo y negro se repite arriba y abajo en todas.

01.4

Seis piezas bastan para montar las cinco páginas (recortes de la web publicada). Cajas de color que se solapan con la fotografía y etiquetas en vertical: un lenguaje con la energía de un cartel de concierto, pero ordenado.

Header de la web de SOM Events
01HeaderLogotipo sobre negro y menú sobre el amarillo de marca. Fijo en todas las páginas.
Presentación de la web de SOM Events
02PresentaciónBloque amarillo que monta sobre la foto, con el botón vertical «+INFO».
Accesos por sección de la web de SOM Events
03Accesos por secciónTres tarjetas con etiqueta vertical, cada una en el color de su sección.
Cabecera de sección de la web de SOM Events
04Cabecera de secciónCaja de color con título y entradilla, montada sobre la foto.
Ficha de artista de la web de SOM Events
05Ficha de artistaFoto, nombre y bio de cada formación, sobre el acento verde que anuncia el contacto.
Contacto y pie de la web de SOM Events
06Contacto y pieEl cierre de todas las páginas: formulario breve y pie con datos de contacto.
01.5
Home V1 · septiembre
Primera versión de la home de SOM Events, página completa
Web publicada
Home publicada de SOM Events, página completa

Web publicada

Orquestas · Macrodiscos · Shows · Contacto
Página de Orquestas publicada, completa

Orquestas Rojo. Fichas de Flama y Missisipi, con su historia.

Página de Macrodiscos y DJ’s publicada, completa

Macrodiscos & DJ’s Verde. Krakatoa y Macrodisco Pirámide.

Página de Shows y espectáculos publicada, completa

Shows & espectáculos Azul. Una docena de formatos, en columnas.

Página de Contacto publicada, completa

Contacto Gris. El mismo bloque que cierra todas las páginas.

Orquestas, macrodiscotecas y espectáculos comparten plantilla: cabecera en su color, catálogo y contacto. Quien entra por una ya sabe moverse por las otras dos, y la agencia puede añadir artistas sin tocar el diseño.

Una agencia vive de las peticiones de presupuesto. Todas las páginas terminan en el mismo bloque de contacto, anunciado por un acento verde, con un formulario de cuatro campos. Identidad de marca: Javier Fortes Diseño Gráfico; desarrollo web externo.

¿Tienes un proyecto?

Hablemos de esto.

romanplazza@gmail.com