Diseño de Intranet: Acción Panal

Acción Panal es un proyecto que nace de personas con una amplia experiencia en el mundo del corretaje, con una mirada en común y la firme intensión de generar cambios en la manera en que se lleva hasta el día de hoy la gestión inmobiliaria, introduciendo elementos diferenciadores que permitan profesionalizar la Industria y proyectar en el mediano plazo una nueva experiencia de compra venta.

Rol

UI Designer

Tiempo

6 Meses

Tools

Figma - Notion

Sector

Real estate

Contexto

Diseño de plataforma de servicio para agentes y corredores de propiedades, capaz de aportar valor agregado a su gestión. Permitiendo interactuar como un conjunto, generando sinergia en todo sentido, así logrando alcanzar rentabilidades importantes.

Proceso

Para la primera etapa el cliente específico el alcance del proyecto. Por lo cual, el equipo de desarrollo entregó la documentación correspondiente indicando con cuál flujo iremos avanzando, incluyendo historia de usuarios, referencias visuales de estructura, que pantallas tendremos que  mejorar. Como resultado, empecé a investigar la competencia para entender a qué patrones y funcionalidades están acostumbrados los usuarios.

De manera que en base a la información compartida por el cliente y equipo de desarrollo inicie a realizar las propuestas de wireframe de la mano con el wireflow.
La documentación entregada por el equipo de desarrollo me permitirá entender los objetivos principales de los usuarios en cada pantalla (Es importante que estas funcionalidades sean obvias y sencillas).
Los Wireflows me ayudarán a entender mejor los flujos de navegación, las interacciones entre pantallas y, en consecuencia, a desarrollar una mejor experiencia de usuario.

Concretando la mínima identificación visual

En consecuencia, una vez aprobados los flujos, contenido y esquemas. Inicie con la creación de la mínima identificación visual. Esto me ayudará a especificar tipo de estructura, estilo, imágenes, código cromático e iconografía para así lograr una mayor consistencia visual.

En esta etapa se implementó:
- Moodboard
- La regla 60 -30 -10 en el uso del color  
- UI kits

Propuesta 01

Porpuesta 02

Propuesta 03

Diseño UI

A continuación, una vez aprobada la propuesta de diseño, pasamos a como se vería el sistema terminado.
Propuesta Interfaz de usuario