Portafolio de diseño de Jetmiki

Page 1




2017 CLIENTE

IDEAL SHOP EN ESTE PROYECTO SE ME ENC ARGO TODA L A DIRECCIÓN DE ARTE DESDE L A CRE ACIÓN DE L A IDENTIDAD CORPOR ATIVA HASTA EL ESTILO DEL LOOK & FEEL DE L A PÁGINA WEB Y APLIC ACIÓN. TAMBIÉN SE ME ENC ARGO EL PL ANE AMIENTO Y DISEÑO DE TODAS L AS INTERFACES DE L A WEB (USUARIO Y ADMINISTR ADOR).

SE PL ANTEÓ UN ESTILO FRESCO Y AMIGABLE YA QUE EL PÚBLICO OBJETIVO ER AN PAREJAS DE ESPOSOS JÓVENES QUE TIENEN CONTACTO CON L A TECNOLOGÍ A . L A APRONTA DEL PROYECTO ER A CONSEGUIR UNA EXPERIENCIA FLUIDA E INTUITIVA PAR A QUE EL PROCESO DE L A COMPR A SE A ÁGIL, A PESAR DE TENER MUCHAS OPCIONES (DE BÚSQUEDA , COMPAR ACIÓN DE PRODUCTOS Y SELECCIÓN DE LUGARES DE ENTREGA) SE CONSIGUIÓ LOS OBJETIVOS MEDIANTE BUENAS PR ÁCTIC AS DE SEÑALIZ ACIÓN E ICONOGR AFÍ A Y USO DE ELEMENTOS INTER ACTIVOS COMO MODALES, SLIDER ENTRE OTROS RECURSOS QUE AGILIZ AN LOS PROCESOS SIN TENER QUE REC ARGAR O SALIR DE L A PÁGINA DE PRODUCTOS.

PÁGINA PRINCIPAL DONDE SE MUESTR AN TODAS L AS OPCIONES DE NAVEGACIÓN Y L AS C ATEGORÍ AS DE FORMA GR AFIC A

0.3


MODAL BOX QUE SE DESPLIEGA AL SELECCIONAR UN PRODUCTO, AQUÍ SE PUEDE SELECCIONAR L AS OPCIONES DE COMPR A DE MANER A ÁGIL.

NAVEGACIÓN CON L A BARR A DE MENÚ Y OPCIONES DE FILTRO ACOPL ADAS PAR A Q UE EL USUARIO PUEDA NAVEGAR Y TENER L AS OPCIONES SIEMPRE VISIBLES.

PÁGINA DE C ATEGORÍ AS ESPECIFIC A DONDE SE PUEDE SELECCIONAR UNA SUBC ATEGORÍ A DE PRODUCTO O EMPEZ AR A IR FILTR ANDO RESULTADOS

0.4


2016 CLIENTE

DESCUBRE TRUJILLO PROYECTO QUE PRETENDÍ A MEJOR AR EL TURISMO DE UN LUGAR ESPECÍFICO (TRUJILLO LIMA PERÚ) USANDO L A TECNOLOGÍ A COMO MEDIO INFORMATIVO. SE PROPUSO DARLE AL USUARIO TODA L A INFORMACIÓN NECESARIA (DISTANCIAS, RUTAS, AGENDA DE FESTIVIDADES) MEDIANTE GEOLOC ALIZ ACIÓN. DE ESTA MANER A EL USUARIO PUEDE IR DESCUBRIENDO DE MANER A PROGRESIVA LOS LUGARES TURÍSTICOS, HISTÓRICOS Y COMERCIOS (HOTELES, RESTAUR ANTES ETC .) . SE PL ANTEÓ DARLE UN ESTILO FOTOGR ÁFICO PAR QUE L A EXPERIENCIA SE A MÁS INVERSIVA Y VIVENCIAL.

PÁGINA PRINCIPAL DE UNO DE LOS VARIOS DESTINOS QUE TIENE EL PROYECTO.

INTEGR ACIÓN CON INSTAGR AM MEDIANTE LOS HASHTAG Y GEOLOC ALIZ ACIÓN SE PUEDE VER L A EXPERIENCIA DE LOS USUARIOS DE MANER A QUE ANIME A OTROS SEGUIR ESA RUTA .

0.5


PANEL INFORMATIVO QU E SE DESPLIEGA AL SELECCIONAR UNA OPCIÓN DEL DESTINO, AQUÍ SE MUESTR AN TODOS LOS DATOS Y RECOMENDACIONES PAR A FACILITAR EL VIAJE AL USUARIO.

PANTALL A DE C ALENDARIOS DE ACTIVIDADES Y FESTIVIDADES.

GALERÍ A FULLSCREEM E INTER ACTIVA

0.6


2016 CLIENTE

TORTILLAS EL TACO EN ESTE PROYECTO SE PRETENDÍ A INFORMAR A LOS CLIENTES SOBRE L AS DIFERENTES RECETAS DE TACOS QUE SE PUEDEN PREPAR AR CON EL PRODUCTO.

SE MANTUVO L A LÍNE A GR AFIC A DE L A MARC A Y SE FUSIONARON SUS ELEMENTOS GR ÁFICOS CON UN ESTILO MÁS FOTOGR ÁFICO, YA QUE EL OBJETIVO ER A MOSTR AR LOS RESULTADOS RE ALES MEDIANTE L AS FOTOS.

PÁGINA PRINCIPAL DONDE SE MUESTR AN LOS ENL ACES DE INTERESES PAR A EL USUARIO

0.7


PÁGINA DE PRODUCTOS

PÁGINA DE CONTACTO

PÁGINA DE RECETA , AQUÍ SE MUESTR A EN UNA SOL A PÁGINA TODO LO QUE EL USUARIO DEBE SABER, DESDE TIEMPOS DE PREPAR ACIÓN, LISTA DE INGREDIENTES Y VIDEO DE PREPAR ACIÓN

0.8


2016 CLIENTE

YUMAX PROYECTO DE ALTO IMPACTO VISUAL QUE SE TR ABAJÓ CON UN ESTUDIO DE DESARROLLO WEB COMO INTERMEDIARIO ENTRE EL CLIENTE. SE NOS ENC ARGÓ TODA L A PARTE VISUAL DEL PROYECTO, DESDE PL ANTE AR UN NUEVO LOOK & FEEL HASTA L A PL ANIFIC ACIÓN Y DESARROLLO DE TODA L A ARQUITECTUR A DEL SITIO. LOS OBJETIVOS SOLICITADOS POR EL CLIENTE ER AN DARLE UNA NUEVA IMAGEN A SU MARC A , POR LO CUAL SE PL ANTEÓ USAR IMÁGENES DE ALTO IMPACTO USANDO COMO COLORES PRINCIPALES SUS COLORES CORPOR ATIVOS LOS CUALES PREDOMINAN Y ASEGUR AN ASÍ UN MAYOR POSICIONAMIENTO.

0.9

HOME


DETALLES DEL PRODUCTO

DETALLES DE ATLETA

CONTACTANOS

FORMUL ARIO DE CONTACTO

1.0


2016 CLIENTE

MUYA PROYECTO INTEGR AL DE PÁGINA WEB (DISEÑO Y DESARROLLO) POR ENC ARGO DE “MUYA” RESTAUR ANT 5 TENEDORES. LOS OBJETIVOS DEL CLIENTE ER AN DEMOSTR AR SUS AMBIENTES COLONIALES Y SUS PL ATOS Y BEBIDAS EN L A WEB , POR LO CUAL SE PROPUSO USAR BACKGROUNDS A TODA PANTALL A PAR A EXHIBIR EN SU MÁ XIMA EXPRESIÓN LO SOLICITADO. EN CUANTO A TECNOLOGÍ A SE USARON LOS ÚLTIMOS ESTÁNDARES WEB ( RESPONSIVE Y MATERIAL DESIGN) PAR A CONSEGUIR UN PROYECTO DINÁMICO E INTUITIVO.

HOME

1.1


SOBRE NOSOTROS

RESTAUR ANT

L A C ARTA

1.2


2015 CLIENTE

OLIMPING PROYECTO INTEGR AL DE DISEÑO Y DESARROLLO WEB POR ENC ARGO DEL CLIENTE OLIMPING ( STARTUP EN EL RUBLO DEL DEPORTE) . EL CLIENTE SOLICITO EL DESARROLLO DE TODA SU IDENTIDAD CORPOR ATIVA Y SU PÁGINA WEB, POR LO QUE PERMITIÓ MAYOR CONTROL EN EL DESARROLLO DE L A LÍNE A GR ÁFIC A , CRE ANDO ASÍ TODO UN MUNDO VISUAL PAR A L A MARC A . SE PLANTEÓ UN TONO DE COMUNICACIÓN LÚDICO Y FRESCO YA QUE LA EMPRESA BRINDA EL SERVICIO DE JUEGOS (EXTREMADAMENTE DIVERTIDOS) PARA EVENTOS CORPORATIVOS.

HOME

1.3


NUESTROS SERVICIOS

NUESTROS JUEGOS

CONTACTANOS

DISPOSITIVOS MÓVILES

1.4


2015 CLIENTE

IMAGEN RECORDS PROYECTO DE DISEÑO Y DESARROLLO WEB PAR A L A AGENCIA MULTIDISCIPLINARIA IMAGEN RECORDS. LOS REQUERIMIENTOS DEL CLIENTE ER AN DARLE UN GIRO COMPLETO A SU IMAGEN INSTITUCIONAL YA QUE TAMBIÉN ESTABAN RENOVANDO TODO SU BR ANDING (LOGOTIPO Y TONO DE COMUNIC ACIÓN) . SE PROPUSO USAR UN FORMATO A TODA PANTALL A USANDO IMÁGENES Y VIDEOS COMO BACKGROUNDS PAR A EXPONER LO QUE ELLOS HACÍ AN EL DÍ A A DÍ A , DESDE MOSTR AR CÓMO SE RE ALIZ ABAN SUS BACKSTAGE AUDIOVISUALES COMO TAMBIÉN COMO EL STAFF SE JUNTABA A PL ANE AR LOS BOCETOS DE SUS DISEÑOS. EN L A PARTE TÉCNIC A SE USARON TODOS LOS RECURSOS DE HTML5 Y LIBRERÍ AS JQUERRY PAR A QUE EL SITIO FUESE SÚPER INTER ACTIVO.

FORMATO PAR A SMARTPHONE

1.5


QUE HACEMOS

DESCRIPCIÓN DE SERVICIOS

INFORMACIÓN DE CONTACTO

UNO DE LOS OBJETIVOS ER A LOGR AR QUE L A EXPERIENCIA DE USUARIO NO FUESE PAR A NADA COMPLIC ADA Y TAMBIÉN QUE L A ESTADÍ A DEL USUARIO SE A AMENA Y ENTRETENIDA , POR LO CUAL SE USÓ SOLO TEXTO PUNTUAL DEJANDO QUE L AS IMÁGENES HABLEN POR SI SOL AS.

1.6


2015 CLIENTE

IMAGINA Y CREA PROYECTO DE DISEÑO Y DESARROLLO WEB DONDE EL CLIENTE QUE SE DEDIC A AL RUBLO DE L A ARQUITECTUR A DE INTERIORES Y SERVICIOS AFINES DESE ABA AFIANZ AR SU MARC A , POR LO CUAL L A IDENTIDAD CORPOR ATIVA SE VE MUY PRESENTE EN L A DIAGR AMACIÓN Y DISEÑO DEL SITIO WEB MEDIANTE LOS COLORES Y L A TIPOGR AFÍ A EN L A PARTE TÉCNIC A SE PL ANTEÓ UNA NAVEGACIÓN PAR ALL A X QUE FUNCIONE DE L A MISMA MANER A TANTO EN SU VERSIÓN DESK TOP COMO PAR A SU FORMATO MOBILE.

SE PL ANTEÓ UN DISEÑO MINIMALISTA USANDO COLORES SÓLIDOS Y RECURSOS FOTOGR ÁFICOS, LO CUAL FUNCIONA MUY BIEN PAR A SUS VERSIONES MOBILES YA QUE L A DIAGR AMACIÓN EN BLOQUES ES MUY FLEXIBLES PAR A MANEJAR L AS TECNOLOGÍ AS RESPONSIVE.

1.7


SERVICIOS GENER ALES

PROYECTOS RE ALIZ ADOS

VERSIÓN RESPONSIVE PAR A FORMATOS MOBILES

FORMUL ARIO DE CONTACTO

1.8


2014 CLIENTE

NO A LA DISCRIMINACIÓN POR ETS PRIMER PROTOTIPO WEB PAR A UNA C AMPAÑA VIR AL (MEDIO MULTIMEDIA) EN CONTR A DE L A DISCRIMINACIÓN L ABOR AL Y SOCIAL HACIA L AS PERSONAS QUE TIENEN ETS (ENFERMEDADES DE TR ASMISIÓN SEXUAL). LOS REQUERIMIENTOS DEL PROYECTO FUERON DESARROLL AR UNA LÍNE A GR AFIC A DR AMÁTIC A E IMPACTANTE PAR A EL MENSAJE DE L A C AMPAÑA ÉL TIENE COMO PROPÓSITO HACER REFLEXIONAR A L A GENTE SOBRE QUÉ ACTITUD TOMARÍ A SI SE ENTER ASE DE QUE UN MIEMBRO DE SU FAMILIA TIENE UN ETS, ¿SEGUIRÍ A SIENDO PREJUICIOSO SOBRE L AS PERSONAS QUE PADEZC AN ESTAS ENFERMEDADES? QUE CON UNA CORRECTA MEDIC ACIÓN EN L A MAYORÍ A DE LOS C ASOS ES CUR ABLE Y NO IMPIDEN AL INDIVIDUO DESENVOLVERSE PRODUCTIVAMENTE EN L A SOCIEDAD.

1.9


DISCRIMINACIÓN POR SÍFILIS

DISCRIMINACIÓN POR VIH

L A LÍNE A GR AFIC A TIENE UN ESTILO DR AMÁTICO, RESPETANDO LOS COLORES DE L A IDENTIDAD PAR A ESTA C AMPAÑA (EL ROJO Y EL BL ANCO), EL ESTILO FOTOGR ÁFICO FUE IMPORTANTE PAR A TR ASMITIR ESTA SENSACIÓN DE DEPRESIÓN QUE SUFREN L AS PERSONAS QUE SON DISCRIMINADAS POR TENER UNA ETS.

2.0


2014 CLIENTE

CATARXIS TECHNOLOGIES EL PROYECTO ER A ÚNIC AMENTE PL ANTE AR TODA L A LÍNE A GR AFIC A PAR A DICHA EMPRESA , DESDE SU IDENTIDAD CORPOR ATIVA (L A CUAL SE EXPONDR Á MÁS ADEL ANTE) HASTA EL DISEÑO DE TODA SU PÁGINA WEB. LOS REQUERIMIENTOS DEL CLIENTE ER AN BÁSIC AMENTE TENER UN DISEÑO LIMPIO, DINÁMICO Y QUE TENGA UNA ARQUITECTUR A DE VANGUARDIA QUE APROVECHAR A AL MÁ XIMO L AS NUEVAS FUNCIONES DEL HTML 5 Y CC3.

2.1


SOBRE L A EMPRESA

LISTA DE PROYECTOS

DETALLES DE PRODUCTO

PAR A EL DISEÑO DE L AS PAGINAS INTERNAS SE UTILIZ ARON FOTOGR AFÍ AS A MITAD DE L A PANTALL A PAR A EXHIBIR DE MEJOR MANER A LOS PROYECTOS DE L A EMPRESA , TAMBIÉN LOS ESPACIOS VACÍOS FUERON OCUPADOS POR GR ÁFICOS SUTILES Y LINE ALES PAR A REFLEJAR L A PULCRITUD DE L A TECNOLOGÍ A , ABSORBIENDO AL USUARIO EN EL MUNDO VIRTUAL DE L A EMPRESA .

2.2


2014 CLIENTE

GAS PLANET GROUP ESTE PROYECTO FUE RE ALIZ ADO PAR A UNA EMPRESA LÍDER EN EL RUBLO AUTOMOTRIZ. EL ENC ARGO ER A EL DESARROLLO INTEGR AL DE SU PÁGINA WEB, DESDE EL PL ANTE AMIENTO DE UNA LÍNE A GR AFIC A HASTA L A CONSTRUCCIÓN WEB EN HTML. LOS REQUERIMIENTOS DEL CLIENTE ER AN DESTAC AR DE ENTRE SU COMPETENCIA , POR LO QUE EL RETO FUE LOGR AR UNA PÁGINA DE ALTO IMPACTO VISUALMENTE CON EL POCO MATERIAL GR ÁFICO QUE CONTABAN EN ESE MOMENTO.

2.3


DETALLES DE PRODUCTO SERVICIOS

SE USARON TEXTUR AS METÁLIC AS Y OTR AS QUE DIER AN L A SENSACIÓN DE TALLER AUTOMOTRIZ, TAMBIÉN SE USARON L AS FOTOS DEL TALLER COMO BACKGROUND PAR A LOGR AR UN PRODUCTO PROPIO.

CONTACTO

2.4


2014 CLIENTE

PATITAS EN RED PROYECTO INTEGR AL DE DISEÑO, DESDE EL BR ANDING CORPOR ATIVO HASTA L A CRE ACIÓN DE PERSONAJES. SE PL ANTE A MEDIANTE UN DISEÑO LÚDICO L A CRE ACIÓN DE UNA PL ATAFORMA VIRTUAL, CUYA FUNCIÓN ES L A COL ABOR ACIÓN EN RED PAR A AYUDAR A L AS MASCOTAS, YA SE A CRE ANDO POST PAR A DARLOS EN ADOPCIÓN O ADOPTÁNDOLOS COMO TAMBIÉN AYUDAR A ENCONTR AR A MASCOTAS EXTR AVIADAS. L AS EXIGENCIAS DEL CLIENTE ER AN CRE AR UNA LÍNE A GR AFIC A ATR ACTIVA PAR A LOS JÓVENES (QUE SON SU PÚBLICO OBJETIVO PRINCIPAL) Y TAMBIÉN SAC ARLE EL MÁ XIMO PROVECHO A L AS NUEVAS TECNOLOGÍ AS WEB PAR A FACILITAR LOS PROCESOS DE NAVEGACIÓN Y LLENADO DE FORMUL ARIOS.

2.5


PAGINA DE PUBLIC ACIONES PORTADA VERSION NAVIDEÑA

DETALLES DE PUBLIC ACIÓN

EL DISEÑO DE L A PÁGINA FUE PL ANTE ADO PAR A QUE FUNCIONE COMO RESPONSIVE Y LOS ELEMENTOS SE ADAPTEN A CUALQUIER MEDIDA DEL MONITOR, TAMBIÉN SE USARON A LOS PERSONAJES PAR A CRE AR UN AMBIENTE DIVERTIDO, ESTOS APARECEN EN L A PORTADA COMO EN LOS LIGHTBOX DE AYUDA Y FORMUL ARIOS.

2.6


2012 CLIENTE

GATORADE SERIE FIT PROYECTO RE ALIZ ADO POR EL L ANZ AMIENTO DE UN NUEVO PRODUCTO PAR A DEPORTISTAS DE ALTO RENDIMIENTO.

EL OBJETIVO ER A RE ALIZ AR UN DISPL AY MULTIMEDIA IMPACTANTE VISUALMENTE. POR LO QUE SE UTILIZ ARON VIDEOS COMO BACKGROUNDS CON EFECTOS LOOP .

2.7


PANTALL A DE PREC ARGA DETALLES DE LOS PRODUCTOS

SE USARON TODOS LOS ELEMENTOS GR ÁFICOS QUE MANEJA L A MARC A Y TÉCNIC AS DE ANIMACIÓN MULTIMEDIA PAR A PODER LOGR AR UN PRODUCTO MUY DINÁMICO Y VISUAL.

GALERIA MULTIMEDIA

2.8


2012 CLIENTE

SEX PISTOLS PROTOTIPO PAR A UN CONCURSO RE ALIZ ADO POR L A CELEBR ACIÓN DE LOS 37 AÑOS DESDE L A FUNDACIÓN DE L A BANDA . LOS REQUERIMIENTOS ER AN BÁSIC AMENTE QUE REFLEJEN EL IMPACTO CULTUR AL QUE TUVO L A BANDA POR LOS AÑOS 70.

2.9


HISTORIA

TIENDA ONLINE

VIDEOS

L A TÉCNIC A QUE SE USO FUE EL COLL AGE, QUE ER A EL RECURSO DE DISEÑO QUE L A BANDA UTILIZO EN TODO SU MATERIAL GR ÁFICO, TAMBIÉN SE USARON MANCHAS Y UNA DIAGR AMACIÓN DESCONTINUA PAR A REFLEJAR EL C AOS QUE TR ASMITÍ AN EN SUS TEMAS MUSIC ALES.

3.0


2011 CLIENTE

RODENCIA PROYECTO POR ENC ARGO DE UNA EMPRESA CINEMATOGR ÁFIC A PAR A EL L ANZ AMIENTO DE SU SEGUNDA PELÍCUL A EN ANIMACIÓN 3D LOS REQUERIMIENTOS FUERON RE ALIZ AR TODO SU MATERIAL MULTIMEDIA PAR A L A WEB Y QUE ESTAS REFLEJAR AN EL ESTILO Y AMBIENTACIÓN DE SU FILM.

3.1


HISTORIA

PANTALL A DE PREC ARGA

L A PELÍCUL A ESTABA SITUADA EN UN TIEMPO FICTICIO EL CUAL COMBINABA ELEMENTOS DE L AS CULTUR AS PRECOLOMBINAS EN SUDAMÉRIC A . POR LO QUE SE USARON TEXTUR AS INC AS Y A Z TEC AS QUE ESTUVIER AN ACORDE CON EL UNIVERSO DE L A PELÍCUL A .

DETALLES DE PERSONAJES

3.2 16



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.