Create Your First Project

Start adding your projects to your portfolio. Click on "Manage Projects" to get started

.pro-gallery-wix-wrapper {display: block !important;} .pro-gallery-wix-wrapper .gallery-item-container {opacity: 1 !important; display: block !important;}

5411 Brique - Sitio Web

Tipo de proyecto

Diseño Web

Fecha

Octubre de 2025

Ubicación

Argentina

Acerca del proyecto

Rediseño del sitio web de 5411 Brique, una empresa de desarrollo inmobiliario que recientemente renovó su identidad visual y necesitaba una nueva web que acompañara esta evolución.

Proyecto de diseño web enfocado en crear una experiencia digital clara, estética y funcional para 5411 Brique. El objetivo fue transmitir la identidad de la marca a través de una interfaz moderna, limpia y cuidada, priorizando la usabilidad, la jerarquía visual y la navegación intuitiva. Trabajé en la estructura del sitio, el diseño de la interfaz y la adaptación responsive, asegurando una experiencia coherente y atractiva en todos los dispositivos.

Estructura y organización del contenido

Comencé el proceso realizando un boceto inicial en Figma, en muy baja fidelidad, con el objetivo de organizar la jerarquía de contenidos y definir la estructura general de las páginas. Esta etapa permitió explorar rápidamente la distribución de secciones antes de avanzar hacia definiciones visuales.

Definición de layout y contenido

A partir del boceto inicial desarrollé wireframes en baja fidelidad, utilizando guías de grilla para establecer una estructura clara del layout. En esta etapa se comenzaron a incorporar algunos textos y bloques de contenido para validar la arquitectura de la información y el flujo de navegación.

Selección de tipografía

Definí una selección de tipografía, con la elección posterior del cliente. Esta decisión permitió mantener coherencia con el branding de la empresa y reforzar una estética contemporánea alineada con el sector inmobiliario.

Creación de UI Kit

Participé en la creación de un UI Kit con sus componentes definiendo estilos, botones, tarjetas y otros elementos de interfaz. Este sistema permitió mantener consistencia visual en todo el sitio y facilitó el trabajo conjunto con el equipo de desarrollo durante la implementación.

Diseño de alta fidelidad e interacción

Finalmente desarrollé los wireframes de alta fidelidad, incorporando imágenes, color y tipografía para construir la interfaz final del sitio. Las pantallas incluyen interacciones y estados de navegación, pensados para mejorar la experiencia del usuario.

El diseño se realizó en colaboración con el equipo de desarrollo web, quienes trabajaron en la implementación del sitio. Una vez finalizadas las pantallas de escritorio, se diseñó también la versión mobile, y el proyecto pasó a etapa de desarrollo en código.

.pro-gallery-wix-wrapper {display: block !important;} .pro-gallery-wix-wrapper .gallery-item-container {opacity: 1 !important; display: block !important;}