Portafolio - Web

Page 1

SUI



Paula Andrea Lozano Cuartas DiseĂąadora GrĂĄfica

Contacto rainy-graphics.com pau.andrealc@gmail.com


?

QuiĂŠn es ?

Rainy


Soy cosplayer, viajera y amante empedernida de los animales y la naturaleza, fascinada con la idea de mejorar un poco el mundo a través de lo que hago y amo. Pero como diseñadora ¿Quién soy?. Alguien que se propone que todo lo que haga de alguna forma pueda gustarle, ayudarle y/o servirle a otro. Busco tener opiniones de terceros, tengo un buen rendimiento trabajando en grupo con las personas indicadas; aún así creo firmemente en la frase “si quieres que algo salga bien, hazlo tu mismo”. Soy en lo posible exigente, detallista y perfeccionista con mi trabajo.


Propรณsito


Los proyectos en los librillos nacen por la necesidad propia de conocer más y mejorar mis habilidades en áreas de interés. Las temáticas surgen de experiencias de viajes, gustos, pasatiempos, ideologías y demás, que me han permitido generar un desarrollo gráfico. Mi trabajo está centrado en la ilustración como expresión aplicada en los campos de Identidad Gráfica, Medios Editoriales y Diseño Web. Y la manera de mostrar estos en el portafolio está ligada principalmente al concepto del Godai, que a través de la metáfora representa la unidad. Todo esto tiene como fin mostrar mis capacidades y desempeño en el mundo del diseño con proyectos hechos bien sea como exploración autónoma o para clientes reales.


EL GODAI El Sintoísmo, doctrina japonesa descendiente del Budismo Indio, es un animismo naturalista cuya filosofía dice que todo en la naturaleza tiene un alma y cada ser viviente es digno de respeto. De allí surge la filosofía del Godai “los cinco grandes” que se refiere a los cinco elementos de la naturaleza (tierra, agua, fuego, viento y vacío) y como a cada uno se le asignan características que conforman la unidad de la vida (todo es uno), esto se representa físicamente en el Gorinto, una pagoda de piedra. Este concepto puede notarse reflejado en diferentes elementos del portafolio, como la narrativa, la abstracción del Gorinto y los elementos en símbolos, el color, la división de proyectos en tres cuadernillos según su rama de diseño a los que se les asignó un elemento representativo acorde.


KU - VACÍO JOYA

FU - VIENTO MEDIA ESFERA

Experiencia Creatividad Comunicación

Movimiento Ligereza Apertura

KA - FUEGO PIRÁMIDE

Pasión Explosivo Motivación

SUI - AGUA ESFERA

Fluidez Adaptable Emoción

CHI - TIERRA CUBO

Sólido Físico Principio



Fuego Identidad gráfica, se necesita una explosión de expresividad para dar personalidad a una marca, persona o producto, aquí es cuando el diseñador debe encender su llama.

Agua Diseño web, en diseño gráfico es el elemento que siempre está fluyendo actualmente, debe cambiar y adaptarse según las necesidades y los avances de la era moderna.

Tierra Medios editoriales, lo manual, lo análogo y artesanal, es una de las ramas tangibles del diseño gráfico, requiere explotación de diferentes elementos físicos del diseño.



AGUA



Todo diseñador debe ser como el agua: tener la capacidad de adaptarse a lo que lo rodea, fluir con los diferentes factores que afectan su práctica y disponer de ellos. Es la era de lo digital y la tecnología progresa, se transforma velozmente como la corriente de un río; y el diseño avanza de la mano a ésta, mostrándose en desarrollos multimediales con el propósito de llenar las diferentes necesidades de las personas.





World Wildlife Fund Organización sin ánimo de lucro que trabaja por un planeta vivo, y cuya misión es detener la degradación del ambiente natural de la Tierra y construir un futuro en el que el ser humano viva en armonía y paz con la naturaleza y todos sus seres.


Inicios

En 1961 WWF comenzó apoyando acciones de conservación desde Suiza, y en 1993 consolidó su presencia en Colombia como Oficina de Programa. El trabajo de WWF Colombia integra acciones a diferentes escalas, de lo local a lo internacional, en paisajes prioritarios de los complejos ecoregionales del norte del Amazonas, el Orinoco, los Andes y el Pacífico.




Así es

En 2016 se hizo un análisis de los pros y contras del sitio web, y a partir de eso se creó una propuesta gráfica para la mejora y reestructuración de la página web de la organización, con la idea de que el contenido fuese más organizado y fácil de encontrar para cualquier persona que la visitara.


El cambio Se encontraron varios problemas tanto estéticos como funcionales para solucionar en el re diseño, entre ellos: la clasificación de los contenidos, los vínculos difíciles de encontrar, el color en exceso pesado que hacía al lector agotarse al leer, las secciones repetitivas, el uso de imágenes poco atractivas, elementos redundantes, etc.



CONSTRUCCIon La pรกgina real cuenta con 7 secciones y 19 sub-secciones las cuales no estaban bien estructuradas, se hizo una re organizaciรณn de esto para mostrar todo el contenido de manera que encontrar la informaciรณn en la plataforma sea mรกs sencilla, cรณmoda y agradable para los usuarios.


Identificador de la organización

Barra de redes sociales y ubicación

Barra de secciones

Encabezado y breve descripción de la noticia

Banner móvil con foto de la noticia destacada del momento

Identificador Slogan

Información legal e información adicional

Derechos de autor

Redes sociales


División de categorías por color específico

Vista previa y descripción de los artículos

Botón para ampliar la sección de interés

Botón para redirigir a sección de donaciones

Subsección con descripción de un tema destacado


Diferenciación de sección por color

Compartir contenido en las redes sociales

Contenido de la noticia o artículo

Botón para descarga directa

Formulario de inscripción a WWF Zona de opiniones


Movimiento Adicionalmente este estilo gráfico se implementó en lo posible en las imágenes de portada como complemento a las redes sociales Facebook e Instagram, usadas por la organización para promover sus campañas y motivar a las personas.






Tapastic La comunidad mรกs grande de webcomics en el mundo. Una plataforma abierta creada por miembros del Silicon Valley amantes de los cรณmics donde comparten autores y lectores.


Una familia

Tapastic o Tapas, da la oportunidad de que artistas indie puedan compartir sus trabajos con sus fans y se descubran nuevos talentos para el mundo del cรณmic. La plataforma permite publicar historias de todo tipo, interactuar con los autores, seguir historias e incluso hacer parte del equipo de trabajo de la comunidad.



Diferente

Este proyecto se tratรณ de hacer una propuesta de remodelaciรณn de la pรกgina web, buscaba organizar la gran cantidad de informaciรณn que maneja la comunidad al tener miles de autores subiendo su contenido diariamente y hacer mรกs sencilla la experiencia de los lectores al reorganizar los elementos.



Identificador de la comunidad

PIEZAS Se hizo una división de categorías, re organización y agrupación de elementos en una misma zona para evitar que algunos contenidos como la descripción del autor se pierdan.

Nombre del cómic y el autor


Menú de la página e indicativo de sección

Menú de búsqueda y perfil del usuario

Imagen de portada de la historia

Header


Imagen linkeada a descarga directa de la app móvil

Resumen y links de menú superior

Seudónimo del autor o autores Descripción del perfil y opinión

Imagen miniatura de perfil de autor

Redes sociales del autor

Descripción de la historia, links y recomendaciones


Redes sociales de la comunidad

Informaciรณn legal y contacto

Preguntas frecuentes e informaciรณn adicional

Imagen miniatura de la historia

Perfil y footer


Nombre, número y fecha de publicación del capítulo

Página de la historia Botón cambio de página


Botones de interacción

Cantidad de capítulos actuales

Capítulos siguientes al seleccionado

Botón para ver todos los capítulos

Sección de comentarios

Contenido



A la mano

Se diseñó también una adaptación de la plataforma para dispositivos móviles siguiendo las pautas del Responsive Web Design. Con esto se logra que los lectores puedan seguir las historias desde y en cualquier lugar sin tener inconvenientes con la organización y legibilidad de la información.


Si una persona es perseverante, aunque sea dura de entendimiento, se hará inteligente; y aunque sea débil se transformará en fuerte. Leonardo Da Vinci




Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.