Portafolio by Mauricio Serliud

Mauricio Serliud Pavón Rodríguez DISEÑADOR GRÁFICO PORTAFOLIO 2015

HOSPITAL 197 COL VILLASEÑOR CP 44120

mserliud@gmail.com mserliud@gmail.com

33-17-21-08-25

INDICE ACM DISEÑO WEB RUTA TURISTICA LUIS BARRAGAN

KOMANDA REDISEÑO DEL SISTEMA DE CONTROL DE COSTOS PARA RESTAURANTES

ROMA 18

IDENTIDAD Y SITIO WEB PARA DESPACHO JURÍDICO

ELECTRICOM CNCURSO IDENTIDAD Y CAMPAÑA PARA EL XVI ELECTRICOM

mserliud@gmail.com

33-17-21-08-25

INDICE (cont...) MOON CHERRY REDISEÑO DE IDENTIDAD Y SITIO WEB

DOMITILA ILUSTRACIÓN Y DISEÑO EDITORIAL

LA CASA DE LA ABUELA DISEÑO 3D INTERFASE PARA APLICACIÓN DE IPAD

LA CASA DE LA ABUELA SKETCHBOOK VER 1.0

mserliud@gmail.com

33-17-21-08-25

TOUR LUIS BARRAGAN GUADALAJARA IDENTIDAD / WEB PARA RUTA TURÍSTICA

ACM

Desarrollo de la identidad, el diseño y la programación del sitio de la ruta Turística: “TOUR LUIS BARRAGAN GUADALAJARA” realizado para la agencia ACM, con sede en Guadalajara, en el dominio http://www.tourbarragan.com el tour es unaruta guíada a las obras más representativas del arquitecto ganador de un premio Plitzker en su ciudad natal, el proyecto consistió en un sitio web responsivo de scroll infinito (una sola pantalla), navegación por secciones y efecto pharallax basado en Ajax que permitiese la compra online de entradas para la ruta, así como la elaboracíon de un logotipo y una linea de diseño para el diseño de material auxiliar para la comunicación del proyecto a través de medios digitales y tradicionales.

mserliud@gmail.com

33-17-21-08-25

Descripción del sitio: Un slideshow en paralla x que permita una rápida previsualización de los alcances de la ruta

Un menu flotante que permite navegar a través de las secciones de la página de scroll infinito

Desarrollo, diseño y producción de Un video que promocione la ruta, se incrustó en Vimeo, para reducir el consumo de datos en el host web.

Breve biografía del arquitecto con scroll parallax que permite una navegación disfrutable.

mserliud@gmail.com

33-17-21-08-25

Slideshow con una galeria de más de 200 imagenes originales, tomadas exclusivamente para promoción de la ruta.

M a pa d e la r ut a , que p er mite precargarse desde google maps, a través de la web movil.

Un tablero Jquery que muestra datos sobre el dinero recaudado para conservación de la obra

3 tipos de recorrido, diseñados para tres tipos de mercado: Estudiantes Entusiastas Profesionales El sitio permite la compra en linea a través de paypal.

Navegación social a través de una sección pharallax

Fichero de c ontac to PHP, c on sistema de autorespuesta y gestor de correo másivo a través del backend

Notas Legales y pie de página que lleva al sitio de la agencia ACM..

mserliud@gmail.com

33-17-21-08-25

KOMANDA REDISEÃ&#x2018;O PARA EL SISTEMA DE CONTROL DE COSTOS DE RESTAURANTES

DISEÑO DE INTERFASE UX / UI Maquetación para el rediseño de el sistema de control de costos para la empresa Komanda Software, la intención del proyecto era modernizar la interfase y adaptarlo a la interfase metro de windows 8, haciendolo más gráfico e intuitivo. El proyecto incluyo la creación de un prototipo funcional (basado en flash) asi como la creación de 207 íconos exclusivos de la aplicación, se tomo como referencia la interactividad de las plataformas web y el sistema Android; esto con la intención de hacerlo más intuitivo para el público meta (gerentes y empleados de restaurantes) quienes generalmente suelen tener un nivel básico de computación y no gustan de aprender comandos complicados. Asimismo se tomo una paleta colorida y un sistema de elementos en flat-design para lograr una apariencia moderna y accesible.

mserliud@gmail.com

33-17-21-08-25

Evidentemente a la aplicación no le habían hecho bien los años. Manteniendo un diseño con una PERIODO COMPRAS estética XP desde 1998, la UI/ REQUISICIONES TRASPASOS UX era más bien deficiente, si PRODUCCION VENTAS bien el programa cumplía las EXCEPCIONES INVENTARIOS funciones que los usuarios finales INVETARIOS SUBRECETAS requerían generaba muc has RECETAS PRODUCTOS llamadas a soporte técnico el CUENTAS DE COMPRA resolver como se hacían algunas GRUPOS DE VENTA TIPOS DE EXCEPCION de las funciones menos básicas CENTRO DE COSTOS PROVEDORES CLIENTES del sistema, los usuarios no UNIDADES USUARIOS identificaban la funciónes de los AYUDA íconos y en general la experiencia de uso era en el mejor de los casos, deficiente. ABRIR

: Control de costos

1400X50

(1400 x 900) 1200X800

(6 x 4) 200X200 50x800

1400X50

Se tomarón como referencia las interfases móviles de mayor uso para el usuario final (facebook, Android, iOS, Windows) para diseñar una interfase amigable para el usuario a nivel estético con una curva de aprendizaje menor, La paleta de colores está basada en Metro (la interfase de Windows 8 .1) ya q u e e s t á a p l i c a c i ó n saldría unicamente para este sistema operativo y los íconos diseñados específicamente para este proyecto, están basados en material design de Android y la interfase swift de iOS, todo con la intención de brindar familiaridad al usuario.

Control De Costos

CDC

Ayuda

Movimientos Periodo Actual

Ventas del Periodo

21-agosto-2014

PERIODO

Ingreso

Fecha

Factura

Importe

Hora

COMPRAS

#####

21/08/14

000021

Centro de Costo

$0.00

00:00:21

REQUISICIONES

#####

21/08/14

000022

$0.00

00:00:22

TRASPASOS

#####

21/08/14

000023

$0.00

00:00:23

PRODUCCION

#####

21/08/14

000024

$0.00

00:00:24

VENTAS

? PERIODO COMPRAS REQUISICIONES TRASPASOS PRODUCCION

EXCEPCIONES

VENTAS

INVENTARIOS

EXCEPCIONES INVENTARIOS AYUDA

CLIENTE: VIP

VENDEDOR: UNICO

Indice

Caja Sonora [U.C]

mserliud@gmail.com

[Backdoor]

33-17-21-08-25

Acerca

Cerrar

Ayuda Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus

Ayuda

Viernes, Junio 27, 2014

12:43PM

CDC Movimientos

CDC

Periodo Actual

Movimientos PERIODO COMPRAS Actual Periodo REQUISICIONES

PERIODO TRASPASOS PRODUCCION COMPRAS

Ventas del Periodo Ingreso

Fecha

Factura

#####

21/08/14

000021

Ventas del Periodo ##### 21/08/14 000022

Ingreso21/08/14 Fecha 000023 Factura #####

#####21/08/14 21/08/14 ##### 000024 000021

VENTAS REQUISICIONES

#####

21/08/14

000022

EXCEPCIONES TRASPASOS

#####

21/08/14

000023

INVENTARIOS PRODUCCION

#####

21/08/14

000024

Se le dió un tratamiento VENTAS especial a la tipografía, se uso la fuente Avenir Next, que muy legible y al pertenecer a la familia Sans EXCEPCIONES Serif prorcionaba una percepción más amigable INVENTARIOS que la Times anterior..

Tambien se diseño un render del funcionamiento de la interfase, para que el proceso de programación fuera mucho más intuitivo.

CLIENTE: VIP

Vínculo del prototipo en linea:

https://youtu.be/Azl3nanaqdM

mserliud@gmail.com

Los íconos en Flat fueron cuidadosamente d i s e ñ a d o s e n SVG p a r a p e r m i t i r s u escalabilidad sin perder resolución, al mismo tiempo reducir el peso de la interfase y permitir una futura adaptación a plataformas móviles

33-17-21-08-25

ROMA IDENTIDAD / WEB PARA DESPACHO DE ABOGADOS

ROMA JURÍDICO

Creación de una identidad seria para un pequeño despacho especializado en atención a personas físicas, cuyos valores son: transparencia, humanismo, experiencia e integridad. La creación de la marca tomo el humanismo de el derecho romano como base para la asociación con las iniciales de los socios del despacho creando un acrónimo identificable y un isologotipo en carácteres humanos para darle un aire más amable a la identidad, el marco hace una referencia al los parametros legales, remarcado por el slogan “ABOGADOS CON INTEGRIDAD. Se diseño asimismo una web con una identidad basada en el instinto animal de protección el proyecto parte de la idea de mostrar al despacho como alguién en quien puedes confiar tus problemas legales, ya que el usuario meta suele ser muy desconfiado de contratar servicios legales en pequeños despachos.

mserliud@gmail.com

33-17-21-08-25

Además de la identidad y el sitio móvil se diseñarón gráficos geométricos secundarios basados en los valores del despacho, así como graficos de apoyo en alta resolución lo cual permite realizar impresiónes de gran formato sin perder resolución (Gigantografía, Vynil de alta Resolución y Espectaculares) y renderizados de su previsualización aplicada.

mserliud@gmail.com

33-17-21-08-25

El sitio web era informativo unicamentem, contenia datos de contacto, formulario para mensajes e informaciĂłn del despacho, era completamente responsivo por lo que podĂa visualizarse en TelĂŠfonos o Tabletas sin perder legibilidad o experiencia de uso.

mserliud@gmail.com

33-17-21-08-25

CONCURSO CAMPAÑA XVI ELECTRICON 2015 MENCIÓN HONORÍFICA

DISEÑO DE CAMPAÑA IDENTIDAD/ WEB

Dirección Creativa para el concurso de la campaña electricon XVI, organizada por el departamento de diseño de la UDG, tomando como referencia la energía y la construcción se proyecto una campaña basada en estrategias de marketing directo y social media, centrandose en cautivar al nicho de los profesionistas del medio y las empresas energéticas, se elaboró una serie de aplicaciones, así como estrategías para activar la campaña. El slogan de la campaña fué “EL INGENIO QUE MUEVE AL MUNDO”, cuya intención era persuadir al publico meta (en su mayoría ingenieros y arquitectos a través de una alusión al EGO de los ingenieros, el cuál es un denominador común dentro de el humor especializado en las ramas. Así mismo mostrar una gráfica corporativa y limpia que resalte la belleza de los elementos de la arquitectura energética, a través de capturas en ángulos artísticos de estructuras de la industria y frases sobre el valor de la misma.

mserliud@gmail.com

33-17-21-08-25

aña para

rendizaje

Creando una identidad:

los alumnos antitativos y cualitativos visuales, que ayuden a municación, a través del elementos lingüísticos a dios en entorno de una

El objetivo principal es lograr aumentar la asistencia por encima de la estadística de los últimos años, alineando la campaña con los objetivos de ACOEO. A.C., llegando a una cifra de por lo menos 3741 asistentes.

Electricón es el evento que capacita tanto a propietarios como a ingenieros y personal de las empresas constructoras electromecánicas que buscan estar al día y tener información fresca en la cual apoyarse para la realización de obras más innovadoras, negocios más rentables y en consecuencia lograr un México con mayores oportunidades

o ceso

TARGET

Durante la edición 2015 del ELECTRICÓN será enfoca da en el campo de los profesionistas y contratistas, persuadiéndolos de que la “XVI ELECTRICÓN 2015” es la mejor inversión que pueden hacer.

Para crear la identidad de la campaña se implementó una paleta de colores institucionales. El amarillo por sus cualidades estéticas relacionadas conceptualmente con la energía y psicológicamente con la alegría, en segundo nivel jerárquico está el negro que brinda contraste en conjunto con el amarillo y le otorga un nivel más ejecutivo y elegante, el naranja toma referencia a la construcción y la campaña del 2014, se usará para acento de color e identificador de las conferencias.

Energía

Construcción

Industria

Hex: #FECE00

Hex: #E84E1D

Hex: #000000

PANTONE 7404

PANTONE ORANGE 021

BLACK

¿Cuál es el reto?

Público Objetivo Adultos de 18 años en adelante. Habitantes del Estado de Jalisco y de entidades en donde hay asociaciones regionales de constructores electromecánicos. La población destino engloba necesidades variadas y extensas en material y equipo eléctrico, para construcción, trabajos de ferretería, hidráulica, iluminación, seguridad industrial, logística, etcétera.

CAMPAÑA App

Etapa persuasiva Se usarán imágenes con ángulos artísticos de construcciones eléctricas para dar un toque estético y resaltarel valor y la importancia de estos en la sociedad, así como de las personas encargadas de hacer que esto funcione, la intención es aludir al orgullo ya que es conocido que ingenieros, empresarios y arquitectos tienden a tener una visión personal muy elevada, la campaña se aprovechará de esto para persuadirlos que el “XVI ELECTRICÓN 2015” es fundamental para su persona.

Perfil Profesional

Aprovechando la creación de una aplicación movil e incentivando el uso de la misma, el actual concurso para ganar un vehículo se tendría que hacer mediante una dinámica que requiera de la misma, lo cuál nos permitirá además de promover el uso de la misma, el obtener una base de datos importante, para campañas futuras

Videos persuasivos Se realizará un spot de video de aproximadamente 1-3 minutos, mismo que se dividira en segmentos de 30segundos, que se publicarán digitalmente a través de una cuenta de pago en youtube y tambien se dará feed via facebook.

Social Media Un buen servicio de Comunitty Management a través de nuestras diversas cuentas, así como la elaboración de un volumen considerable de marketing de contenido, serán la principal herramienta de ambas etapas en nuestra campaña.

Ingenieros electromecánicos, arquitectos, profesionales de mantenimiento, técnicos electricistas, etcétera.

Etapa informativa:

Estudiantes de disciplinas relacionadas con la ingeniería mecánico-eléctrica. Medios de comunicación y periodistas del sector.

Se publicará paralelamente a la etapa persuasiva durante las fechas más cercanas a la expo y contendrá textos relacionados con las exposiciones y los proyectos del “XVI ELECTRICÓN 2015”, está principalmente centrada en atraer al perfíl profesional pues al ser un público centrado en los datos y cuestiones exactas y tener un nivel superior de estudios, tiende a ser más persuadible por la vía informativa (lo cuál no lo hace inmune a la persuación pura).

Consultores y asesores en materia de energía.

Etapa de Mantenimiento El envío de un Brochure personalizado, el programa oportuno así como el acceso a promociones exclusivas para nuestros anteriores clientes es tanto o más importante aún que la generación de nuevos clientes, un usuario que regresa es un usuario que recomienda y es mucho más económico mantener a un cliente que atraer uno nuevo. son razones suficientes para darle un valor ponderante a esta etapa de la campaña y asignarle una serie de estrategias exclusivas

Perfil Corporativo Asociaciones, escuelas, centros de investigación, formación y universidades. Directivos y propietarios de empresas de construcción eléctrica. Entidades públicas, organismos nacionales e internacionales, etc.

Alumno

Maestro

Lizbeth Mauricio

Bernado Sandoval Ayala

Mkt Directo Videos Informativos Se realizarán videos (spots de 1 minuto) sobre información relacionada con las exposiciones del “XVI ELECTRICON 2015” y se publicarán en los últimos meses antes del evento, con la intención de mostrar información relevante para el público objetivo, estos se transmitiran via digital, y mediante un pago a youtube.

Durante la etapa informátiva se colocarán stands en escuelas para invitar al personal de éstas mediante publicidad directa, tambien se aprovecharán estos lugares y los permisos que ya setienen para colocar carteles y publicidad de guerrilla.

Mailing Una ventaja de tener una base de datos es el poder enviar algún brochure o publicación exclusiva para clientes anteriores, la intención principal es crear clientes cautivos a través de la sensación de un trato preferencial.

E-Mailing Envío newsletter virtuales (no más de 1 vez por mes) a nuestra base de datos actual, mismos que contendrán información no solo importante para el evento sino para el usuario, de tal manera que se consiga una recepción grata de los mismos, dentro de esta estrategía quedan contenido el envío de : Postal Navideña Postal por aniversario (cumpleaños)

Universida d de Guadalajara estrategias Centro Universitario de Las Arte Arquitectur a y Diseño para

el desarrollo de las etapas de la campaña se incluian en una infografíca de facil acceso, la información detallada se incluía en un catálogo físico

mserliud@gmail.com

33-17-21-08-25

Dentro de los prototipos se diseño un rediseño de la pagina web y referencias para la producción y post-producción de un spot publicitario, así como un prototipo funcional de una aplicación movil, esta permitía al usuario observar en tiempo real el funcionamiento de los stands / conferencias y sería utilizado pcomo plataforma para algunos concursos online

mserliud@gmail.com

33-17-21-08-25

MOON CHERRY CLOTHING BRAND

DISEÑO DE MARCA IDENTIDAD WEB

Desarrollo de la identidad, el diseño y la programación del sitio de la marca de ropa: <<MOON CHERRY>> realizado para una manufacturera perteneciente a Aguascalientes una linea de ropa de que se enfocaba a la venta a distribuidores mayoristas diseñado realizado para la agencia ACM, con sede en Guadalajara, bajo el dominio http://www.mooncherry.mx intentan incursionar en el mercado local con una linea de ropa juvenil enfocada en el nicho femenino de clase mediabaja, vendiendo directamente a través de su portal en internet y a través de sus redes sociales. Para el proyecto se diseño un isologotipo que pudiera funcionar digitalmente y en aplicaciones impresas (bolsas, facturas, promocionales) el diseño es a una tinta para reducir los costos de producción y funciona en blanco y negro. El sitio es responsivo, está maquetado en Bootstrap 3 con interactividad en AJAX, cuenta con una tienda que permite comprar a través de Pay-Pal.

mserliud@gmail.com

33-17-21-08-25

Desde el principio se decidió sintetizar la imagen de la marca para darle una imagen más fresca y profesional, manteniendo los elementos claves originales pero de una forma más discreta.

Una vez diseñada la morfología de la luna y las flores de ceraza, se trabajo en una acentuación para la figura de la cereza.

Logo Original

Logo Nuevo

Una vez ajustado el espacio negativo del isologotipo se refino el trac k in g y s e pres entรณ la propuesta en color cereza y negro.

mserliud@gmail.com

33-17-21-08-25

El banner de portada solo se muestra en la pantalla de inicio del sitio, una vez se comienza el scroll cambia por el banner pequeño, donde se encontraba el acceso al carrito de compra. El primer módulo mostraba las promociones de temporada mismas que se cambiaban una vez al mes.

El sitio contaba con un algoritmo que permitía la programación aleatoria de sugerenc ias de compra basadas en cookies

Módulo promocional

A l f i na l ve nía n c o m e nt a r i o s de los clientes y botones para seguimiento en redes sociales.

mserliud@gmail.com

33-17-21-08-25

DOMITILA CONCURSO DE ALBUM ILUSTRADO INFANTIL 2016

ILUSTRACIÓN DISEÑO EDITORIAL

En asociación con <<TINA>> se diseño e ilustró una historia para presentarla en la emisión 2017 de un concurso internacional de album ilustrado. El proyecto abarco el diseño de personajes y producción de las ilustraciones finales para el álbum infantil ilustrado “Domitila”. El texto fué escrito por Óc León y además de las ilustraciones se realizó el diseño de portada y editorial del dummy físico que se envió al concurso cuyos resultados estarán disponibles en noviembre del 2016.

mserliud@gmail.com

33-17-21-08-25

La maquetación incluyó el diseño de un título para la portada, asi como de las 16 ilustraciones que forman parte del album ilustrado. La ilustración se realizo en isografó y posteriormente se digitalizó y se realizó el coloreado digital con photoshop e Illustrator.

mserliud@gmail.com

33-17-21-08-25

mserliud@gmail.com

33-17-21-08-25

LA CASA DE LA ABUELA APP INTERACTIVA PARA IPAD EN PRODUCCIÃ&#x201C;N

DISEÑO 3D UI/UX Diseño de personajes, escenarios y dirección de diseño UI/UX para el desarrollo de una aplicación de libro interactivo 3D en Unity. La idea era realizar una estética low-poly por demás expresiva, de la historia de fantasía-horror “La casa de la abuela” en asociación con <<TINA>> El proyecto estará disponible para principios de 2017 en la Appstore.

mserliud@gmail.com

33-17-21-08-25

Se partió de un bocetaje muy sencillo, desde el cual se idearón los elementos 3D e interactivos, que posteriormente se moldearían en Blender 3D.

Se moldearรณn los personajes y es c enar i os en B l en d er, la iluminaciรณn y las coordenadas para las cรกmaras y elementos interactivos fuerรณn referidos en un manual del proyecto.

mserliud@gmail.com

33-17-21-08-25

Los personajes fuerón moldeados en Blender 3D y se les asignarón un sinnúmero de animaciónes para su posterior utilizaciñón en Unity 3D donde se asignarán como Sprites y se programará la interacción requerida.

Se realizó un manual d e d i s e ñ o i n te r n o d e l proyecto, para uso de programación, composición y diseño sean homogeneos.

ESCENA : IV DIALOGO: 4.1

ESCENA : IV DIALOGO: 4.2

MUSICA: CABAÑA

FX: STEPS GRASS WIND *NOISE (PEND)

FX: STEPS GRASS WIND VOZ: ANDREA

VOZ: ANDREA

ANIMACIONES: -andreaWALK (PEND) STARE (PEND)

INTERACCIÓN: POINT & WALK FINGER PAN (RESTRICTED)

INTERACCIÓN POINT & WALK FINGER PAN (RESTRICTED)

LA CASA DE LA ABUELA SKETCHBOOK VER 1.0

DESCRIPCIÓN:

TEXTO:

DESCRIPCIÓN:

TEXTO:

ANDREA SALE DE LA CASA AL PUNTO QUE SE MUESTRA EN CÁMARA , SE ESCUCHA UN RUIDO (POR DEFINIR) Y ESTO PERMITE QUE EL USUARIO PUEDA MOVER LA CÁMARA

Me dirigí hacia el bosque entusiasmada.

EL USUARIO PUEDE MOVER LA PANTALLA A LA SIGUENTE CÁMARA (DESDE LA ANTERIOR) Y ASI PUEDE ACCEDER AL BOSQUE (PUNTO AZUL)

Me dirigí hacia el bosque entusiasmada.

ESCENA : V DIALOGO: N/A

ESCENA : V DIALOGO: 5.1

ESCENA : V DIALOGO: 5.2

MUSICA: FOREST

FX: STEPS

FX: STEPS WIND ANIMALS FOG

VOZ: N/A ANIMACIONES: -andreaWALK (PEND) STARE (PEND)

FX: STEPS ANIMALS FOG VOZ: ANDREA

VOZ: ANDREA

ANIMACIONES: -andreaWALK (PEND) STARE (PEND)

INTERACCIÓN TAP (ANDREA)

INTERACCIÓN POINT & WALK

INTERACCIÓN POINT & WALK SWIPE (FOG)

UNITY: NIEBLA

(CONT)

DESCRIPCIÓN:

TEXTO:

DESCRIPCIÓN:

TEXTO:

DESCRIPCIÓN:

TEXTO:

[LÍMITE DE LA CÁMARA DE ESCENA] (significa que después de este punto cambiamos de cámara)

SE MUESTRA EL BOSQUE (LAS NUBES PUEDEN O NO MOVERSE EN BACKGROUND, DEPENDIENDO DE LOS RECURSOS), ANDREA CAMINA UNOS PASOS AL DARLE TAP

N/A

CAMBIAMOS DE CÁMARA AL LLEGAR AL PUNTO DE LA IMAGEN, SE ACTIVA EL POINT & WALK (REVISAR SI ES FACTIBLE ACTIVAR LA NIEBLA, DE LO CONTRARIO, CORREGIR TEXTO)

Escuchaba sonidos nuevos, no sabía qué clase de animales vivían ahí.

LA CÁMARA LLEGA HASTA EL PUNTO DE LA IMAGEN, (REVISAR SI ES FACTIBLE ACTIVAR LA NIEBLA, DE LO CONTRARIO, CORREGIR TEXTO) LA NIEBLA DEBERÍA RESTRINGIR EL AVANCE Y HABRÍA QUE QUITARLA DE LA ESCENA CON UN SWIPE LATERAL

La niebla se hacía densa a cada paso.

ESCENA : V DIALOGO: N/A

ESCENA : V DIALOGO: 6

ESCENA : V DIALOGO: 7

MUSICA: CABAÑA

FX: STEPS ANIMALS FOG

MUSICA: FOREST (END)

VOZ: N/A

ANIMACIONES: -andreaWALK (PEND) STARE (PEND)

INTERACCIÓN POINT & WALK SWIPE (FOG)

UNITY: NIEBLA

FX: STEPS WIND.C FOG SHADOW

VOZ: ANDREA

ANIMACIONES: -andreaCOLD (PEND) -shadowAPARICIÓN (PEND)

ANIMACIONES: -andreaCOLD (PEND) INTERACCIÓN N/A

INTERACCIÓN POINT & WALK FINGER PAN (RESTRICTED)

UNITY: FOG

DESCRIPCIÓN:

TEXTO:

DESCRIPCIÓN:

TEXTO:

CAMBIAMOS DE CÁMARA AL LLEGAR AL PUNTO DE LA IMAGEN, EL RESTO DE ELEMENTOS CONTINUAN

N/A

(CONT) ULTIMO ESTADO CON LA CÁMARA LATERAL

N/A

LA CAMARA FRONTAL SE ACTIVA EN ESTE PUNTO LA SECUENCIA DE FX SIGUE LA DESCRIPCIÓN DEL TEXTO (POSIBLE INCLUSIÓN DEL ESTADO COLD) UNA VEZ HECHO ESTE PROCESO, SE HACE UN LIGERO PANEO (IGUAL SE PUEDE LIBERAR LA ACCIÓN PARA QUE EL USUARIO LA REALICE CON UN SWIPE RESTRINGIDO) QUE MUESTRA EL PERSONAJE SOMBRÍO EN EL FONDO.

TEXTO:

DESCRIPCIÓN:

TEXTO:

De repente, un viento frío sopló y sentí que alguien me observaba. ¿Qué puede ser?, pensé.

TAN PRONTO TERMINA LA SECUENCIA ANTERIOR CAMBIAMOS DE CÁMARA (IGUAL PODEMOS INTEGRAR EL TEXTO DE ESTA ESCENA CON LA ANTERIOR) LA NIEBLA RODEA LA ESCENA PERO NO EL CAMINO, PARA PERMITIR MAYOR DINAMISMO

Ya no podía ver muy bien a mi alrededor. Se escuchó el crujir de unas ramas detrás mío. Un escalofrío recorrió mi cuerpo. Sentí la presencia de una criatura siguiéndome. No quería mirar. Empecé a temblar.

*** LA CARA FELIZ ES SOLO POR LA AUSENCIA DE ESTADOS DE ANIMACIÓN (CULPA DEL EQUIPO DE DISEÑO**)

ESCENA : VI DIALOGO: 8

ESCENA : VI DIALOGO: 10.1

ESCENA : VI DIALOGO: N/A

ESCENA : VI DIALOGO: 10.2

MUSICA: CLIFF

FX: RUN WIND.C FOG SHADOW

FX: RUN FOG BREATH

VOZ: ANDREA ANIMACIONES: -andreaRUN (PEND) TURN(PEND) -shadowWALK(PEND) INTERACCIÓN POINT & WALK (RESTRICTED) UNITY: FOG

DESCRIPCIÓN: (CONT..) LA CÁMARA HARÁ UN PEQUEÑO PAN VERTICAL PARA NO PERDER DE VISTA A ANDREA, LA NIEBLA RODEA LA ESCENA PERO NO EL CAMINO, PARA PERMITIR MAYOR DINAMISMO, PODEMOS CAMBIAR EL STARE (ANIMACIÓN) POR TURN, HACIENDO QUE ANDREA VOLTEE HACIA EL BOSQUE CADA VEZ QUE SE DETENGA. ANTES DE HACER CAMBIO DE CÁMARA PODEMOS DEJAR QUE LA SOMBRA APAREZCA AL FINAL DEL BOSQUE (PUNTO EN LA ESCENA)

DESCRIPCIÓN: (CONT...)

TEXTO: No me pude contener y comencé a correr.

VOZ: ANDREA

ANIMACIONES: -andreaRUN (PEND) TURN(PEND) BREATH(PEND)

INTERACCIÓN POINT & WALK (RESTRICTED)

UNITY: FOG

TEXTO: No me importó y corrí tan rápido como pude. .

DESCRIPCIÓN: (CONT...) SE MANTIENE LA SECUENCIA ANTERIOR DE ELEMENTOS, SOLO CAMBIAMOS LA CÁMARA (EN ESTÁS ESCENAS SERÍA IDEAL RESTRINGIR EL POINT & WALK PARA EVITAR EL RETROCESO DEL PERSONAJE) AGREGAR UN FX DE RESPIRACIÓN AGITADA (BREATH)

TEXTO:

ESCENA : VI DIALOGO: N/A

ESCENA : VII DIALOGO: N/A

MUSICA: CLIFF

MUSICA: FALL

FX: RUN FOG BREATH SHADOW SCREAM

FX: FALL

FX: STAND-UP

VOZ: ANDREA ANIMACIONES: -andreaRUN (PEND) TURN(PEND) BREATH(PEND) FALL(PEND)

ANIMACIONES: -andreaRUN (PEND) TURN(PEND) BREATH(PEND) FALL(PEND) INTERACCIÓN N/A UNITY: FOG

DESCRIPCIÓN: (CONT...) CAMBIAMOS LA CÁMARA DESPUES DEL PUNTO DE LA ESCENA ANTERIOR, ANDREA SE DETIENE, GIRA EN SU EJE PARA VER SI LA SIGUEN, DA LA VUELTA Y CAE POR EL BARRANCO, HACIA LA SIG ESCENA

N/A.

VOZ: N/A

FX: RUN FOG BREATH SHADOW VOZ: ANDREA

TEXTO: No veía por dónde iba, tropecé y caí por una barranca.

ESCENA : VII DIALOGO: 11.1 MUSICA: FALL FX: SCREAM2

ANIMACIONES: N/A INTERACCIÓN ZOOM-IN (PELLISCO)

VOZ: N/A

VOZ: ANDREA

ANIMACIONES: -andreaSTAND (PEND)

UNITY: FOG

INTERACCIÓN TAP

ANIMACIONES: -andreaSCREAM (PEND) BREATH(PEND) TURN(PEND) INTERACCIÓN SWIPE (CAMARA) (OSCILOMETRO**)

INTERACCIÓN N/A UNITY: FOG

DESCRIPCIÓN: (CONT...) MOSTRAMOS A ANDREA CAYENDO Y PARALELAMENTE LA SOMBRA VA APARECIENDO POR EL LADO IZQUIERDO DE LA PANTALLA. ANDREA GRITA MIENTRAS CAE

TEXTO: N/A

DESCRIPCIÓN

TEXTO:

DESCRIPCIÓN:

TEXTO:

DESCRIPCIÓN:

TEXTO:

HACEMOS UN ZOOM IN (PODEMOS DEJAR QUE EL USUARIO LO REALICE CON UN PELLISCO) CONFORME HACEMOS ZOOM SE VA DESPEJANDO LA NIEBLA Y NOS DEJA VER A ANDREA EN EL SUELO

N/A

ANDREA SE ENCUENTRA EN EL SUELO, EL USUARIO PUEDE AYUDARLA A LEVANTARSE HACIENDO TAP EN LA PANTALLA, A PATIR DE ESTE PUNTO NO HAY NIEBLA

N/A

ANDREA GRITA UN PAR DE VECES PODEMOS ROTAR LA CAMARA EN 3A PERSONA (CON UN SWIPE HORIZONTAL/VERTICAL Ó MOVIENDO LA TABLETA CON EL OSCILÓMETRO, DEPENDIENDO DE LAS LIMITANTES)

Grité tan fuerte como pude, presa de un miedo que jamás había vivido.

ESCENA : VII DIALOGO: 11.2

ESCENA : VII DIALOGO: 12.1

ESCENA : VII DIALOGO: 12.2

ESCENA : VII DIALOGO: 13

MUSICA: CHASE

FX: BREATH SHADOW SHADOW GROW

FX: SCREAM2 BREATH SHADOW

MUSICA: CHASE (END)

VOZ: ANDREA

ANIMACIONES: -andreaSCARE (PEND) BREATH(PEND) TURN(PEND) -shadowAPARICION DESAPARICIÓN

ANIMACIONES: -andreaSCARE (PEND) BREATH(PEND) TURN(PEND) -shadowAPARICION(PEND) DESAPARICIÓN(P) GROW(PEND)

ANIMACIONES: -andreaSCARE (PEND) BREATH(PEND) TURN(PEND) -shadowWALK(PEND)

INTERACCIÓN: SWIPE (CAMARA) (OSCILOMETRO**) TAP

ANIMACIONES: -andreaCRY (PEND) -shadowWALK(PEND) INTERACCIÓN: N/A

INTERACCIÓN: SWIPE (CAMARA) (OSCILOMETRO**) TAP

UNITY: CHASE

FX: SCREAM3 BREATH SHADOW VOZ: ANDREA

UNITY: N/A

UNITY: CHASE (STOP)

UNITY: CHASE

DESCRIPCIÓN:

TEXTO:

DESCRIPCIÓN:

TEXTO:

DESCRIPCIÓN:

TEXTO:

DESCRIPCIÓN:

TEXTO:

(CONT...) EN ALGÚN PUNTO DE LA ESCENA LA SOMBRA APARECE DETRAS DE UNOS ÁRBOLES Y EL USUARIO SE VE OBLIGADO A HACER TAP EN LA PANTALLA PARA QUE APAREZCA EN OTRAPOSICIÓN

Una sombra se hizo presente, tenía los ojos rojos y era enorme, me acechaba.

(CONT...) EL USUARIO PUEDE MOVER LA PANTALLA PARA DETECTAR A LA SOMBRA PERO CONFORME LE VAYA HACIENDO CLICK ESTÁ VA CRECIENDO HASTA QUE SEA DEMASIADO GRANDE (SIG PANTALLA) Y EL ACANCE DE ANDREA ES AUTOMÁTICO HACIA EL PUNTO FINAL DE LA ESCENA (MARCADO EN AZUL EN DOS PANTALLAS SIGUIENTES)

Quise escapar tomando carrera una vez más pero no tenía escapatoria, estaba acorralada. .

(CONT..) ESTADO MÁXIMO DE LA SOMBRA DEJA DE DESAPARECER (SOMBRA) FINAL DEL TAP FINAL DE CHASE ANDREA GRITA ANDREA SIGUE CAMINANDO HACIA EL PUNTO FINAL (MARCADO EN AZUL EN LA PANTALLA SIGUIENTE)

Comencé a llorar y se me ablandaron las piernas.

ANDREA CAE SENTADA Y EMPIEZA A LLORAR

Imploré por ayuda y comencé a llorar. La sombra se acercó hasta mis pies, era fría como el hielo. Sentí que se me iba la vida.

mserliud@gmail.com

33-17-21-08-25

HOSPITAL 197 COL VILLASEÃ&#x2018;OR CP 44120

mserliud@gmail.com

33-17-21-08-25

HOSPITAL #1662-B, COL. VILLASEÃ&#x2018;OR

mserliud@gmail.com

33-17-21-08-25