Introducción
Junto a Ucrop.it, hicimos el diseño y desarrollo de una landing page, principalmente implementando el concepto de diseño Mobile First, esto quiere decir que estaba enfocada casi en su totalidad a usuarios que ingresaban desde un celular. ¿Por qué? Esto fue ya que estaba pensado para que el tráfico provenga en casi un 95% desde el escaneo de un QR, por lo que muy rara vez, alguien vería esto desde otro dispositivo.
Todo en 3 etapas…
Behavioural Science
Lo primero que hicimos fue realizar un research del target que consumirían el contenido, Además, entendiendo que esto sería una web mobile first, hicimos foco en la experiencia desde dispositivos móviles. Luego, con wireframes, prototipos y testeos, pudimos descartar opciones y avanzar con las opciones que más se acercaban a la mejor solución.
Nuestro desafío
El desafío que tuvimos en esta ocasión fue el diseño y desarrollo de una landing page que accionaba junto a copartners de nuestro partner Ucropit, donde al escanear un QR desde una lata, llevaría al usuario a esta landing. El foco, como siempre, estuvo centrado en el usuario, para que tenga una correcta experiencia y de fácil acceso a los contenidos que deseará visualizar.
Planificación
Nuestra propuesta fue la creación de una landing page, donde con un scroll se visualizarían cada una de las secciones. Desarrollamos un producto que terminaría siendo meramente Mobile friendly para el usuario.
¡A desarrollar!
¡A desarrollar!
¡A desarrollar!
¡A desarrollar!
¡A desarrollar!
¡A desarrollar!
¡A desarrollar!
¡A desarrollar!
¡A desarrollar!
¡A desarrollar!
Armamos todo el material, dentro de la biblioteca de JavaScript React, utilizando Next.js como framework. Para dar estilos utilizamos Sass aprovechando la versatilidad que nos brindan las variables, donde conseguimos un código escalable y fácil de iterar en posibles features. También se trabajo en conjunto mediante GitHub y haciendo deploy en Vercel para que el cliente pueda ver avances dentro de un stage.
