Cresci's

UX/UI Design
Frontend development

Proyecto desarrollado en dos etapas para el sitio institucional de CRESCI’S, una agencia creativa especializada en branding y experiencias digitales. En 2023 participé en la implementación frontend y el desarrollo de animaciones. En 2025, tras el rebranding de la agencia, desarrollé el rediseño UX/UI completo y la implementación del nuevo sistema visual.

Cresci's cover

Cliente

CRESCI’S Agency

Plataforma

Website institucional responsive

Rol

Frontend Implementation (2023) · UX/UI Redesign & Frontend (2025)

Industria

Branding · Agencia creativa

Usuarios

Empresas y marcas que buscan servicios de branding y experiencias digitales

Problema principal

La experiencia visual era potente, pero carecía de una estructura clara y un sistema visual consistente.

El Problema

Diagnóstico

El sitio existente funcionaba principalmente como un portfolio visual. Aunque el diseño tenía una identidad estética fuerte, la experiencia no comunicaba con claridad el posicionamiento del estudio ni el alcance de su trabajo. Como resultado, existía una brecha entre la calidad real del trabajo del estudio y la percepción que transmitía su sitio web.

Insights clave

  • La propuesta de valor no era evidente para nuevos visitantes.
  • Los proyectos se mostraban como una grilla visual sin contexto ni narrativa.
  • La arquitectura del sitio no explicaba claramente las capacidades del estudio.
  • La experiencia transmitía más la sensación de portfolio que la de un estudio creativo consolidado.

Objetivo

Rediseñar la experiencia del sitio para mejorar la claridad del posicionamiento, estructurar el portfolio de manera más estratégica y construir una narrativa que refleje el enfoque creativo del estudio.

Claridad en la propuesta de valor

Comunicar desde el primer contacto qué hace el estudio y qué tipo de proyectos desarrolla.

Reorganizar la arquitectura

Crear una estructura de navegación que permita comprender rápidamente las capacidades del estudio.

Contextualizar el portfolio

Presentar proyectos con mayor jerarquía visual y explicar el rol del estudio en cada caso.

Reforzar posicionamiento

Construir una narrativa de estudio creativo alineada con agencias internacionales.

Hipótesis

Si el sitio reorganiza su arquitectura y presenta el portfolio dentro de una narrativa clara de estudio creativo, será posible mejorar la percepción del valor del trabajo y comunicar mejor el posicionamiento de la agencia.

Investigación

Benchmark de estudios creativos

Se analizaron sitios de estudios creativos internacionales para entender cómo comunican posicionamiento, portfolio y expertise.

5

Sitios de estudios creativos analizados

12

Pantallas revisadas en el sitio actual

4

Problemas estructurales identificados

Hallazgos clave

  • Los estudios posicionan su propuesta de valor desde el hero.
  • El portfolio se presenta con contexto, rol y alcance del proyecto.
  • Las áreas de expertise permiten entender capacidades del estudio.
  • La narrativa del estudio refuerza identidad y cultura creativa.

Estrategia

Transformar el sitio de un simple portfolio en una plataforma de posicionamiento

A partir del diagnóstico y el research se definieron tres pilares estratégicos para el rediseño, orientados a mejorar la claridad del mensaje, jerarquizar el contenido y construir una narrativa de estudio más sólida.

Claridad de posicionamiento

Comunicar rápidamente qué hace el estudio y qué tipo de proyectos desarrolla desde el primer contacto.

Portfolio como eje

Los proyectos pasan a ser el contenido central de la experiencia, organizados con mayor jerarquía y contexto.

Narrativa de estudio

Introducir secciones que expliquen visión, cultura y áreas de expertise para reforzar identidad.

UX y Arquitectura

La estructura del sitio se definió a partir del proceso de decisión del usuario, conectando arquitectura y navegación con los objetivos de conversión.

Flujo de Usuario

Recorrido principal: desde el descubrimiento hasta el contacto

Descubrir Explorar proyectos Evaluar caso Confiar en el estudio Contactar

Arquitectura de la información

Estructura del sitio diseñada para organizar el contenido y guiar al usuario de forma clara desde el primer contacto hasta la conversión.

Diseño visual

Sistema visual

Sistema visual

Sistema de diseño centrado en tipografía, jerarquía visual y layouts editoriales para reforzar la identidad del estudio.

Diseño del sitio

Diseño del sitio

Rediseño completo del sitio priorizando claridad estructural y protagonismo del portfolio.

Implementación

El proyecto fue implementado con React y Next.js utilizando una arquitectura modular basada en componentes reutilizables. Esto permitió construir una base escalable y flexible para futuras iteraciones del sitio. Las animaciones fueron desarrolladas con GSAP para reforzar el carácter visual de la marca y acompañar la experiencia de navegación sin comprometer claridad ni performance.

Impacto del producto

El rediseño se enfocó en mejorar la claridad del posicionamiento del estudio, organizando el contenido en una narrativa más estructurada y estratégica. La nueva arquitectura permite comprender rápidamente qué hace la agencia, qué tipo de proyectos desarrolla y cuál es su enfoque creativo.

Mejora en la experiencia

  • La propuesta de valor del estudio se entiende desde el primer contacto.
  • Los proyectos se presentan con mayor contexto y jerarquía visual.
  • La nueva arquitectura permite comprender rápidamente las capacidades del estudio.

Valor del producto

Posicionamiento más claro

El sitio comunica desde el inicio qué hace el estudio y qué tipo de proyectos desarrolla.

Portfolio con mayor contexto

Los proyectos ahora incluyen información que explica el alcance del trabajo y el rol del estudio.

Experiencia más estructurada

La nueva arquitectura facilita entender el enfoque y las capacidades del estudio.

Aprendizajes del proceso

El posicionamiento es estructural

La percepción de un estudio creativo no depende solo del diseño visual sino de cómo se organiza la narrativa del sitio.

El portfolio es el producto

En estudios creativos, el trabajo debe ocupar el centro de la experiencia digital.