Web
- Restyling web
- Nuevas funcionalidades WP
PiroFoc: tu tienda de petardos en Valencia
PiroFoc se dedica a la venta exclusiva todo el año de petardos y artículos pirotécnicos de uso recreativo. Cuentan con 19 puntos de venta permanente situados en la ciudad de Valencia y alrededores.
Con más de 20 años de experiencia en el sector su principal meta es ofrecer la mayor calidad y variedad al mejor precio.
Restyling web + Nuevas funcionalidades
PiroFoc es una tienda de pirotecnia referente en Valencia. Después de varios años con presencia online y una web que había quedado anticuada necesitaba un nuevo diseño más actual y acorde a su sector.
Una de las características que tiene este tipo de negocio es que debido a la legalidad vigente no puede realizar ventas online. Por ello, hasta ahora la web se había utilizado como mero catálogo, así que para la nueva web implementé la posibilidad de realizar el pedido online para su posterior pago y recogida en tienda, lo cual facilitaría la venta en su temporada alta –Fallas– y evitaría las colas en las tiendas.
La nueva página de finalización de pedido da la opción de elegir el día y la tienda de recogida. Una vez seleccionado, aparece el horario en que la tienda podrá atenderle.
Otras funciones que implementé fueron la visualización del catálogo físico como si fuese un libro, un mapa con la ubicación de todas las tiendas, la catalogación de los productos tanto por tipología como por clasificación legal de uso y la maquetación personalizada de los productos para que el cliente –PiroFoc– incluyese un vídeo embebido desde youtube, y así el usuario pudise ver el efecto real del producto.
Color y Tipografía
PiroFoc no contaba con una imagen de marca definida por lo que para diseñar la web seleccioné los colores acorde a su logotipo y dos tipografías, incluidas en el catálogo de Google Fonts, que desprenden la esencia de esta marca tan festiva y divertida.
Rojo persa
#dd3333
Blanco
#ffffff
Buttercup
#dd9933
Buscando el efecto WOW en la home
La home busca ser impactante y sorprendente, al igual que la pirotecnia, por ello vi idóneo el uso de un vídeo de fuegos artificiales mientras aparecía el logotipo.
Para utilizar el logo en esta pantalla, lo simplifiqué al máximo vectorizando las letras y dejándolo en blanco para mayor contraste con el fondo de cielo nocturno.