Llevando el Proyecto a la Realidad
Con las fotos de su trabajo, productos e información sobre su marca proporcionadas previamente por el cliente, comencé a crear el diseño de alta fidelidad. Se aplicó la guía de estilo para asegurar consistencia visual y se desarrolló el diseño responsive, asegurando que la landing page se viera bien en dispositivos de escritorio, tabletas y móviles.
Optimización del Proyecto con un Wireframe Eficiente
Se planeó una web con secciones de productos, servicios, sobre mí y contacto, pero al reducir los servicios, se convirtió en una landing page más fácil de navegar. El wireframe mostró cómo la información era más clara y accesible. Se añadieron CTAs estratégicos para agendar citas y solicitar información, con la opción de ventas en línea a futuro. El diseño destacó el trabajo del estilista, mejorando accesibilidad y funcionalidad.
Creación de Landing Page para Estilista Profesional
Caso de estudio | Guía de Estilo | Figma | Wix Studio
6 minutos de lectura
¿En qué consistió el proyecto?
El proyecto consistió en diseñar una landing page para una estilista profesional, simplificando la estructura original. Se redujeron secciones innecesarias, se optimizó la navegación con CTAs estratégicos, y se priorizó lo visual para destacar su trabajo. La página se desarrolló en Wix Studio, permitiendo una gestión autónoma con el apoyo de video tutoriales.
Rol
Diseñadora UX/UI
Diseñadora Web
Duración
2 meses
Habilidades
Investigación UX
Wireframes
Diseño de interfaces
Prototipado
Comprendiendo las necesidades del cliente
El proyecto comenzó con preguntas clave para comprender el negocio del cliente: sus expectativas en línea, mensaje, público objetivo, oferta y trayectoria. Esta información definió el enfoque del diseño.
Analizando Páginas Similares
Para asegurarme de que el diseño fuera competitivo y alineado con las mejores prácticas, realicé una investigación e inspiración sobre páginas web similares. Analicé diseños que ofrecieran servicios y productos similares, buscando elementos visuales y estructurales que pudieran aplicarse al proyecto.
Fraunces 120 80px
Fraunces 120 28px
Fraunces 120 52px
Fraunces 120 32px
Fraunces 120 28px
Montserrat 18px
Montserrat 16px
Montserrat 14px
Definiendo la Identidad Visual
Se creó una guía de estilo que incluyó la selección de colores y tipografía, asegurando que el diseño fuera coherente con la marca del cliente. Esta guía ayudó a establecer las bases visuales para todo el proyecto.
Lecciones Aprendidas y Futuro del Proyecto
Este proyecto me enseñó la importancia de planificar y estructurar bien desde el inicio para evitar esfuerzos adicionales más adelante. Con una buena organización y un enfoque claro, es posible lograr un diseño conciso y fácil de entender.
El siguiente paso fue crear la landing page en Wix Studio, una plataforma no-code que es intuitiva y fácil de usar. Además, se planeó crear video tutoriales para que el cliente pueda gestionar su contenido de forma autónoma y realizar cambios cuando lo desee.
Contáctame 🌱
