Diseño y desarrollo web
Descripción: Este fue el segundo proyecto de diseño y desarrollo web que hice para un cliente. Se realizó una renovación del sitio web para poder mejorar el diseño y los resultados.
Timeline: Julio 2023 - Agosto 2023
Resultados:
• Mejoramos la experiencia del usuario a través de filtros dinámicos de contenido.
• Reflejamos la identidad de marca y le dimos personalidad a la página web.
• Implementamos un formulario y configuramos un flujo para que los leads lleguen al correo.
"Quiero agradecer a Mauricio por la paciencia y también porque es muy pro activo. Fue eficiente en realizar el proyecto de la página web, fueron varias reuniones en donde fluyó rápido las ideas que quedaron en la nueva página web. Estoy feliz con el trabajo realizado."
Brief del proyecto
Lista Inmobiliaria Perú es una empresa con más de 20 años de experiencia en compra y venta de inmuebles en el territorio peruano.El diseño de la página web actual no refleja la identidad de marca y quieren renovarla. Con el proyecto se quiere mejorar el diseño para que refleje mejor la identidad de marca, hacer mas simple la experiencia del equipo para subir y actualizar productos en el backend y mejorar los resultados online.
Auditoría inicial de la web
Lo primero que se hizo fue una revisión del sitio web actual de Lista Inmobiliaria Perú, como también de la web de sus competidores. Así se pudo hacer un benchmark y apuntar oportunidades de mejora. También realizamos una auditoría de SEO y rendimiento para poder comparar el antes y después.
Reunión inicial y definición de objetivos
En la reunión con el equipo de Lista Inmobiliaria Perú definimos los objetivos del proyecto y conversamos sobre los problemas que enfrentan. Pudimos definir 2 objetivos principales y 5 objetivos específicos.
Objetivos principales
- Incrementar las visitas y leads.
- Mejorar experiencia para clientes internos.
Objetivos específicos
- Mejorar organización y navegación de la pagina.
- Darle más personalidad a la web y reflejar el branding.
- Facilitar la subida y manejo de productos para clientes internos.
- Generar más confianza a los visitantes.
- Facilitar la creación de contenido y optimizar SEO.
Identificación de problemas
Una vez definidos los objetivos, se hizo una lista con problemas identificados en la reunión inicial, como también los problemas identificados en el análisis de oportunidades de mejora.
Generación de ideas
En base a los problemas identificados, se generaron ideas para el nuevo diseño de la web:
Arquitectura de información
Luego se continuó con un análisis de la arquitectura de información actual y la nueva propuesta, tomando en consideración los objetivos y el análisis realizado previamente.
La arquitectura de información es la estructura del sitio web y define la jerarquía y orden entre las páginas.
Layouts
Después de definir la arquitectura de información, trabaje en los layouts.
Un layout es la estructura de los elementos que tiene cada página definida dentro de la arquitectura de información:
Wireframes
Una vez que tuvimos claridad sobre las páginas y la estructura de las páginas, se realizaron los primeros diseños en Figma.
Diseñamos wireframes en baja fidelidad o bocetos de cada página considerada en la arquitectura de información.
Definición del contenido
Luego de validar los wireframes con el equipo de Lista Inmobiliaria, hicimos un mapa de contenido y lo trabajamos en conjunto para definir los textos que irían en cada página.
Branding
Para seguir con el proceso de diseño, se definieron los colores y tipografía que tendrá la nueva web, utilizando el logo de la empresa y sus colores actuales.
Mockups
Una vez definido el branding y contenido, pasamos a la última etapa del diseño, los mockups. Un mockup es una representación visual y con todos los detalles de cómo se verá la web una vez esté desarrollada.
Desarrollo en Webflow
Una vez validados los mockups y el diseño final con el equipo de Lista Inmobiliaria Perú, se realizó el desarrollo del sitio web en Webflow:
Resultados
• Mejoramos la experiencia del usuario a través de filtros dinámicos de contenido.
• Reflejamos la identidad de marca y le dimos personalidad a la página web.
• Implementamos un formulario y configuramos un flujo para que los leads lleguen al correo.
"Quiero agradecer a Mauricio por la paciencia y también porque es muy pro activo. Fue eficiente en realizar el proyecto de la página web, fueron varias reuniones en donde fluyó rápido las ideas que quedaron en la nueva página web. Estoy feliz con el trabajo realizado."
Aprendizajes
• Webflow no incluye servidores para alojar servicios de correo electrónico como lo hacen otros proveedores de hosting. Cuando se hace una migración hay que tomar esto en cuenta, si es que el cliente tiene o quiere manejar correos corporativos, la solución es comprar un servicio de hosting, aparte de Webflow, para poder alojarlo y gestionarlo.
• Pequeños tutoriales en formato de video funcionan muy bien para capacitar a otras personas sobre temas relacionados al manejo de la web. En comparación a una capacitación, es más fácil de realizar y los usuarios tienen el video disponible siempre que lo necesiten.
• Aprendí a configurar filtros dinámicos para elementos CMS, esto puede ser muy útil en diferentes casos de uso.
Otros proyectos exitosos
¡Agenda una auditoría gratis!
¿Qué incluye?
👨💻 Asesoría para revisar tu situación y definir la mejor opción.
📄 Reporte de SEO y rendimiento actual de tu web.
📈 Oportunidades de mejora y feedback.
¡Consigue un análisis web GRATIS!
veamos por qué...
Te enviaré un video de 10 minutos con 7 recomendaciones específicas para mejorar tus resultados.
