Checkmap

Checkmap es un sistema que permite llevar el control de entrada y salida de los trabajadores monitoreando su hora de registro y ubicación por medio de una app por lo que requería de un logotipo y el diseño de una landing page para promocionarlo.

La primer tarea que hice fue crear el logotipo así que comencé un pequeño Benchmark sobre la competencia y analizar no solo sus buenas prácticas, sino también sus logotipos para crear uno que diferencie Checkmap en el sector.

Posteriormente, comencé el bocetaje de las ideas para el logotipo. Una vez que generé dos propuestas que reflejaran la esencia de Checkmap, comencé a trazarlos en illustrator para presentarlas al equipo.

Para la construcción del logotipo, fusioné el icono de Wifi, el pin de googlemaps y la letra C para hacer referencia al funcionamiento de Checkmap el cual es el monitoreo de los trabajadores a través de su celular y la letra “C” por el nombre del proyecto.

Una vez elegido el logotipo, inicié el flujo de usuario de su landing page. Decidí poner una sección que describiera el servicio que ofrece Checkmap, sus características, beneficios, lista de planes con sus costos y  un formulario de contacto para atender cualquier duda del usuario.

Para mostrar el flujo me basé en un wireframe para mostrar la estructura que llevaría la landing page y una vez aprobada, comenzaría el diseño del mockup para su obtener el VoBo e iniciar con el desarrollo frontend.

Para el desarrollo, utilicé el framework llamado Bootstrap ya que me permite construir un producto de manera más rápida con los componentes que cuenta y solo me enfoqué en adaptar el aspecto a la propuesta gráfica.

En la fase final, entregué el desarrollo a un desarrollador backend para hacer funcional el formulario y subirlo a un host.