Proyecto 02 – Diseño de Micrositio y Prototipado App Móvil.


PROYECTO 02     |   GRUPAL   |    10%  


DISEÑO DE MICROSITIO PROMOCIONAL PARA APLICACIÓN MÓVIL CON TEMÁTICA SOCIAL + PROTOTIPADO DE APP MÓVIL.

 

 

Temática: Libre.

Concepto: El mismo de la aplicación o definir uno nuevo si fuera necesario.

Proceso: Investigación, bocetería, análisis de flujo de navegación entre pestañas, definir estructura y retícula (grid), recolección del contenido, aplicación de principios del diseño para diseño del micrositio.

Descripción General: Realizar el proceso completo para el diseño de un micrositio promocional para su aplicación móvil con temática social, que contenga 4 pestañas internas con un flujo de navegación definido, información (previamente clasificada) sobre la temática y la aplicación móvil que se está promocionando. Debe cumplir con un objetivo de comunicación (también definido por el grupo y de preferencia con procesos internos para la navegación del usuario).

Contendido: Textos (información), fotografía(s), línea gráfica, iconografía.

Criterios: Claridad en el objetivo del micrositio, creación de una estrategia de marketing, funcionabilidad de la App y el micrositio, creatividad e innovación en el diseño, excelente ortografía y redacción.

Condiciones: Actividad grupal.

  • Puntualidad con el horario de entrega 
  • Elementos multimedia interactivos 
  • Diseño competitivo 
  • Calidad en la entrega

Documento de soporte: Reunir todo el proceso de diseño, desde la investigación, a la bocetería y resultado final. Entrega en formato PDF, diseñado con la línea grñafica definida previamente. 

Importante: El documento y presentación digital deben ser diseñadas por el grupo. No se permite el uso de plataformas como Canva para solucionar ninguna parte del proyecto.

Puntos a realizar: 

  1. Investigación sobre Micrositios.
  2. Proceso de diseño (conceptualización, bocetería y desarrollo) para Micrositio para promocionar su App Móvil.
  3. Flujos de Navegación de Micrositio (4 pestañas).
  4. Sistema de Diseño (propio).
  5.  Wireframes y Diseño de Micrositio

 

Cronograma de la actividad:

Investigación general y completa sobre Micrositios.

Proceso de Conceptualización y Diseño + Flujos de Navegación.

Diseño de Micrositio + S.D.D. para Micrositio y App Móvil.

Wireframes + Entrega y Exposición de Proyecto.

Semana 07 
(del 11 al 16 de septiembre)

Semana 08 
(del 18 al 23 de septiembre).

Semana 09 
(del 25  al 30 de septiembre).

Semana 10 
(del 02 al 07 de octubre).

 

S07 – Investigación General de Micrositios.

  1. Investigación: Realizar una investigación en relación a Micrositios; datos generales, aspectos informativos, datos de interés, tipos de micrositios, partes de un micrositio, categorías, dimensiones, objetivos, usos y ejemplos de micrositios del interés del grupo.

 


 

S08 – Proceso de Conceptualización y Proceso de Diseño.

  1. Concepto de diseño: Idea principal que definirá el enfoque y mensaje a comunicar a través del diseño
  2. Racional: Explicación breve y puntual (pero significativa) del concepto.
  3. Flujo de Navegación: Definir dos flujos de navegación (1 de proceso y 1 de estructura) para micrositio y app.
  4. Proceso de Diseño: Bocetería de páginas (indicadas anteriormente), maquetas manuales y digitales, iconografía, pruebas de composición y diagramación de todas las pestañas del micrositio.

 


 

S09 – Wireframes y Diseño de Estructuras de Micrositio.

  1. Propuesta de Diseño: Realizar el proceso de diseño digital de todas las estructuras definidas en el proceso de bocetería, colocando los elementos de diseño finales (reales) y con la información que será publicada.
  2. Wireframes: Digitalizar una maqueta final por cada pestaña colocando la retícula y aplicando todos los aspectos aprendidos en clase.
  3. Opcional – Bocetos, esquemas, diagramas: Por si se necesita presentar o explicar algo que se comprendería mejor por medio de alguno de estos recursos de representación.
  4. Propuesta final para entrega: Diseño de micrositio y aplicación de Sistema de diseño a ambos (micrositio y app móvil).

 


 

S10 –  Entrega y Presentación.

  1. Wireframes y diseño final de micrositio completo (Home y 4 pestañas). 
  2. Documento de soporte con todos los puntos del proyecto. En formato PDF y con las siguientes indicaciones: 

a. Entrega de documento en formato PDF que contenga los siguientes puntos:

  1. Investigación.
  2. Conceptualización.
  3. Proceso de Diseño.
  4. Wireframes.
  5. Propuesta Final.

Portada de documento PDF

  1. Nombre asignatura.
  2. # Grupo de clase.
  3. # Grupo de trabajo.
  4. Listado de integrantes + Porcentaje de colaboración.
  5. Fecha de entrega.

Ejemplo listado de integrantes:

Apellidos, Nombres | Estudiante 01 – 100%
Apellidos, Nombres | Estudiante 02 – 100%
Apellidos, Nombres | Estudiante 03 – 60%
Apellidos, Nombres | Estudiante 04 – 80%
Apellidos, Nombres | Estudiante 05 – 0%

Porcentaje es la base de evaluación de cada integrante. No hay cambios de porcentaje después de la entrega.


Enviar en Aula Digital | Proyecto 02 Entrega Final - Documento en formato PDF ( 1 representante de grupo únicamente. No olvidar incluir portada con porcentajes de colaboración)

SEMANA 10: Antes de la hora de inicio de su clase (sesión sincrónica).

 


Video-resumen detalles actividad.

 

 


Video de referencia para Flujogramas.

 

 


Clase de la Semana sobre Micrositios y Sistemas de Diseño.

 

 


Ejemplos de flujos de navegación

 

Ejemplos de clas:

 


Ejemplos de Micrositios

 

 

 

 

 


<< Regresar a principal


Enlaces adicionales.

Sitio Web | Blog
Podcast | Newsletter
Grupo de Facebook
Paletas cromáticas
Comunidad Creativa
Wikis | Roadmap


© TITO CAMPOS  |  titocampos.com  | Todos los derechos reservados. El Salvador.