Ficha de trabajo

hectorcampillay.com

Refresh UX/UI 30N Ventures — Home, Team, Insights & Companies

ID trabajo: Z855

Cliente: Tomas Denecken

Fecha de inicio: 29 Jul 2025

Fecha de inicio: 29 Jul 2025

Cliente: Tomas Denecken

[8] Bloques de trabajo

Prioridad:

Urgente

Nivel de cambio:

Significativo

Estimación:

56 HH

Team — Grid, filtros y perfiles

Notion page

Prioridad:

Urgente

Nivel de cambio:

Significativo

Estimación:

3 HH

Cambio de dominio 30n.vc → 30n.ventures (web + correos)

Prioridad:

Media

Nivel de cambio:

Moderado

Estimación:

18 HH

Home - Intro animada (antes de cargar la Home)

Prioridad:

Media

Nivel de cambio:

Moderado

Estimación:

22 HH

Home - Hero principal — Home

Prioridad:

Media

Nivel de cambio:

Moderado

Estimación:

26 HH

Key-insights — Home

Prioridad:

Media

Nivel de cambio:

Moderado

Estimación:

20 HH

Principios del fondo — Home

Prioridad:

Media

Nivel de cambio:

Moderado

Estimación:

28 HH

Insight-hub — Home

Prioridad:

Media

Nivel de cambio:

Moderado

Estimación:

24 HH

Spotlight Companies — Home (sección nueva)

Estimación y prioridad - Entrega estimada: 05 Sep 2025 (6 semanas)

Flujo de trabajo

Paso 1

Detección y benchmarking automatizado

Se inicia con la recopilación sistemática de referencias y tendencias mediante análisis competitivo y estudio de sitios de referencia (Antler, BVP, Apple). Se generan colecciones de inspiración con capturas e insights que sirven de base para la ideación.

Paso 1

Detección y benchmarking automatizado

Se inicia con la recopilación sistemática de referencias y tendencias mediante análisis competitivo y estudio de sitios de referencia (Antler, BVP, Apple). Se generan colecciones de inspiración con capturas e insights que sirven de base para la ideación.

Paso 1

Detección y benchmarking automatizado

Se inicia con la recopilación sistemática de referencias y tendencias mediante análisis competitivo y estudio de sitios de referencia (Antler, BVP, Apple). Se generan colecciones de inspiración con capturas e insights que sirven de base para la ideación.

Paso 2

Recopilación de requerimientos

Cada bloque de trabajo se documenta en un repositorio centralizado con listas de funcionalidades, enlaces a fuentes y objetivos de negocio. Se agrupan las tareas por sección y se priorizan según impacto y urgencia. Los requerimientos se vinculan a oportunidades identificadas en la investigación de usuarios y benchmarking.

Paso 2

Recopilación de requerimientos

Cada bloque de trabajo se documenta en un repositorio centralizado con listas de funcionalidades, enlaces a fuentes y objetivos de negocio. Se agrupan las tareas por sección y se priorizan según impacto y urgencia. Los requerimientos se vinculan a oportunidades identificadas en la investigación de usuarios y benchmarking.

Paso 2

Recopilación de requerimientos

Cada bloque de trabajo se documenta en un repositorio centralizado con listas de funcionalidades, enlaces a fuentes y objetivos de negocio. Se agrupan las tareas por sección y se priorizan según impacto y urgencia. Los requerimientos se vinculan a oportunidades identificadas en la investigación de usuarios y benchmarking.

Paso 3

Diseño y prototipos basados en versiones

En lugar de wireframes estáticos, se crean versiones interactivas que evolucionan iterativamente. Cada versión (v0.1, v0.2…) incorpora feedback y permite comparar soluciones y revertir cambios. Estos prototipos son navegables y sirven para validar conceptos con el cliente y el equipo sin necesidad de código.

Paso 3

Diseño y prototipos basados en versiones

En lugar de wireframes estáticos, se crean versiones interactivas que evolucionan iterativamente. Cada versión (v0.1, v0.2…) incorpora feedback y permite comparar soluciones y revertir cambios. Estos prototipos son navegables y sirven para validar conceptos con el cliente y el equipo sin necesidad de código.

Paso 3

Diseño y prototipos basados en versiones

En lugar de wireframes estáticos, se crean versiones interactivas que evolucionan iterativamente. Cada versión (v0.1, v0.2…) incorpora feedback y permite comparar soluciones y revertir cambios. Estos prototipos son navegables y sirven para validar conceptos con el cliente y el equipo sin necesidad de código.

Paso 4

Implementación iterativa 

Una vez validada una versión, se define un conjunto de tareas para implementación en Framer, accesibilidad y QA. Las tareas se vinculan a los requerimientos definidos anteriormente para asegurar trazabilidad.

Paso 4

Implementación iterativa 

Una vez validada una versión, se define un conjunto de tareas para implementación en Framer, accesibilidad y QA. Las tareas se vinculan a los requerimientos definidos anteriormente para asegurar trazabilidad.

Paso 4

Implementación iterativa 

Una vez validada una versión, se define un conjunto de tareas para implementación en Framer, accesibilidad y QA. Las tareas se vinculan a los requerimientos definidos anteriormente para asegurar trazabilidad.

Paso 5

Seguimiento y evolución 

Tras el lanzamiento se monitorizan métricas de uso y comportamiento. Se realizan retroalimentaciones periódicas con el equipo para evaluar la efectividad de cada versión y detectar oportunidades de mejora.

Paso 5

Seguimiento y evolución 

Tras el lanzamiento se monitorizan métricas de uso y comportamiento. Se realizan retroalimentaciones periódicas con el equipo para evaluar la efectividad de cada versión y detectar oportunidades de mejora.

Paso 5

Seguimiento y evolución 

Tras el lanzamiento se monitorizan métricas de uso y comportamiento. Se realizan retroalimentaciones periódicas con el equipo para evaluar la efectividad de cada versión y detectar oportunidades de mejora.

Directrices de la escala de nivel de cambio

Leve

Ajustes superficiales (color, tipografía, textos, micro‑interacciones) sin alterar la estructura ni flujos. Ideal para correcciones rápidas o actualizaciones de contenido.

Moderado

Rediseño visual o funcional de una sección manteniendo su estructura básica. Puede implicar cambios de layout o incorporación de componentes nuevos, pero sin reestructurar la navegación.

Significativo

Renovación profunda de la experiencia de usuario con reestructuración del contenido, creación de nuevas vistas o páginas y modificación de flujos. Requiere iteración con usuarios y coordinación entre diseño y desarrollo.

Total

Reemplazo completo de la sección o componente, desarrollando arquitectura de información y diseño desde cero. Se usa cuando el producto actual ya no cumple las necesidades o la propuesta de valor ha cambiado.