6 meses
Proceso de rediseño de la landing
Aquí tendríamos la landing del cliente antigua, se va dar un toque mas «techy» para atraer y llamar la atención sobretodo de publico jóven, nos interesa puesto que las nuevas generaciones optan por herramientas que simplifiquen las tareas y en este caso queremos que se encuentren con una landing de producto que sea fresca.
Con el cambio y redefinición de colores además de implementar videos como ejemplo de usos, conseguimos incrementar en un 20% el volumen de usuarios que nos entran a la web, además se implementa el uso de Blog para además aportar contenido de valor , posicionar respecto a la competencia.
El proceso pasó del rediseño en Figma a implementarlo en Wordpress con el tema Hello y una plantilla desde 0 , realizamos tema hijo para poder mantener cambios que se realicen tanto en html, CSS o Javascript en caso de actualización,
Por la necesidad de extender los campos para las entradas se recurrió a CPT, de este modo podíamos crear campos que se adaptasen a las necesidades del blog, además de la creación de plantillas de bucle para que sólo se tuviera que editar una vez y rellenar con etiquetas dinámicas.
Proceso de rediseño de la landing
Al rediseñar la landing era necesario que hubiera una coherencia con el producto , así mayormente se adaptó a una estética acorde a la marca.
Se crea los componentes y guía de estilos basándonos en el Atomic Desing, para permitir que si el diseño escala en un futuro, podamos reutilizar los componentes si nos es necesario.
Para tener todo bien documentado y tener la facilidad de realizar cambios desde la base si en un futuro lo requiere, aplicamos diferentes variables conocidos como los desing tokens, tanto para los colores, fuentes, radius, spacing, etc… de este modo el equipo de desarrollo está en armonia con el equipo de diseño puesto que todos trabajan bajo el mismo código de diseño.
Nos ayudamos en este caso de Figma Make para que nos dé una idea de cómo enfocar el cambio, después se interpreta y adapta a nuestro estilo.
Las nuevas interfaces son propuestas para luego llevar a cabo, pero no son las definitivas , con lo que aún son susceptibles de cambios.
