Portfolio Fly to Digital · a.- Color del logo b.- Color de la Web. c.- Primeras versiónes del...

32
Portfolio Fly to Digital De Natalia López Sixto 2018 Portfolio

Transcript of Portfolio Fly to Digital · a.- Color del logo b.- Color de la Web. c.- Primeras versiónes del...

Page 1: Portfolio Fly to Digital · a.- Color del logo b.- Color de la Web. c.- Primeras versiónes del logo. DESCRIPCIÓN A continuación paso a explicar el color escogido para el logo y

PortfolioFly to Digital

De Natalia López Sixto

2018 Portfolio

Page 2: Portfolio Fly to Digital · a.- Color del logo b.- Color de la Web. c.- Primeras versiónes del logo. DESCRIPCIÓN A continuación paso a explicar el color escogido para el logo y

CREATIVOS

ORIGINALES

EFICACES

ESTÉTICOS

ACTUALES.

ASÍ

SON MIS

CREACIONES.

CREATIVOS

ORIGINALES

EFICACES

ESTÉTICOS

ACTUALES.

ASÍ

SON MIS

CREACIONES.

NATALIA LÓPEZ SIXTO

FUNDADORA FLY TO DIGITAL

S O B R E M Í .

Profesional quintilingue (francés-inglés-español + nivel alto alemán y...¡gallego!)

con experiencia laboral internacional.

Con un gran interés en el marketing de contenidos internacional y el diseño

gráfico.

Es por ello que realicé un MASTER DE MARKETING ONLINE Y ECOMMERCE y me

sigo formando constantemente.

Nací en Luxemburgo donde viví y estudié 13 años, trabajé 4 años en Irlanda y el

resto del tiempo en España.

He trabajado siempre en entornos multiculturales,hablando varios idiomas y

tratando diariamente con clientes de todas las partes del mundo.

Me apasiona crear todo tipo de contenido digital internacional tanto escrito

como audiovisual.

Mis hobbies son numerosos y ¡cambian constantemente con el tiempo! yoga,

natacion, escritura, lectura, viajar,canto y teatro en definitiva ¡todo lo que sea

artístico y creativo!..

12

Page 3: Portfolio Fly to Digital · a.- Color del logo b.- Color de la Web. c.- Primeras versiónes del logo. DESCRIPCIÓN A continuación paso a explicar el color escogido para el logo y

CREATIVOS

ORIGINALES

EFICACES

ESTÉTICOS

ACTUALES.

ASÍ

SON MIS

CREACIONES.

1

S o b r e m í .

2

3

T i p o g r a f í a y

c o l o r d e l l o g o y

l a w e b .

4

E j e m p l o d e

M o c k u p s

5

D i s e ñ o o f f l i n e

c o r p o r a t i v o

76 8

I n t r o p a r a v í d e o s

d e Y o u t u b e c o n

A f t e r E f f e c t s .

R e d e s S o c i a l e s y

A d s . .

V í d e o

P r e s e n t a c i ó n

CONTENIDO

ÍNDICE

M i P r o y e c t o :

F l y t o D i g i t a l .

34

Page 4: Portfolio Fly to Digital · a.- Color del logo b.- Color de la Web. c.- Primeras versiónes del logo. DESCRIPCIÓN A continuación paso a explicar el color escogido para el logo y

CREATIVOS

ORIGINALES

EFICACES

ESTÉTICOS

ACTUALES.

ASÍ

SON MIS

CREACIONES.

Volver al Índice 56

2.- MI PROYECTO: FLY TO DIGITAL

S E C T O R

Marketing de contenidosInternacional.

C L I E N T E

AULA CM

D E T A L L E S

thetravelersparrow.com

D E S C R I P C I Ó N

Explicación detallada del desarrollo de marca

de

Fly to Digital (The Traveler Sparrow.)

¿ C U A N D O E M P E Z Ó E S T A A V E N T U R A ?

M i p r i m e r p o s t l o e s c r i b í e l 1 4 d e a b r i l d e l 2 0 1 4 .

Q u e r í a e m p r e n d e r u n p r o -y e c t o d o n d e c o m u n i c a r y d e s a r r o l l a r l i b r e m e n t e , m i c r e a t i v i d a d , s i n i g n o r a r m i s a ñ o s d e e x p e r i e n c i a e n o t r o s s e c t o r e s y m i s a p t i -t u d e s u t i l i z a d a s h a s t a e s e m o m e n t o .

A l i n t e n t a r d e a y u d a r a u n a p y m e e s p a ñ o l a a e x p o r t a r , c o m p r o b é q u e s u p r e s e n c i a d i g i t a l e r a n u l a y c o n s t a t é q u e m e e r a m u y d i f i c i l v e n -d e r u n p r o d u c t o e n e l e x -t r a n j e r o s i n u n s o p o r t e d i -g i t a l i n t e r n a c i o n a l .

E n t o n c e s l o t u v e c l a r o : Q u e r í a c r e a r u n p r o y e c t o d e M A R K E T I N G O N L I N E I N T E R -N A C I O N A L .

A y u d a r a e m p r e s a s e s p a ñ o -l a s a e x p o r t a r a p o y a n d o s e d e u n s o p o r t e d i g i t a l i n t e r -n a c i o n a l .

I n g e n u a d e m í . P r o n t o d e s -c u b r í q u e e s u n m u n d o a m -p l i s i m o p o r e s o r e a l i c e u n

M A S T E R M A R K E T I N G D I G I -T A L Y E C O M M E R C E O N L I N E .

Es decir, lo que ofrezo a la empresa que quiere exportar y con ello internacionalizarse es:

Tener las RRSS adaptadas en varios idiomas o en el idioma del mercado objetivo.

La web adaptada no solo lingüística pero contextualmente a o a los mercado/s extranjero/s objetivo/s.

Crear y mantener un blog en el idioma de o de los mercado/s objetivo/scon temas afines al sector. Tener videos en el idioma de o de los mercado/s objetivo/s para darse a conocer fácil, rápida y cómodamente.

Tener todo lo necesario a nivel de documentación digital (folletos, presetaciones online) para presentarse ante potenciales clientes extranjeros.

Posicionar la marca, el servicio y/o el producto internacionalmente eninternet, para ser fácilmente encontrado por potenciales clientes extrajeros.

PLAN DE EMPRESA THE TRAVELER SPARROW.

Mas detalles en:L o q u e q u i s i e r a o f r e c e r c o n e s t e p r o y e c t o e s :

M a r k e t i n g d e c o n t e n i d o s i n t e r n a c i o n a l a t r a v é s d e t o d o t i p o d e s o p o r t e d i g i t a l i n t e r n a c i o n a l : d e s d e b l o g s h a s t a v í d e o s m u l t i l i n g ü e s p a s a n d o p o r p o d c a s t s .

Page 5: Portfolio Fly to Digital · a.- Color del logo b.- Color de la Web. c.- Primeras versiónes del logo. DESCRIPCIÓN A continuación paso a explicar el color escogido para el logo y

CREATIVOS

ORIGINALES

EFICACES

ESTÉTICOS

ACTUALES.

ASÍ

SON MIS

CREACIONES.

78

T E M A S

a.- LOGO

i.- Isotipo

b.- TIPOGRAFIA

i.- Imagotipo.

D E S C R I P C I Ó N

Explicación detallada del desarrollo de marca

de

Fly to Digital (The Traveler Sparrow.)

Volver al Índice

3 . - TIPOGRAFÍA Y COLOR DEL LOGO

Y DE LA WEB. b.-TIPOGRAFÍA

Actualmente he decidio cambiar el nombre para comunicar de que se trata el proyecto y s por ello que he cambiado la tipografía del ima-gotipo, en este caso el font es Mack Script:

a- LOGO

i.- Isotipo:

¿POR QUE UN GORRIÓN?

Lo decidí porque no quería escoger un nombre de manera fría y calcu-lada, es decir, que “solo” fuera businesslike, sino que quería que tuviera una historia.

En la época de incubación del proyecto daba largos paseos por Madrid Rio (para inspirarme) donde los gorriones siempre me llamaban la atención por las razones que explico detalladamente en las páginas: 22-31 del documento:

PLAN DE EMPRESA THE TRAVELER SPAR-ROW.

De ahí que el isotipo sea un gorrión.

Con este logo quería transmitir también DINAMISMO Y EXPANSIÓN por eso está en posición de vuelo.

El semicirculo que lo envuelve representa el mundo (para relacionarlo con la exportación y la internacionalizacion).

i.- Imagotipo.

Mi logo es un imagotipo y sobre la tipografía del logotipo pedí al diseñadoren su momento que fuera en cursiva y redondeada para que coincidiesecon el isotipo y el decidió darle dos formatos:

Page 6: Portfolio Fly to Digital · a.- Color del logo b.- Color de la Web. c.- Primeras versiónes del logo. DESCRIPCIÓN A continuación paso a explicar el color escogido para el logo y

CREATIVOS

ORIGINALES

EFICACES

ESTÉTICOS

ACTUALES.

ASÍ

SON MIS

CREACIONES.

910 11 12

:

T E M A Sa.- Color del logo

b.- Color de la Web.

c.- Primeras versiónes del logo.

D E S C R I P C I Ó N

A continuación paso a explicar el color escogido para el logo y la página web.

#0a0a0a

#5d6163

#ea5647

#ea5647 #74ea42

#020202

Versión enNegativo

3.- TIPOGRAFÍA Y COLOR DEL LOGO Y LA WEB.

a.- Color del logo: El color del logo son dos RGB:

Ala y parte superior cabeza + texto: The Traveler : 6699ff azul claro:

Pico y resto (círculo + texto: Sparrow): 003399 azul oscuro

Mas explicación sobre la elección del color, en la página 23-25:

PLAN DE EMPRESA THE TRAVELER SPARROW.

Page 7: Portfolio Fly to Digital · a.- Color del logo b.- Color de la Web. c.- Primeras versiónes del logo. DESCRIPCIÓN A continuación paso a explicar el color escogido para el logo y

CREATIVOS

ORIGINALES

EFICACES

ESTÉTICOS

ACTUALES.

ASÍ

SON MIS

CREACIONES.

CREATIVOS

ORIGINALES

EFICACES

ESTÉTICOS

ACTUALES.

ASÍ

SON MIS

CREACIONES.

13 14

c.- Evolución del Logo.

Page 8: Portfolio Fly to Digital · a.- Color del logo b.- Color de la Web. c.- Primeras versiónes del logo. DESCRIPCIÓN A continuación paso a explicar el color escogido para el logo y

CREATIVOS

ORIGINALES

EFICACES

ESTÉTICOS

ACTUALES.

ASÍ

SON MIS

CREACIONES.

1516

b.- Color de la Web.

A continuación muestro como utilizo el azul corporativo (#6699ff Cornflow-er Blue) en la página web:

Page 9: Portfolio Fly to Digital · a.- Color del logo b.- Color de la Web. c.- Primeras versiónes del logo. DESCRIPCIÓN A continuación paso a explicar el color escogido para el logo y

CREATIVOS

ORIGINALES

EFICACES

ESTÉTICOS

ACTUALES.

ASÍ

SON MIS

CREACIONES.

1718

4.- EJEMPLOS DE MOCKUPS

A continuación presento varios ejemplos

de

mockups.

a.- Web en pc.b.- Web en móvil.c.- En tarjetas de vistad.- En papel membretado.

T E M A SD E S C R I P C I Ó N

Volver al Índice

Page 10: Portfolio Fly to Digital · a.- Color del logo b.- Color de la Web. c.- Primeras versiónes del logo. DESCRIPCIÓN A continuación paso a explicar el color escogido para el logo y

CREATIVOS

ORIGINALES

EFICACES

ESTÉTICOS

ACTUALES.

ASÍ

SON MIS

CREACIONES.

1920

b.-Web en móvil.

Page 11: Portfolio Fly to Digital · a.- Color del logo b.- Color de la Web. c.- Primeras versiónes del logo. DESCRIPCIÓN A continuación paso a explicar el color escogido para el logo y

CREATIVOS

ORIGINALES

EFICACES

ESTÉTICOS

ACTUALES.

ASÍ

SON MIS

CREACIONES.

2122 23 24

c.- En tarjetas de vistad.- En papel membretado.

Page 12: Portfolio Fly to Digital · a.- Color del logo b.- Color de la Web. c.- Primeras versiónes del logo. DESCRIPCIÓN A continuación paso a explicar el color escogido para el logo y

CREATIVOS

ORIGINALES

EFICACES

ESTÉTICOS

ACTUALES.

ASÍ

SON MIS

CREACIONES.

2526

5.-DISEÑO OFFLINE CORPORATIVO

A continuación presento varios ejemplos de mockups.

a.- Tarjetasb.- Folletosc.- Papel membretado

T E M A SD E S C R I P C I Ó N

Volver al Índice

Page 13: Portfolio Fly to Digital · a.- Color del logo b.- Color de la Web. c.- Primeras versiónes del logo. DESCRIPCIÓN A continuación paso a explicar el color escogido para el logo y

CREATIVOS

ORIGINALES

EFICACES

ESTÉTICOS

ACTUALES.

ASÍ

SON MIS

CREACIONES.

2728 29 30

Page 14: Portfolio Fly to Digital · a.- Color del logo b.- Color de la Web. c.- Primeras versiónes del logo. DESCRIPCIÓN A continuación paso a explicar el color escogido para el logo y

CREATIVOS

ORIGINALES

EFICACES

ESTÉTICOS

ACTUALES.

ASÍ

SON MIS

CREACIONES.

3132

b.- Folletos

Page 15: Portfolio Fly to Digital · a.- Color del logo b.- Color de la Web. c.- Primeras versiónes del logo. DESCRIPCIÓN A continuación paso a explicar el color escogido para el logo y

CREATIVOS

ORIGINALES

EFICACES

ESTÉTICOS

ACTUALES.

ASÍ

SON MIS

CREACIONES.

3334

Page 16: Portfolio Fly to Digital · a.- Color del logo b.- Color de la Web. c.- Primeras versiónes del logo. DESCRIPCIÓN A continuación paso a explicar el color escogido para el logo y

CREATIVOS

ORIGINALES

EFICACES

ESTÉTICOS

ACTUALES.

ASÍ

SON MIS

CREACIONES.

3536

b.- Folletos

Page 17: Portfolio Fly to Digital · a.- Color del logo b.- Color de la Web. c.- Primeras versiónes del logo. DESCRIPCIÓN A continuación paso a explicar el color escogido para el logo y

CREATIVOS

ORIGINALES

EFICACES

ESTÉTICOS

ACTUALES.

ASÍ

SON MIS

CREACIONES.

3738

c.- Papel membretado

Page 18: Portfolio Fly to Digital · a.- Color del logo b.- Color de la Web. c.- Primeras versiónes del logo. DESCRIPCIÓN A continuación paso a explicar el color escogido para el logo y

CREATIVOS

ORIGINALES

EFICACES

ESTÉTICOS

ACTUALES.

ASÍ

SON MIS

CREACIONES.

3940

a.- Página de empresa de Facebook (2 versiones)b.- Página de empresa de Instagramc.- Página de empresa de Twitterd.- Página de empresa de Linkedin (4 versiones)e.- Ads de facebook (3 versiones ) y de Instagram (6 versiones ) f.- Varias Publicaciones creaciones de Instagram.

A continuación presento varios ejemplos de mockups.

Volver al Índice

6 . - REDES SOCIALES Y ADS.T E M A S

D E S C R I P C I Ó N

Page 19: Portfolio Fly to Digital · a.- Color del logo b.- Color de la Web. c.- Primeras versiónes del logo. DESCRIPCIÓN A continuación paso a explicar el color escogido para el logo y

41 42

a.- Página de empresa de Facebook (versión 2)

Page 20: Portfolio Fly to Digital · a.- Color del logo b.- Color de la Web. c.- Primeras versiónes del logo. DESCRIPCIÓN A continuación paso a explicar el color escogido para el logo y

CREATIVOS

ORIGINALES

EFICACES

ESTÉTICOS

ACTUALES.

ASÍ

SON MIS

CREACIONES.

4344

b.- Página de empresa de Instagram

Page 21: Portfolio Fly to Digital · a.- Color del logo b.- Color de la Web. c.- Primeras versiónes del logo. DESCRIPCIÓN A continuación paso a explicar el color escogido para el logo y

CREATIVOS

ORIGINALES

EFICACES

ESTÉTICOS

ACTUALES.

ASÍ

SON MIS

CREACIONES.

4546

c.- Página de empresa de Twitter

Page 22: Portfolio Fly to Digital · a.- Color del logo b.- Color de la Web. c.- Primeras versiónes del logo. DESCRIPCIÓN A continuación paso a explicar el color escogido para el logo y

CREATIVOS

ORIGINALES

EFICACES

ESTÉTICOS

ACTUALES.

ASÍ

SON MIS

CREACIONES.

4748

d.- Página de empresa de Linkedin(versión 1)

Page 23: Portfolio Fly to Digital · a.- Color del logo b.- Color de la Web. c.- Primeras versiónes del logo. DESCRIPCIÓN A continuación paso a explicar el color escogido para el logo y

CREATIVOS

ORIGINALES

EFICACES

ESTÉTICOS

ACTUALES.

ASÍ

SON MIS

CREACIONES.

4950 51 52 53 54

d.- Página de empresa de Linkedin(versión 2)

d.- Página de empresa de Linkedin(versión 3)

d.- Página de empresa de Linkedin(versión 4)

d.- Página de empresa de Linkedin(versión 4 extendida)

Page 24: Portfolio Fly to Digital · a.- Color del logo b.- Color de la Web. c.- Primeras versiónes del logo. DESCRIPCIÓN A continuación paso a explicar el color escogido para el logo y

CREATIVOS

ORIGINALES

EFICACES

ESTÉTICOS

ACTUALES.

ASÍ

SON MIS

CREACIONES.

5556 57 58 59 60

e.- Ads de facebook (3 versiones ) y de Instagram.

Facebook Ad (3 versiones) Facebook ad versión 2

Facebook Ad versión 1

Facebook ad versión 3

Page 25: Portfolio Fly to Digital · a.- Color del logo b.- Color de la Web. c.- Primeras versiónes del logo. DESCRIPCIÓN A continuación paso a explicar el color escogido para el logo y

61 62 63 64

Ads de Instagram (3 versiones )

Ads de Instagram ( versión 1 ) Ads de Instagram ( versión 2 )

Page 26: Portfolio Fly to Digital · a.- Color del logo b.- Color de la Web. c.- Primeras versiónes del logo. DESCRIPCIÓN A continuación paso a explicar el color escogido para el logo y

CREATIVOS

ORIGINALES

EFICACES

ESTÉTICOS

ACTUALES.

ASÍ

SON MIS

CREACIONES.

6566

Ads de Instagram ( versión 3 )

Page 27: Portfolio Fly to Digital · a.- Color del logo b.- Color de la Web. c.- Primeras versiónes del logo. DESCRIPCIÓN A continuación paso a explicar el color escogido para el logo y

67 68

Ads de Instagram ( versión 4 )

Page 28: Portfolio Fly to Digital · a.- Color del logo b.- Color de la Web. c.- Primeras versiónes del logo. DESCRIPCIÓN A continuación paso a explicar el color escogido para el logo y

CREATIVOS

ORIGINALES

EFICACES

ESTÉTICOS

ACTUALES.

ASÍ

SON MIS

CREACIONES.

6970

f.- Varias Publicaciones creaciones de Instagram.

Vídeos creativos hecho con After Effects: para instagram:a.- overlay con after effectsb.- stories para instagram con after effects.

a

b

Page 29: Portfolio Fly to Digital · a.- Color del logo b.- Color de la Web. c.- Primeras versiónes del logo. DESCRIPCIÓN A continuación paso a explicar el color escogido para el logo y

CREATIVOS

ORIGINALES

EFICACES

ESTÉTICOS

ACTUALES.

ASÍ

SON MIS

CREACIONES.

7172Volver al Índice

7 . - Intro para vídeos de Youtube con After Effect:

Page 30: Portfolio Fly to Digital · a.- Color del logo b.- Color de la Web. c.- Primeras versiónes del logo. DESCRIPCIÓN A continuación paso a explicar el color escogido para el logo y

CREATIVOS

ORIGINALES

EFICACES

ESTÉTICOS

ACTUALES.

ASÍ

SON MIS

CREACIONES.

7374Volver al Índice

8 . - Vídeo Presentación de marca:

Page 31: Portfolio Fly to Digital · a.- Color del logo b.- Color de la Web. c.- Primeras versiónes del logo. DESCRIPCIÓN A continuación paso a explicar el color escogido para el logo y

“En la lucha contra la realidad, el hombre tiene solo un arma: la

imaginación” Teófilo Gautier

CREATIVOS

ORIGINALES

EFICACES

ESTÉTICOS

ACTUALES.

ASÍ

SON MIS

CREACIONES.

7576Volver al Índice

M a d e b yN a t a l i a L ó p e z S i x t o

Fundadora de Fly to Digital

YOURLOGOH E R E

Page 32: Portfolio Fly to Digital · a.- Color del logo b.- Color de la Web. c.- Primeras versiónes del logo. DESCRIPCIÓN A continuación paso a explicar el color escogido para el logo y

77

hello@thetravelersparrow.

+34 620410089

www.thetravelersparrow.com

Madrid 28003

C O N T A C T M E