Cotización Angélica Rodríguez

Objetivo:

Diseñar un prototipo de alta fidelidad en Figma que represente la experiencia de usuario (UX) y la interfaz de usuario (UI) para una plataforma digital de recetas familiares.

El prototipo permitirá visualizar y validar la arquitectura de la información, los flujos de interacción y el diseño visual final antes de la etapa de desarrollo.

Servicio:

Diseño UX/UI

Enfoque: investigación, arquitectura y validación de la experiencia.

  • Research exploratorio: análisis de benchmarking y tendencias para comprender el contexto del usuario final.

  • Definición de user personas y protopersonas: representación de arquetipos de usuarios que guiarán las decisiones de diseño.

  • Mapa de experiencia de usuario (user journey map): identificación de los puntos de dolor y oportunidades en el flujo de interacción.

  • Arquitectura de la información: estructuración lógica de secciones y jerarquía de contenidos (ej. landing, repositorio, dashboard).

  • Wireframes de baja fidelidad: bocetos funcionales en blanco y negro para validar estructura sin distraer con estilo visual.

  • Prototipado funcional inicial: flujo navegable básico para pruebas internas.

  • Testing y validación de usabilidad: iteración con usuarios para recoger feedback y optimizar antes de pasar al UI.

Enfoque: identidad visual aplicada a la experiencia.

  • Moodboard visual: exploración de referentes alineados al logo, colores y tipografías existentes.

  • Definición de sistema de diseño: componentes reutilizables en Figma (botones, formularios, cards, menús).

  • Wireframes de alta fidelidad: aplicación de estilo visual, colorimetría, tipografía y grid system.

  • Prototipo navegable en Figma: interacción realista de todas las pantallas (inicio, login/registro, dashboard, subida de recetas, repositorio, vista individual).

Nota aclaratoria:

Para dar inicio al proceso el cliente deberá haber entregado lo siguiente:

  1. Documento de estrategia de marca o Brief diligenciado.
  2. Identidad visual (logo, fotografías, paleta de color, tipogafías, manual de marca, recursos gráficos, etc.) – Nota: los archivos del logo deberán estar en Adobe Illustrator.
  3. Textos finales de cada página.

Fase 1

Research & Descubrimiento

  • Reunión de alineación: hablaremos sobre expectativas y datos relevantes para el inicio del proceso.

  • Benchmarking: análisis de referencias, buenas prácticas y competidores en plataformas similares.

  • Definición de usuarios: creación de user personas / protopersonas basadas en el público objetivo.

  • User Journey Mapping: identificación de puntos de dolor y oportunidades en el recorrido del usuario.

Entregables:

  • Insights de benchmarking
  • User personas
  • Mapa de experiencia preliminar

Fase 2

Arquitectura de la Información

  • Sitemap: definición de jerarquía de pantallas y navegación global.

  • User flows: diagramas de flujo que muestran cómo el usuario interactúa con el sistema (ej. registrar receta, explorar recetas).

Entregables:

  • Arquitectura de información
  • User flows validados

Fase 3

Wireframes de baja fidelidad

  • Creación de wireframes en blanco y negro para todas las pantallas principales (home, login, dashboard, formulario, listado de recetas, detalle de receta).

Entregables:

  • Wireframes low-fi en Figma

Fase 4

UI Design System

  • Moodboard visual: selección de referentes alineados a la identidad visual.

  • Guía de estilos inicial: definición de tipografías, paleta de color, grid system y espaciados.

  • Componentes en Figma: botones, formularios, tarjetas, menús, iconografía.

Entregables:

  • Design System inicial en Figma (base visual para todas las pantallas).

Fase 5

Wireframes de alta fidelidad

  • Aplicación del diseño visual completo sobre los wireframes.

  • Diseño de 8–10 pantallas en detalle (home, login/registro, dashboard, formulario, repositorio, receta individual, perfil, etc.).

Entregables:

  • Pantallas en alta fidelidad en Figma

Fase 6

Prototipo interactivo

  • Conexión de pantallas en Figma para simular navegación real.

  • Definición de transiciones y microinteracciones básicas (ejemplo: hover en botones, feedback visual en formularios).

Entregables:

  • Prototipo navegable en Figma listo para validación.

Fase 7

Validación & Ajustes

  • Presentación del prototipo.
  • Pruebas de usabilidad.
  • Incorporación de feedback en hasta 2 rondas.

Entregables:

  • Versión final del prototipo.
  • Design System actualizado.

Fase 8

Entrega final

Entregables:

  • Link al prototipo navegable en Figma.

  • Archivo de Figma organizado con páginas, capas y componentes.

  • Design System documentado dentro del archivo.

No estará incluido:

  • Desarrollo web en WordPress u otra tecnología.
  • Implementación de backend, hosting o base de datos.
  • Branding adicional (ya que se utilizará el logo, colores y tipografías existentes).

Presupuesto:

$1.500.000 COP

Este monto se podrá pagar en dos cuotas de $ 750.000 COP cada una, el primer pago se hará al inicio del proyecto y el segundo pago al finalizar el mismo (aproximadamente después de 1 mes del primer pago).

Nota:

El cronograma detallado de las fases se entregará junto con el contrato una vez aprobado el presupuesto. La duración estimada es de 5 a 7 semanas (1 mes y medio aprox.)

© 2025
theversusclub.com