Brown & Naranja Estilistas
Visita el sitio web de Brown & Naranja
Web dise帽ada y desarrollada para el grupo de salones de belleza Brown & Naranja Estilistas.
Brown & Naranja es grupo de salones de belleza con varios locales en la Comunidad de Madrid. El proyecto abarc贸 tanto el dise帽o en Figma, el desarrollo en Webflow as铆 como la integraci贸n con el sistema de reservas de Treatwell para que los clientes puedan pedir cita y elegir el profesional de su preferencia de manera sencilla y r谩pida online.
An谩lisis de competencia y optimizaci贸n SEO
Antes de comenzar con el dise帽o y desarrollo de la p谩gina web se hizo un an谩lisis prospectivo de la competencia y se tuvo en cuentoa el SEO desde el minuto uno. Se identificaron las palabras clave m谩s relevantes para el sector y 谩rea, y se realiz贸 un estudio de la competencia en la zona para poder posicionar la web de Brown & Naranja de manera 贸ptima en Google y otros buscadores relevantes.
Se entrega una p谩gina web con un SEO ready y optimizado para los motores de b煤squeda. Podemos observar como el analizador de SEO del propio Google (Google Lighthouse) nos da una puntuaci贸n de 100/100 en el apartado del SEO.
Sitemap
Tambi茅n conocido como la arquitectura de la p谩gina web, se tuvieron en cuenta qu茅 p谩ginas y secciones deb铆a contener la web que 铆bamos a desarrollar.
Se hizo este esquema a modo de gu铆a para el dise帽o y desarrollo de la futura web.
Wireframes
Se dise帽aron los wireframes de la web en Figma. Se dise帽aron las diferentes secciones de la web y se definieron los elementos que deb铆an contener. En esta etapa el objetivo es antes de meter dise帽o organizar la disposici贸n del contenido y el copy.
Generaci贸n de Assets con IA
Utilizamos la IA de midjourney para generar los assets de la web. Se generaron im谩genes de alta calidad en l铆nea con las necesidades de la web. Esto le permiti贸 al cliente ahorrarse costes de fotograf铆a y nos permiti贸 ser m谩s 谩giles en el desarrollo de la web. Dejo por aqu铆 algunos ejemplos de los assets generados.
Posteriormente muchos de estos assets generados fueron editados mediante edici贸n fotogr谩fica para encajar con el look & feel de la web y se dise帽aron manualmente el resto de dise帽os necesarios.
Look & Feel
Se dise帽贸 una web moderna, limpia y minimalista en la l铆nea con los requerimientos del cliente. Se us贸 la paleta de colores de marca de Brown&Naranja que reflejan su identidad aunando estilos entre su presencia f铆sica y online.
Tras una primera iteraci贸n de ideas y feedback del cliente, se lleg贸 a un dise帽o final que se ajustaba a las necesidades del cliente y a los objetivos de la web.
Dise帽o Responsive
Se tuvo en cuenta la usabilidad y la experiencia de usuario para que la navegaci贸n fuera sencilla e intuitiva adem谩s de ser responsive para que se adapte a cualquier tama帽o dispositivo (m贸viles, tablets, ordenadores...)
Desarrollo en Webflow
Tras iterar en el dise帽o y tener la aprobaci贸n del cliente, se procedi贸 al desarrollo de la web en Webflow. Se desarrollaron las diferentes secciones de la web y se integr贸 el sistema de reservas de Treatwell para que los clientes puedan pedir cita online de manera sencilla y r谩pida.
Esta integraci贸n permite a los clientes de Brown & Naranja reservar cita online y elegir el profesional de su preferencia de manera sencilla y r谩pida sin tener que llamar por tel茅fono o escribir por whatsapp, liberando tiempo al staff del centro y optimizando los procesos.
Esta funcionalidad era cr铆tica para nuestro el cliente y se la resolvimos de manera eficiente y efectiva. Ahora tiene un sistema automatizado de gesti贸n de reservas integrado en su p谩gina web.
Entrega y formaci贸n
En esta 煤ltima etapa se entreg贸 la web al cliente y se le dio una formaci贸n b谩sica para que pudiera gestionar la web por s铆 mismo. Se le entreg贸 un manual de usuario y se le explic贸 mediante sesiones en directo c贸mo pod铆a modificar y actualizar la web de manera sencilla.