WEB – UI/UX
Realnaut
Línea Gráfica Web
Identidad de Marca | Identidad Visual | Desarrollo Web
El proyecto consistió en el desarrollo de la línea gráfica de la imagen de marca y posteriormente desarrollandola para la pagina web.
Proceso Creativo
Fue dificil centrar la idea creativa ya que al principio no estaba cerrada la Estrategia de marca, entonces hicimos varias pruebas mientras avanzaba el estudio de marca para ir a la par con el desarrollo web.
Project Details
Client Name
RealNaut
Project duration
3 Months
SkilLs
Figma, UI/UX
Estrategia
Para poder desarrollar una estrategia a seguir trabajamos en el estudio de referencias visuales y en la historia de la marca, en centrar la misión, visión y objetivos, desarrollamos una idea de manifiesto inicial que marcaría el desarrollo gráfico de la misma y posteriormente la Copy le termino de dar forma para incluirlo en la pagina web.
MANIFIESTO:
Manifiesto/ Historia de marca
La marca nació de la necesidad de crear un proyecto Real, de no perder esa parte tangible y cercana con la digitalización, por eso el significado de la marca nace de recorrer un viaje, de navegar.
En este viaje encontramos la Formula Real para poder transformar tu mundo. Las hacemos llamar los Catalizadores, porque catapultan tu proyecto dando con la solución que necesitabas.
Nos hacemos llamar Real – Naut, los navegantes reales, porque en este viaje queremos tanto acompañar de la mano a nuestros clientes en su proceso de motorizar su futuro, como también nos preocupamos por nuestra gente desarrollando un proyecto de negocio y de vida.
Esto nos hace ser los primeros innovadores de nuestro sector, creando una comunidad de expertos en la materia.
Así que te invitamos a recorrer este viaje con nosotros de la mano para alcanzar el nuevo horizonte tecnológico.
UI/UX Design
Desarrollamos la estructura y pasamos a hacer los primeros wirefrimes, exploramos distintos movimientos y navegación. Para testear la primera idea desarrollamos un Producto mínimo Viable (MVP), antes de desarrollar una web con más calidad.
A nivel gráfico primero exploramos una línea más atrevida al estilo retro al de los videojuegos antiguos, fue muy divertido porque buscamos tipografías muy cuadradas y molonas y creamos el primer prototipo con estas ideas iniciales.
Desarrollando la idea en un MVP Inicial
Moodboar-referenciasweb-realnaut
Storyboard_RealNaut
Explorations+wirefames
Protoype1_RealNaut
Estructura
Protoype2_RealNaut
Visual Design
Seguimos la Imagen corporativa creada para la marca en exclusiva donde los colores representan la historia y estrategia de la empresa, el verde significa el talento y la parte más aspiracional y el azul la parte más seria, empresarial y tecnológica.
PANTONE 3272
PANTONE 2736
Aa
Jost Regular 32pt
Jost Regular 24pt
Jost Regular 16pt
JOST Bold 14pt
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Cras ultricies ligula sed magna dictum porta. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Sed lectus nibh.
Diseño de Paginas finales en Figma
Home
Viaje
Soluciones
Unete
Contacto
Pagina 404-v3
Pagina 404-v4
Pagina 404-v2
UIKIT
Resultado Final
Después de varios desarrollos de prototipo y con la estrategia más avanzada, llegamos a una línea gráfica final más centrada con la imagen corporativa de una empresa tecnológica.
Con esta nueva línea creamos las pantallas finales en junto con el equipo de desarrollo.
El Resultado final es una web divertida, fresca y con ese toque techi que queríamos reflejar.
Pagina Final Subida a la Red por desarrollo
Todos los derechos de imagen de marca pertenecen a Realnaut Marca registrada.