Diseño y desarrollo web
Descripción: Este fue el primer proyecto real que hice para un cliente. Renovamos su página web con el objetivo de generar mejores resultados online.
Timeline: Mayo 2023 - Julio 2023
Resultados:
• Aumento de 326% en visitas orgánicas mensuales.
• Mejora de interacción de clientes con productos.
• Implementación de formulario y automatización para que los leads lleguen al correo.
“Lo que más me gustó de trabajar con Mauricio fue la facilidad en la comunicación, adaptación a las necesidades y que está constantemente detrás del proyecto. Se logró una mejor interacción de los clientes con nuestros productos”
Brief del proyecto
Metálicas Unión S.A. es una empresa peruana con más de 70 años de experiencia en diseño y fabricación de racks, sistemas de almacenamiento, estantería, lockers, equipamiento industrial y seguridad.
La empresa quiere renovar su página web para generar mayor exposición, conseguir leads y que los clientes tengan más facilidad de contactarse con ellos. Actualmente tienen una web que funciona pero tiene información desactualizada y nadie hace seguimiento de los resultados.
Auditoría inicial de la web
Antes de la primera reunión con el equipo de Metálicas Unión, se hizo una revisión de su web actual, como también la de sus competidores.
Así pudimos 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.
Definición de objetivos
En la reunión con el equipo de Metálicas Unión 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 visitas y leads.
- Generar mayor exposición online.
Objetivos específicos
- Mejorar organización y navegación de la pagina.
- Que los productos puedan ser encontrados con búsquedas en google.
- Hacer mas fácil que nos contacten los que llegan a la web.
- Que los visitantes puedan encontrar lo que quieran fácilmente.
- Generar mas confianza a los visitantes.
Identificación de problemas
Una vez definidos los objetivos, hicimos 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, generamos ideas para el nuevo diseño de la web
Arquitectura de información
Luego seguimos 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.
AI Antes
AI Después
Layouts
Después de definir la arquitectura de información, trabajamos 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, empezamos 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 Metálicas Unión, 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, definimos 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 Metálicas Unión, se realizó el desarrollo del sitio web en Webflow:
Resultados
• Aumentamos las visitas orgánicas mensuales en 326%.
• Mejoramos la interacción de los clientes con los productos.
• Implementamos un formulario y configuramos un flujo para que los leads lleguen al correo.
“Lo que más me gustó de trabajar con Mauricio fue la facilidad en la comunicación, adaptación a las necesidades y que está constantemente detrás del proyecto. Se logró una mejor interacción de los clientes con nuestros productos”
Aprendizajes
• Para aumentar las probabilidades de cerrar una venta, hay que entregar valor antes del primer contacto con el cliente. Así demostramos que sabemos, construimos confianza e incrementamos el valor percibido de nuestro servicio.
• Es necesario tener un cronograma con plazos establecidos para cada proceso y reuniones agendadas con los clientes para que el proyecto avance adecuadamente. Muchas veces los clientes tienen otras prioridades y agendar reuniones o que envíen información se vuelve complicado si es que no tenemos un cronograma claro desde el inicio.
• En cuanto al contenido, es mejor conseguir la información a través de entrevistas con personas clave y redactarla que esperar que alguien nos la pase. Si es que esperamos que alguien nos pase la información, el proceso puede demorar y dependemos de otra persona.
• Es recomendable definir la estrategia de SEO que vamos a seguir antes de hacer la arquitectura de información, esta debe ir de la mano con los objetivos y planes para optimizar el SEO.
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.
