Sunteți pe pagina 1din 181

REPBLICA BOLIVARIANA DE VENEZUELA

UNIVERSIDAD NUEVA ESPARTA


FACULTAD DE CIENCIAS ADMINISTRATIVAS
ESCUELA DE ADMINISTRACIN DE EMPRESAS DE DISEO

Lnea de Investigacin: Cultural Organizacional e Imagen Corporativa


Tema: Diseo de Imgenes Corporativas para empresas que sern creadas o ya creadas
que carecen de una imagen definida o sern relanzadas al mercado

DISEO DE LA IDENTIDAD CORPORATIVA Y CREACIN


DEL SITIO WEB PARA LA EMPRESA DE DISEO GRFICO
REPRESENTACIONES FAB-UP, MUNICIPIO- LIBERTADOR.

Tutor:
Ing. David Lugo Parra

Proyecto de Grado presentado por:


Br. Umpierre Pitre, Fabin E.
C.I. 17.974.740
Para optar por el Ttulo de:
Licenciado en Administracin
de Empresas de Diseo
Noviembre, 2011

CARACAS VENEZUELA

Diseo de la Identidad Corporativa y Creacin del Sitio Web para la empresa de diseo grfico
Representaciones Fab-UP Municipio - Libertador by Umpierre, Fabin is licensed under a Creative Commons
Reconocimiento-NoComercial-CompartirIgual 3.0 Unported License.

Repblica Bolivariana de Venezuela


Universidad Nueva Esparta
Facultad de Ciencias Administrativas
Escuela de Administracin de Empresas de Diseo

Lnea de Investigacin: Cultural Organizacional e Imagen Corporativa


Tema: Diseo de Imgenes Corporativas para empresas que sern creadas o ya creadas
que carecen de una imagen definida o sern relanzadas al mercado

DISEO DE LA IDENTIDAD CORPORATIVA Y CREACIN


DEL SITIO WEB PARA LA EMPRESA DE DISEO GRFICO
REPRESENTACIONES FAB-UP, MUNICIPIO- LIBERTADOR.

JURADO METODOLGICO
___________________________

JURADO TCNICO
___________________________

Nombres y Apellidos
___________________________

Nombres y Apellidos
___________________________

C.I.

C.I.

___________________________

___________________________

Firma

Firma

Noviembre, 2011
CARACAS, VENEZUELA

Diseo de la Identidad Corporativa y Creacin del Sitio Web para la empresa de diseo grfico
Representaciones Fab-UP Municipio - Libertador by Umpierre, Fabin is licensed under a Creative Commons
Reconocimiento-NoComercial-CompartirIgual 3.0 Unported License.

NDICE

DEDICATORIA...................................................................................................................................vii
AGRADECIMIENTOS.....................................................................................................................vii
RESUMEN.............................................................................................................................................ix
SUMMARY..............................................................................................................................................x
INTRODUCCIN.................................................................................................................................1
CAPTULO I: EL PROBLEMA DE INVESTIGACIN ......................................................6
1.1 Planteamiento del Problema................................................................................6
1.2 Formulacin del Problema.....................................................................................8
1.3 Objetivos.........................................................................................................................9
1.3.1 Objetivo General.................................................................................................9
1.3.2 Objetivos Especficos.......................................................................................9
1.4 Justificacin de la Investigacin.......................................................................10
1.5 Delimitaciones...........................................................................................................11
1.5.1 Temtica...............................................................................................................11
1.5.2 Geogrfica...........................................................................................................11
1.5.3 Temporal...............................................................................................................11
1.6 Limitaciones..............................................................................................................12
CAPTULO II: MARCO REFERENCIAL ...............................................................................13
2.1 Antecedentes de la Investigacin....................................................................13
2.2 Bases Tericas..........................................................................................................16
2.2.1 La Identidad........................................................................................................16
2.2.2 La Identidad Corporativa..............................................................................16
2.2.2.1 Los signos de la identidad corporativa ......................................17

2.2.3 Manual de Identidad Corporativa.........................................................18


2.2.3.1 Caractersticas de un Manual Corporativo..........................18
2.2.4 La Imagen........................................................................................................20
2.2.5 La Imagen Corporativa.............................................................................22
2.2.6 El Logotipo......................................................................................................23
2.2.6.1 Estilos de Logotipos.......................................................................24
2.2.7 El Diseo..........................................................................................................24
2.2.8 El Diseo Grfico.........................................................................................25
2.2.8.1 Breve Resea Histrica del Diseo Grfico.......................26
2.2.8.2 El Diseo Como un Proceso de Creatividad......................27
2.2.9.3 Elementos del Diseo Grfico..................................................27
2.2.9 El Color.............................................................................................................30
2.2.9.1 La Psicologa del Color...................................................................32
2.2.9.2 El Color en la Identidad Corporativa ........................................38
2.2.10 La Tipografa................................................................................................40
2.2.10.1 Familias Tipogrficas...................................................................42
2.2.10.2 La Tipografa en la Identidad Corporativa.........................48
2.2.11 La Marca........................................................................................................49
2.2.12 La Publicidad...............................................................................................52
2.4.13 El Branding...................................................................................................53
2.2.14 El Marketing.................................................................................................55
2.2.15 El Servicio.....................................................................................................56
2.4.16 La Empresa..................................................................................................57
2.2.17 La Empresa Representaciones Fab-UP.....................................58
2.2.18 Consideraciones Legales de la Investigacin.............................60
2.4.18.1 Constitucin Venezolana 60
2.2.18.2 El Copyright.....................................................................................60
2.2.18.3 SAPI.....................................................................................................61
2.4.19 Internet...........................................................................................................64
2.2.20 World Wide Web........................................................................................65
ii

2.2.21 Sitio Web.......................................................................................................66


2.4.22 Diseo Web..................................................................................................67
2.2.23 Sistema de Navegacin.........................................................................67
2.2.24 reas de Contenido.................................................................................69
2.4.25 reas de Interaccin................................................................................69
2.2.26 Experiencia de Usuario..........................................................................70
2.2.27 Uso de Botones Web..............................................................................70
2.4.28 Enlaces...........................................................................................................71
2.2.29 Lenguajes de Programacin Web....................................................72
2.2.29.1 HTML...................................................................................................72
2.2.29.2 XML......................................................................................................73
2.2.29.3 XHTML...............................................................................................74
2.2.29.4 CSS......................................................................................................74
2.2.29.5 Interfaz................................................................................................74
2.2.30 Adobe Flash................................................................................................76
2.2.31 Adobe Dreamweaver...76
2.3 Glosario de Trminos Bsicos...77
CUADRO DE VARIABLES..........................................................................................................83
CAPTULO III: MARCO METODOLGICO........................................................................85
3.1 Tipo de Investigacin.............................................................................................85
3.2 Diseo de Investigacin.......................................................................................86
3.3 Poblacin y Muestra...............................................................................................88
3.3.1 Poblacin.............................................................................................................88
3.3.1.1 Poblacin A.................................................................................................88
3.3.1.2 Poblacin B.................................................................................................89
3.3.2 Muestra.................................................................................................................89
3.4 Tcnicas y Recoleccin de Datos...................................................................91
3.5 Tcnicas Instrumentos de Procesamiento y Anlisis de Datos........95
iii

3.6 Tcnicas e Instrumentos de Anlisis de Datos.........................................96


3.7 Validacin de los Instrumentos.........................................................................96

CAPTULO IV: PRESENTACIN Y ANLISIS DE RESULTADOS............. 97


4.1 Presentacin de los resultados obtenidos a travs de la Entrevista realizada a
la Poblacin A: Directivo ............................................................................97
4.1.1 Anlisis

de

los

resultados

obtenidos

travs

de

la

Entrevista....106
4.2 Presentacin de los resultados obtenidos a travs de las Encuestas realizadas
a la Poblacin B: Expertos en Diseo Grfico y Web ...107
4.2.1 Anlisis General de los resultados obtenidos a travs de las
Encuestas...125
4.3. Anlisis General de los datos obtenidos a travs de todos los instrumentos
aplicados

...127

CAPTULO V: PROPUESTA. ...................................................................................................130


5.1 Consideraciones Generales............................................................................130
5.2 Logotipo.....................................................................................................................131
5.2.1 Boceto inicial del Logotipo........................................................................131
5.2.2 Logotipo Final.................................................................................................132
5.2.3 Pruebas de Color..........................................................................................133
5.2.4 Elementos Grficos del Logotipo..........................................................134
5.2.4.1 Elemento Vectorial...........................................................................134
5.2.4.2 cono de Marca..................................................................................134
5.2.4.3 Slogan.....................................................................................................135
5.3. Color.........................................................................................................................135
5.3.1 Colores Pantone....................................................................................136
5.3.2 Cuatricroma CMYK .............................................................................137

i
v

5.3.3 Modelo de Color para pantalla RGB...........................................137


5.3.4 Colores de fondo para material impreso y fondo de pantalla 138
5.4 Tipografa.................................................................................................................139
5.5 Diagramacin.........................................................................................................140
5.5.1 Plantilla de Diagramacin........................................................................141
5.6 Piezas Grficas de Identidad Corporativa ...............................................142
5.6.1 Tarjeta de Presentacin.....................................................................142
5.6.2 Hoja Membrete.......................................................................................143
5.6.3 Factura.......................................................................................................144
5.6.4 Carpeta......................................................................................................145
5.6.5 Sello Hmedo.........................................................................................146
5.7 Sitio Web...............................................................................................................147
5.7.1 Navegacin Lineal................................................................................147
5.7.2 Estructura de la plantilla....................................................................148
5.7.3 Aspectos tcnicos del sitio web.....................................................149
5.7.4 Home...........................................................................................................150
5.7.5 Link Portafolio.........................................................................................151
5.7.6 Link Bio......................................................................................................152
5.7.7 Link Contacto..........................................................................................153
CONCLUSIONES Y RECOMENDACIONES...................................................................154
CONCLUSIONES........................................................................................................154
RECOMENDACIONES............................................................................................157

BIBLIOGRAFA..............................................................................................................................159
REFERENCIAS BIBLIOGRFICAS......................................................................................159
REFERENCIAS ELECTRNICAS ..................................................................................161

NDICE DE IMGENES

Imagen N 1. Boceto de Logotipo..........................................................................................131


Imagen N 2. Logotipo final.......................................................................................................132
Imagen N 3. Pruebas de color...............................................................................................133
Imagen N 4. Elemento vectorial............................................................................................134
Imagen N 5. Icono de marca...................................................................................................134
Imagen N 6. Slogan.....................................................................................................................135
Imagen N 7. Colores Pantone................................................................................................136
Imagen N 8. Colores CMYK....................................................................................................137
Imagen N 9. Colores RGB.......................................................................................................137
Imagen N 10. Colores de fondo............................................................................................138
Imagen N 11. Tipografa............................................................................................................139
Imagen N 12. Plantilla de Diagramacin...........................................................................141
Imagen N 13. Tarjeta de presentacin...............................................................................142
Imagen N 14. Hoja Membrete................................................................................................143
Imagen N 15. Factura.................................................................................................................144
Imagen N 16. Carpeta................................................................................................................145
Imagen N 17. Sello Hmedo...................................................................................................146
Imagen N 18. Navegacin lineal...........................................................................................147
Imagen N 19. Botonera..............................................................................................................147
Imagen N 20. Uso de la Botonera........................................................................................148
Imagen N 21. Plantilla del sitio web....................................................................................148
Imagen N 22. Storyboard de la animacin en Flash...................................................149
Imagen N 23. Home o Pgina principal.............................................................................150
Imagen N 24. Link Portafolio...................................................................................................151
Imagen N 25. Link Bio................................................................................................................152
Imagen N 26. Link Contacto....................................................................................................153

vi

DEDICATORIA

Este Trabajo de Grado se lo dedico especialmente a mi madre Xiomara Pitre


de Umpierre y a mi padre Vctor E. Umpierre N., solo les puedo decir Muchas
Gracias por el gran amor y el gran aprecio que me han tenido, igualmente
por el gran apoyo econmico que me han dado.
Todo el esfuerzo que he hecho por realizar esta investigacin es
especialmente para ustedes dos.

vi
i

AGRADECIMIENTOS

Quiero agradecer primero que nada a Dios por darme la ayuda necesaria en
cada momento de mi vida y en segundo lugar a mis padres por el gran apoyo
afectivo y econmico que ellos me han brindado, no solo durante el proceso
de estudio de la carrera sino tambin desde muy pequeo todo lo que han
hecho por m ha sido muy importante y eso lo valoro mucho.
Luego quiero agradecer a mi Tutor David Lugo Parra por haberme ayudado
en el desarrollo del presente proyecto, tanto en lo terico como en lo prctico
y por ltimo darle las gracias a los profesores de la Universidad Nueva
Esparta por darme el apoyo y ofrecerme todos los conocimientos necesarios
para formarme como un profesional capacitado y preparado en la carrera de
Administracin Empresas de Diseo, algunos profesores ms que otros por
ciertos proyectos importantes que he realizado en la Universidad, la lista es
muy grande pero an as ellos saben quines son.

vii
i

RESUMEN
Universidad: Nueva Esparta (U.N.E.)
Facultad: Ciencias Administrativas
Escuela: Administracin de Empresas de Diseo
Ttulo: DISEO DE LA IDENTIDAD CORPORATIVA Y CREACIN DEL
SITIO WEB
PARA LA EMPRESA DE DISEO GRFICO
REPRESENTACIONES FAB-UP, MUNICIPIO- LIBERTADOR.
Tutor: Ing. David Lugo Parra
Autor: Br. Umpierre Pitre, Fabin E.
Palabras Clave: Identidad Corporativa, Diseo Grfico, Sitio Web, Empresa,
Mercado y Publicidad.
El siguiente proyecto se bas en disear y crear la Identidad
Corporativa como el Sitio Web de la empresa de Diseo Grfico
Representaciones Fab-UP, sta empresa actualmente es nueva en el
mercado venezolano y fue creada en el mes de agosto de 2011, su servicio
est basado en el servicio publicitario en general, an as por ser nueva en el
mercado no posea una Identidad Corporativa que la representara, por ello el
presente proyecto se bas en resolver dicho problema elaborando los
elementos visuales de la empresa. Por otro lado uno de los planes por parte
de la empresa es poder promocionar sus servicios a travs de su sitio web, la
empresa deseaba promocionar sus servicios por medio del espacio virtual y
por eso se desarrollo un plan para disear tanto la papelera corporativa
como el Sitio Web de la empresa, manteniendo una relacin directa con los
elementos visuales que la representan.
Para llevar a cabo este proyecto, se realiz un trabajo metodolgico
sobre los elementos en el Diseo Grfico, el Mercado, el Diseo Web y los
aspectos legales que deben considerarse para crear la Identidad Corporativa
y Sitio Web de la Empresa, tambin se realizaron una serie de encuestas a
tres (3) expertos en el rea del Diseo, los cuales fueron la Lic. En
Administracin de Empresa de Diseo Diana Caldern, el Arquitecto,
Publicista y Fotgrafo Eleazar Briceo, y la Lic. en Administracin de
Empresas de Diseo Luca Gonzlez, igualmente se hizo una entrevista al
directivo de la Empresa Vctor E. Umpierre N. Finalmente esta investigacin
Documental y de Campo se defini como Proyecto Factible logrando el xito
de cada uno de los objetivos planteados, diseando las piezas de Identidad
Corporativa como el Sitio Web de la Empresa Representaciones Fab-UP.

i
x

SUMMARY

University: Nueva Esparta (U.N.E.)


Faculty: Administrative Sciences
School: Administration of Design Business
Title: DESIGN OF THE CORPORATE IDENTITY AND CREATION OF THE
WEBSITE
FOR
THE
ENTERPRISE
OF
GRAPHIC
DESIGN
REPRESENTACIONES FAB-UP, LIBERTADOR TOWNSHIP
Tutor: Ing. David Lugo Parra Author:
Br. Umpierre Pitre, Fabin E.
Keywords: Corporate Identity, Graphic Design, Website, Enterprise, Market
and Publicity.
The next project was based in design and creates the Corporative
identity and the Website of the Enterprise of Graphic Design
Representaciones Fab- UP, nowadays this enterprise is new in the
Venezuelan market, her service is based in the branding and in the general
publicity, and because of being new in the market it had no a Corporative
Identity that represent it, thats why the next project was based in to resolve
that problem making the visual elements of the enterprise. On the other hand,
one of the plans of the enterprise was to promote her services by her website,
the enterprise wanted to promote her services by the virtual space and thats
why it thought in design as the corporative flyers, and the enterprises
Website, maintaining a direct relation with the visual elements that represent
it.
To carry out this project, it makes a study about the elements in the
Graphic Design, the Market, the Web Design and the legal aspects that
should be considered to create de Corporative Identity and the Website of the
enterprise, also was realized an survey to three experts in the design area,
which were the Licensed in Administration of Design Business Diana
Caldern, the Architect, Publicist and Photographer Eleazar Briceo and the
Licensed in Administration of Design Business Lucia Gonzlez, also it was
make a survey to the manager of the Enterprise Vctor E. Umpierre N. Finally,
this Documental and Camp Investigation was defined as a Realizable Project
achieving the successful of each one of the Posed Objectives, it get to design
the flyers and design and set up the Website of the Enterprise
Representaciones Fab-UP.
x

INTRODUCCIN

Desde hace muchos aos hasta nuestros tiempos el hombre ha


tratado de crear una fuerte sensacin de pertenencia que lo represente,
identifique y diferencie de otros seres humanos por medio de signos,
smbolos y otros elementos visuales, lo hemos visto a travs de la historia
como en varias culturas, religiones y acontecimientos sociales que han
transcurrido durante los ltimos aos.
Esto todava sigue ocurriendo por el hecho de poder expresar as sea
la personalidad o las caractersticas de cada individuo u organizacin. Esa
filosofa actualmente es lo que regula el comportamiento de las empresas;
estas incluso para mantener un cierto estilo, deben procurar reglamentar
todas las expresiones en las que se mezcla su imagen. Actualmente las
empresas son las que estn a la vanguardia de materializar y dar vida a una
idea colectiva de pertenencia y finalidad por medio de su identidad. Cada
organizacin es nica y la identidad debe surgir de sus propias races, de sus
valores y de sus puntos fuertes y dbiles.
Hoy en da es el diseador grfico el encargado de estudiar y
desarrollar por medio de sus habilidades en diseo y creatividad, la identidad
corporativa de las empresas el cual consiste en realizar un autntico cdigo
de comportamiento, reglas y ejemplos visuales tales como los nombres,
smbolos, logotipos, tipografas, colores y otros ejemplos que la organizacin
utiliza para distinguir sus productos y servicios de otras marcas. Como se
comento al principio, estos signos, tienen el mismo fin que los smbolos
religiosos, las banderas y smbolos nacionales que han sido utilizados
durante toda la historia y que en definitiva lo que se busca por medio de ellos
es lograr comunicar un mensaje especifico, en el caso

general de una empresa se busca es una opinin pblica favorable para que
de esa manera se pueda posicionar la marca en la mente del consumidor.
Cuando una empresa es nueva en el mercado, esta es la razn ms
evidente para tener una identidad, es un error pensar que no hace falta crear
una, siempre se tiene una, y es que es indispensable tenerla para que el
pblico tenga esa opinin favorable del producto o servicio de la empresa. La
identidad es reflejada en la imagen de la marca y hoy en da son las marcas
las que le dan valor a las empresas, por eso motivo es importante lograr una
buena impresin en los clientes, porque estos evaluarn no solamente los
productos y servicios que se ofrecen, sino tambin, la atencin, la seriedad y
el profesionalismo que es manifestado en la imagen de la marca, si la
empresa cumple con ese objetivo sus propsitos de ventas sern mejores y
su reputacin ser valorada.
Un proceso de comunicacin que da a conocer una marca es la
publicidad que difunde los productos y servicios de la empresa y que tiene
como objetivo hacer que el consumidor los identifique y los valores para que
en consecuencia proceda a su compra. Otro concepto que trabaja con la
marca es el branding el cual es un mecanismo que procesa construye y
define una marca, ese trabajo elaborado se lleva a cabo por medio de un
plan de marketing que estudia y analiza los factores que intervienen tanto
dentro como fuera de la empresa; eso incluye tanto trminos legales, estudio
de los clientes, el producto, el servicio, la misin y valores que tenga la
empresa.
Lo importante es que toda organizacin mantenga un buen plan de
marketing cuidando todos esos aspectos y objetivos que se plantee y por
medio de la publicidad dar a conocer su mejor cara en cuanto a lo que est
ofreciendo. En el presente, las empresas modernas incluyen en su estructura
publicitaria muchas formas de publicidad para poder promocionarse, y la

tecnologa es una de ellas, por ejemplo un sitio web es una forma de


promocin muy utilizada ya que es esencial para el ambiente competitivo que
hoy existe a nivel global, y es que internet es una gran herramienta que tiene
un gran alcance, por eso su importancia es tomada en cuenta por varias
empresas.
Si comparamos los sitios web de ahora con los que hubo
anteriormente, veremos que existen numerosos conceptos y nuevas
terminologas que han mejorado la calidad del mundo virtual, tales conceptos
de programacin se complementan tambin con el diseo web, lo que hace
no solo funcional el sitio, sino que tambin lo hace ms atractivo para el
usuario por medio de animaciones, efectos y composiciones que crean un
aporte ms interesante al espacio virtual.
Muchos usuarios que desean informarse sobre un producto o servicio
prefieren visitar el sitio web que le ofrece la empresa y la identidad
corporativa se ve reflejada en su sitio, as el cliente sentir ms influencia por
conocer el producto o servicio de la empresa manteniendo una relacin que
la identifique; por eso tanto dentro como fuera de la web se debern manejar
varios elementos y conceptos que mantengan un lineamiento visual, todo
depender de esos elementos visuales que se trabajen con un objetivo
especifico.
Los fundamentos tericos que aparecen en el marco del Trabajo
Especial de Grado contemplaron la teora de la comunicacin visual,
marketing y conceptos del espacio virtual, las motivaciones para la
escogencia del tema planteado se inclinaron por fundar un plan de Identidad
Corporativa para una nueva empresa venezolana encargada precisamente
del diseo grfico.
La importancia de una empresa en diseo grfico en Venezuela es
que actualmente existe en el pas un extenso grupo de creativos con talento,
3

y formar una empresa ha resultado ser de gran importancia y por eso se


debe organizar una identidad que conlleve a crear en la mente del pblico
una interesante y atractiva imagen de estas empresas, igualmente la
importancia surge de poder publicar esas ideas creativas y as estos
abocados al mundo del diseo puedan crecer y destacar la calidad de sus
proyectos a nivel internacional, y eso es porque vivimos en mundo
globalizado, por eso la importancia en primer punto sera solo en Venezuela
pero ms tambin a nivel global, hoy en da la tecnologa rompe las barreras
y muchos artistas se relacionan por medio de ella, se trata de la pujante e
innovadora globalizacin que toca temas del sector de la economa del
marketing y la publicidad, as como muchos otros. Un profesional debe
conocer todos estos aspectos tantos tericos como prcticos para poder
manejar con excelencia todo el campo competitivo que le toca enfrentar, por
ende en el presente trabajo se tocan temas de esos diversos aspectos
algunos ya nombrados al principio de la introduccin.
En cuanto a la modalidad de investigacin esta consisti en una
investigacin de campo y documental. De igual forma, fueron definidos los
procedimientos de la estructuracin que permitieron el logro de los objetivos
planteados. Cabe destacar que el Trabajo de Grado se estructur en V
captulos. El Capitulo I presenta el planteamiento del problema, los objetivos
tanto el general como los especficos, la justificacin y la importancia. El
Capitulo II comprende los antecedentes de la investigacin, fundamentos
tericos, la definicin operativa de los trminos bsicos, las bases legales y
la resea institucional. El Captulo III se refiere al Marco Metodolgico que
comprende el tipo de investigacin segn el diseo o estrategia y segn el
nivel de conocimiento. Asimismo, incluye las tcnicas e instrumentos de
recoleccin de datos y los procedimientos del desarrollo. El Captulo IV se
refiere al anlisis e interpretacin de los resultados de la investigacin, luego
en el Captulo V se presenta la propuesta planteada. Despus se presentan

las Conclusiones y Recomendaciones. Como final se hace un listado de las


referencias bibliogrficas.

CAPTULO I
EL PROBLEMA DE INVESTIGACIN

1.1.- PLANTEAMIENTO DEL PROBLEMA


Por medio de la Identidad Corporativa se reflejan los valores y
cualidades de una empresa, y si una empresa no tiene identidad entonces no
refleja ninguna caracterstica que la represente, ninguna particularidad que
hable por ella y ninguna forma de hacer contactos por medio de sus clientes.
Seguramente podr tener definido sus valores y objetivos, pero si no posee
una identidad corporativa definitivamente no es nada en el mundo del
mercado porque no se est dando a conocer.
Por eso toda empresa necesita una Identidad Corporativa, sobre todo
si es nueva en el mercado, es necesario crear una, para identificar sus
cualidades y as ofrecer los productos y servicios con las caractersticas
corporativas que la conforman. El problema planteado ocurre con la empresa
Representaciones Fab-UP la cual carece de un proyecto integral de
desarrollo que la represente justamente porque es nueva en el mercado, por
lo que se desarrollar un trabajo basado en la identidad de la mencionada
organizacin.
Cabe nombrar que esta es una empresa especializada en el diseo
grfico, esto es una particularidad muy importante porque el diseo grfico es
el medio por el cual se crean todos los elementos grficos de una Identidad
Corporativa, por eso la participacin que tiene el diseador grfico en este
trabajo es fundamental, ya que ste experto en creatividad tendr como
objetivo crear los elementos grficos en un manual corporativo de una
empresa especializada en su rea.

Otro aspecto importante que forma parte del problema planteado es la


creacin de un sitio web, lo que ayudar a promocionar la empresa, y es que
un sitio web se percibe hoy en da como una poderosa herramienta de
marketing, por eso muchas organizaciones crean una porque la oportunidad
de generar ventas es muy grande, por eso el posicionamiento de un sitio web
en internet para una empresa es de suma importancia, porque compone una
presencia y visibilidad que se vuelve esencial ya que permite el contacto y
comunicacin con un gran nmero de personas.
Resumiendo y analizando todos estos puntos se plantea que el
problema es que la empresa Representaciones Fab-UP es nueva en el
mercado y no tiene identidad corporativa que la represente, y por otro lado no
posee un medio por el cual promocionar sus servicios, dicho servicios se
refieren a la creacin de todo material publicitario ya que la empresa brinda
ideas y soluciones en base al diseo grfico como material impreso y digital,
esta es una fortaleza que tiene la empresa porque disear y dar ideas
creativas en diferentes reas la ayuda a atraer una gran cantidad de
personas que necesitan un servicio publicitario. Por ende, los conocimientos
que la empresa posee sern aplicados para el desarrollo de su propia
imagen y tambin para generar un medio de promocin que la ayudar a
desarrollarse, darse a conocer e igualmente conocer sus futuros clientes.

1.2.- FORMULACIN DEL PROBLEMA


Segn Arias (2006), la Formulacin del problema es la concrecin del
planteamiento en una pregunta precisa, en este sentido, se formularon las
siguientes interrogantes que guardan una estrecha relacin entre s, con el
fin de facilitar la bsqueda de los elementos grficos a utilizar y su aplicacin
en el diseo del sitio web.

Cules son las necesidades y expectativas de los directivos de la


empresa Representaciones Fab-UP con respecto al diseo de su
Identidad Corporativa?

Cules elementos grficos deben incorporarse en el diseo de la


Identidad Corporativa de la empresa Representaciones Fab-UP?

Cules son las caractersticas del servicio que ofrece la empresa?

Cul es la importancia de promocionar la empresa por medio de un


sitio web?

Cules son las herramientas fundamentales para la elaboracin del


sitio web?

Cmo se integrarn los elementos grficos de la Identidad


Corporativa de la empresa Representaciones Fab-UP en el diseo del
sitio web?

Qu informacin debe contener cada seccin que conforma el sitio


web de la empresa Representaciones Fab-UP?

1.3.- OBJETIVOS
1.3.1.- OBJETIVO GENERAL
Disear la Identidad Corporativa y crear el Sitio Web de la empresa de
diseo grfico Representaciones Fab-UP ubicada en el Municipio Libertador.

1.3.2.- OBJETIVOS ESPECFICOS

Establecer las necesidades y expectativas de los directivos de la


empresa Representaciones Fab-UP con respecto al diseo de su
Identidad Corporativa.

Determinar el segmento del mercado al cual van dirigidos los servicios


de la empresa Representaciones Fab-UP.

Establecer los elementos grficos necesarios para la elaboracin de la


Identidad Corporativa de la empresa objeto de estudio.

Definir los elementos grficos que deben ser incorporados en el


diseo del sitio web de la empresa Representaciones Fab-UP.

Determinar la estructura del sitio web de la empresa Representaciones


Fab-UP.

Determinar los costos que implican el desarrollo de su Identidad


Corporativa y Sitio Web.

1.4.- JUSTIFICACIN DE LA INVESTIGACIN


El propsito del siguiente proyecto busca resolver el problema de
identidad de la empresa de diseo grfico Representaciones Fab-UP,
empresa registrada legalmente en Venezuela, que carece de un proyecto de
Identidad Corporativa. Esta contar con un Sitio Web y una unidad impresa

corporativa en donde su objetivo se mantiene por proyectar una imagen con


las caractersticas que la representan para hacerla reconocida en el mercado
venezolano.
La importancia de esta situacin es que la empresa es nueva y no
tiene una imagen propia, aparte la empresa considera que un sitio web es un
medio de promocin masivo comparado con otros medios publicitarios, por
eso disear la Identidad Corporativa y el Sitio Web, es el objetivo para
resolver el problema de imagen comercial y promocional. Por ende se
estudiarn y se pondrn en prctica conceptos, parmetros y reglas
especficas tanto de diseo, marketing, procedimientos legales y aspectos
tecnolgicos, para finalmente generar una imagen visual que defina los
conceptos de identidad tales como la misin, visin y valores de esta
empresa.
Es importante nombrar que esta es una empresa de diseo grfico,
eso justifica el hecho de utilizar los recursos tericos y tcnicos que esta
tiene ya que se trata de una empresa con soluciones creativas e
innovadoras, por ello se usarn todas las herramientas que la empresa
posee investigando las caractersticas que la conforman y definiendo cules
son los elementos que la identifican, tambin gracias a la ayuda de textos y
especialistas en la materia del diseo grafico. Para el sitio web se usaran
nuevas tendencias en el rea de diseo web, consultando textos,
especialistas y los propios clientes de la empresa para verificar las
caractersticas que ayudaran a la prefecta estructuracin del sitio, con la
finalidad de poder generar una usabilidad propiamente cmoda y de
agradable impacto visual tanto para el cliente como para la empresa.

1
0

1.5.- DELIMITACIONES
1.5.1.- Temtica
La presente investigacin se encuentra enmarcada en el rea del
Diseo Grfico, especficamente en lo referente a Identidad Corporativa, as
como el Diseo Web para el desarrollo del sitio web para la empresa
Representaciones Fab-UP.

1.5.2.- Geogrfica
Este Trabajo de Grado se llev a cabo dentro del rea Metropolitana
de Caracas, especficamente en la oficina principal de la empresa
Representaciones Fab-UP ubicada en la Urbanizacin El Paraso del
Municipio Libertador, en Caracas Venezuela. De igual manera se encuest
a la poblacin objeto de estudio en las instalaciones de la Universidad Nueva
Esparta en la Urbanizacin Los Naranjos de El Cafetal ubicada en el
Municipio El Hatillo.

1.5.3.- Temporal
El desarrollo del presente Trabajo de Grado se llev a cabo desde el
mes de Febrero de 2011 hasta el mes de Octubre de 2011, siendo sta
ltima la fecha de entrega definitiva para su defensa.

1
1

1.6.-LIMITACIONES
Podra considerarse como una limitacin el proceso de obtencin de la
informacin que da forma y estructura al Marco Terico o Referencial del
presente Trabajo de Grado, es por ello que se resolvi destinando un tiempo
prudencial para el desarrollo de estas Bases Tericas a travs de la
investigacin por etapas, cubriendo as todos los aspectos planteados
inicialmente.
Por otra parte, la presente investigacin cont con el apoyo constante
del Tutor para el desarrollo del sitio web de la empresa Representaciones
Fab-UP lo cual represent un gran aporte a nivel de Diseo Web,
proporcionando los conocimientos tcnicos necesarios para su elaboracin.
Este factor se puede considerar una limitacin solventada, sustentada en la
base de la obtencin de asesora en esta rea del Diseo.
Finalmente, al poseer todos los recursos necesarios y suficientes para
elaborar el presente Trabajo de Grado no se encontraron otras limitaciones
que obstruyeran el normal desenvolvimiento de la investigacin, por lo que se
considera un Proyecto Factible en todas sus dimensiones.

1
2

CAPTULO II
MARCO REFERENCIAL

2.1 ANTECEDENTES DE LA INVESTIGACIN

Los antecedentes de Trabajos de Grado presentados a continuacin


constituyen un aporte significativo para el desarrollo de la investigacin y se
identifica a continuacin:

Freites y Larotta (1999) desarrollaron un estudio denominado Diseo


de una Campaa Comunicacional para identificar la Imagen de
Modusistema Herman Miller, C.A. y Optimizar su Comercializacin, en
la Facultad de Ciencias Administrativas, Escuela de Administracin de
Empresas de Diseo de la Universidad Nueva Esparta, para optar al ttulo de
Licenciado en Administracin de Empresas de Diseo.
Su objetivo fue el desarrollo de una campaa comunicacional dirigida
a los clientes actuales de la empresa Modusistema Herman Miller, C.A.
debido a que se encuentra en etapa de maduracin. El objetivo general
consisti en determinar las causas por las cuales ha disminuido los niveles
de ventas de los productos de la empresa, afectando los niveles de ventas de
los productos.
Modusistema consiste en una empresa que disea, elabora y
comercializa muebles modulares de oficina, en funcin de los procedimientos
de ventas y comercializacin de los mismos en el mercado venezolano, aqu
se analizaron las estrategias de comunicacin empleadas por la empresa
para la venta y comercializacin de sus productos en el mercado venezolano.

1
3

En este sentido, esta investigacin aport que el disear una campaa


comunicacional constituye el resultado de un proceso de indagacin e
investigacin en donde los procesos administrativos de una empresa son de
gran importancia, aspecto relacionado con el presente Trabajo de Grado, ya
que ofrece los lineamientos a seguir para insertar en el mercado una marca,
que en este caso se refiere a una empresa de Diseo Grfico y sus
implicaciones en el mercado del rea en la que se desenvuelve.
Morales y Licausi (2002) presentaron un trabajo titulado Desarrollo
de la Imagen Corporativa para una Empresa Virtual a travs de
Lineamientos Grficos: Caso: Empresa Spazio.com, en la Facultad de
Ciencias Administrativas, Escuela de Administracin de Empresas de Diseo
de la Universidad Nueva Esparta, para optar al ttulo de Licenciado en
Administracin de Empresas de Diseo.
Esta investigacin consisti en desarrollar los lineamientos grficos

para un modelo de imagen corporativa para la empresa virtual Spazio.com.


Especficamente, se determin la problemtica de las empresas virtuales en
Venezuela con respecto a que stas no ofrecen seguridad y confiabilidad a
sus clientes, una de las causas es en gran parte por la ausencia del diseo y
desarrollo de una imagen Corporativa de la misma, antes de su lanzamiento
al mercado. Spazio.com constituye una organizacin destinada al diseo,
produccin y comercializacin de muebles para el hogar, especializados en el
diseo de interiores.
La propuesta diseada para la Imagen Corporativa de la empresa se
llev a cabo a travs del anlisis de las recomendaciones tcnicas de setenta
y seis (76) especialistas en Diseo Grfico, registrado en el Centro de
Informacin La Estancia. As mismo, se analizaron las expectativas de los
inversionistas y directivos de la empresa.

1
4

El aporte de esta investigacin fue determinar los lineamientos del


Diseo Grfico para el desarrollo de la propuesta de Imagen Corporativa
para

la

empresa

Representaciones

Fab-UP,

en

virtud

de

las

recomendaciones de especialistas en la materia, siguiendo los parmetros


que rigen dicha actividad en el cumplimiento de los objetivos propuestos en
el presente Trabajo de Grado.

Goncalves (2007) Diseo de una propuesta de un sitio web para


mejorar los servicios de la agencia de comunicaciones corporativas
Tips imagen y comunicacin C.A. en la Facultad de Ciencias
Administrativas, Escuela de Administracin de Empresas de Diseo de la
Universidad Nueva Esparta, para optar al ttulo de Licenciado en
Administracin de Empresas de Diseo.
Este Trabajo de Grado se enfoc en disear una propuesta de sitio
web para la empresa Tips Imagen y Comunicacin C.A. la cual posee ms
de 17 aos en el mercado y no contaba con un medio publicitario interactivo
para dar a conocer sus servicios y as poder ampliar el portafolio de clientes.
El Trabajo de Grado tuvo como objetivo disear el sitio web para permitir el
crecimiento constante de la empresa y de sus empleados, como tambin
mostrar las estrategias que fortalecieran la comunicacin entre la empresa u
sus proveedores y/o clientes.
Este proyecto aport conocimientos de gran utilidad en cuanto al
desarrollo del sitio web para la empresa Representaciones Fab-UP. Tambin
posee elementos importantes como conceptos relacionados a Internet,
Diseo Grfico y tcnicas para la aplicacin del software especializado en
diseo web y comercio electrnico que ayud en gran medida al desarrollo
del presente Trabajo de Grado.

1
5

2.2 BASES TERICAS

2.2.1 LA IDENTIDAD
La identidad es un conjunto articulado de rasgos especficos de un
individuo, de una organizacin social o una cultura. En el proceso de una
formacin de la identidad de una persona se comienza a partir de ciertas
condiciones propias que ella posea, y estn presentes desde el momento en
que esa persona nace, junto a ciertos hechos y experiencias vividas. Esa
identidad que se forma crea una imagen de la persona, y eso le permite
actuar de forma coherente segn lo que piense cada individuo.
Segn Rodrguez (2009) la identidad se comporta como algo relativo,
como un ncleo plstico capaz de modificarse a lo largo de la vida y el
desarrollo, lo que permitira al ser humano tener la capacidad de comportarse
de formas diferentes segn el contexto en el que deba actuar. (p. 45)

2.2.2 LA IDENTIDAD CORPORATIVA


Es el diseo fsico y visual de una empresa, constituido por una
variedad de elementos y signos grficos tales como: smbolo, logotipo,
colores corporativos, tipografa, etc. Todos estos elementos se combinan
entre s para cubrir todos los conceptos de identidad de una empresa,
permitiendo diferenciar a la empresa de otras organizaciones. Por lo general
se suele confundir identidad corporativa con imagen corporativa pero la
diferencia entre ambas es que identidad se sita en el plano del emisor y la
imagen en el del receptor.
Segn Pez (2001) La identidad corporativa de una empresa es su
carta de presentacin, su cara frente al pblico; de esta identidad depender

1
6

la imagen que nos formaremos de esta organizacin. (p. 12). Este tipo de
programas de identidad naci por el propio desarrollo del mercado, de la
sociedad, y el creciente despliegue comunicacional que al hacerse cada vez
ms complejos oblig a las empresas a resaltar su identidad corporativa, y a
su vez visualizarla simblicamente para defender y posicionarse en la mente
de los consumidores.
Segn Proenza (1999) disear una identidad corporativa va ms all
de una simple labor artstica como disear un logo, pues llega a considerar
elementos

de

mercadeo,

relaciones

pblicas,

aspectos

tcnicos

psicolgicos. (p. 218). La Identidad Corporativa presenta un solo estilo y se


ve diseada dentro su papelera, material P.O.P, embalajes, etiquetas,
trasportes, uniformes, puntos de venta, publicidad etc. Generalmente este
lineamiento se mantiene en un documento conocido como manual
corporativo.

2.2.2.1 Los signos de la identidad corporativa

Lingstica: El nombre de la empresa es un elemento de designacin


verbal que el diseador convierte en una grafa diferente, un modo de
escritura exclusiva llamada logotipo.

Simblica: Se refiere a la marca grfica o distintivo figurativo de la


empresa. La marca cristaliza un smbolo (un signo convencional
portador de significado), que cada vez responde ms a las exigencias
tcnicas de los medios.

Cromtica: Consiste en el color o colores que la empresa adopta


como distintivo emblemtico.

1
7

2.2.3 MANUAL DE IDENTIDAD CORPORATIVA


Es un resumen de la identidad corporativa, que se encarga de facilitar
a nivel global todo lo concerniente a la empresa u organizacin . Segn
Isopixel (2002) Siempre es importante una gua que establezca con claridad
cmo se deben aplicar los elementos de la identidad corporativa tales como;
el nombre, colores, logotipo, tipografa, etc. (prr. 3)

2.2.3.1 Caractersticas de un Manual Corporativo

Presentacin: Aqu se ostenta cul es su objetivo, cules son sus


alcances y describe los objetivos y contenido especficos del manual.

Glosario de trminos: Principalmente de los tecnicismos que en l se


incluyan.

Sistema de identificacin:
o Marca: Se detalla los aspectos generales de los elementos que
contiene la marca en conjunto.

Logotipo: Es la forma grfica de la parte verbal.

Smbolo: Elemento grfico que forma parte de la marca.

Anlisis conceptual y visual: Es la justificacin de la imagen


corporativa, generalmente se muestra un cuadro de anlisis de todos
los elementos que define los aspectos conceptuales y visuales de la
marca.

Color corporativo. Se plasman todos los colores que lleva la imagen


de marca en tintas directas (Pantone), cuatricroma (CMYK) y RGB.

1
8

Paleta de color. Son los colores por los que se pueden sustituir los
que forman parte de la marca; stos que sustituyen deben reunir
caractersticas afines a la identidad de la marca.

Tipografa:
o

Corporativa: Es la que lleva la marca principal.

Complementaria:

Es

la

que

se

utilizar

en

aplicaciones

complementarias a la marca.
o Uso de la tipografa: Definir por qu es importante el uso de la
tipografa en cualquiera de las dos opciones anteriores.

Retcula. La finalidad de exponerla es que las proporciones sean las


correctas.

rea de proteccin. En este apartado se determina el rea de


seguridad en la que ningn elemento condicione o compita con su
lectura y para que la imagen no tenga interferencias.

Uso de la marca:
o

Preferencial: Es la imagen y aplicacin principal.

o Sugeridos: Otras opciones de cmo aplicar la marca, por ejemplo,


forma positiva y negativa.
o Especiales: Usos que no sean comunes o para aplicaciones muy
especficas de la marca, que salga fuera de lo cotidiano en su uso.
o

Incorrecto: Cmo es que no se debe utilizar la imagen de marca.

o Tamao mnimo: El tamao en el que no pierde visibilidad o


legibilidad en alguno de sus elementos.

Aplicaciones:
o

Papelera corporativa

1
9

o Materiales de ventas
o Publicitarias y de comunicacin

2.2.4 LA IMAGEN
Es la representacin visible o audible que manifiesta la apariencia de
un objeto existente. El concepto de imagen se asocia mayormente con el
aspecto visual pero tambin tiene otras connotaciones como auditivas,
olfativas, tctiles o sinestsicas. Por eso la imagen tiene diversos significados
que depende en su mayora por la forma en que sean percibidas por el
sistema sensorial operante, dirigidas a los sentidos o intelectos de cada
persona. Existen dos clases de imgenes mentales: las que pertenecen al
entorno y se reciben de l tal como son, y las que son generadas por la
propia mente, es decir que son producto de la imaginacin.
Para Proenza (1999) Los elementos de la vida real se presentan
directamente, sin necesidad de intermediarios; en cambio, las imgenes
sirven de vehculo a la realidad cuando sta no puede estar presente y
requiere ser representada por un algn medio tcnico. Le da, adems, a
la realidad simulada cualidades retentivas, y logra su fijacin y
conservacin permanentes. Por tanto, en una sociedad contempornea
sper comunicada, la imagen forma parte ntima de la realidad cotidiana.
(p. 222).
Dentro de otra clasificacin, que incluye imgenes visuales y mentales e
imgenes aplicadas a la comunicacin empresarial se tienen:

La Imagen Grfica: Son las imgenes generadas por medios


artificiales como los grafismos, ilustraciones fotografas, tipografas,
informtica, etc. Este tipo de imgenes son plasmadas en las seales,
rtulos, vinilos, murales, pancartas, pantallas digitales y otras
soluciones de actualidad que transmitan informacin visual.

2
0

La Imagen Visual: Es la imagen que reproduce las apariencias


pticas de los elementos de la realidad, aun de manera abstracta, no
realista (iconos), es decir la que es solo percibida por la vista.

La Imagen Material: Son las imgenes en formas de lo real


percibidas por los sentidos en el mundo exterior; son imgenes
materiales que proceden del mundo fsico de los objetos.

La Imagen Mental: Imgenes resultantes en la imaginacin de


experiencias externas, adaptadas por el individuo.

La Imagen de Empresa: Subclase de imagen mental que transmite


los valores psicolgicos otorgados a una compaa.

La Imagen de Marca: Es la percepcin que se da en la mente de los


individuos respecto al estilo de una organizacin empresarial o
institucional, que se genera principalmente a travs de su imagen
corporativa, sus productos y su publicidad.

La Imagen Global: Es la tercera y ms completa evolucin en el


proceso de formacin de la identidad de una empresa, despus de la
consolidacin de la marca y de la identidad corporativa. Es la mental,
especialmente fuerte y estable, conformada por la coherencia de todos
los mensajes que la compaa genera en el espacio-tiempo de su
accin y que comprende la identidad corporativa, el diseo
arquitectnico y ambiental, el diseo de productos, la sealtica, el
grafismo editorial y publicitario, etc.
Es decir todos los elementos grficos, audiovisuales y espaciales

coordinados que configuran una percepcin psicolgica multiforme pero


absolutamente homognea, que ya no busca slo el objetivo de identificar a
2
1

la empresa sino de generar en la mente de la gente una imagen total de su


personalidad tanto nacional como internacionalmente aprovechando, a travs
del diseo, todos los recursos de la comunicacin.

2.2.5 LA IMAGEN CORPORATIVA


Es la imagen mental de una empresa generada esencialmente por un
sistema de signos grficos y un desenvolviendo empresarial trabajado con en
el medio, aqu estn incluidos la imagen de marca y la imagen de empresa.
La intencin de la imagen corporativa es realizar un trabajo tcnico de
traslacin de la misin, visin y valores de la compaa, por medio de una
estructura de normas concretas, usadas en diversos soportes de
comunicacin.
Para Pez (2001) La imagen corporativa es la manera por la cual
trasmite, quin es, qu es, qu hace y como lo hace. El diseo coordinado de
los diferentes agentes de comunicacin, har que la imagen sea
correctamente transmitida, al auditorio deseado. (p. 13).
El objetivo de dicha imagen es hacer que la marca se posicione en el
mercado, por eso el simbolismo de una empresa tiene que estar impreso en
todas partes de forma llamativa y atractiva, eso a la vez ayudar a influir en
el xito global de la compaa. Generalmente ese simbolismo es
representado por el logo o logotipo de la empresa, por ejemplo para Pez
(2001) Cuando alguien piensa en algo referente a un producto o servicio en
especfico se imaginar inmediatamente es el logotipo como opcin
principal. (p.15).
Al ver un logotipo constantemente este se ir quedando fijo en la
mente de las personas, al lograr esto se estara logrando el posicionamiento
de la marca. La imagen corporativa no solo abarca el logo o logotipo de la

2
2

empresa, sino tambin puede estar conformados por otros elementos tales
como smbolos o iconos, narraciones en publicidad, eslganes o conceptos
de la marca, el diseo o decoracin interior y hasta los uniformes de la
empresa.

2.2.6 EL LOGOTIPO
Segn Pez (2001) el logotipo es un grupo de letras, smbolos,
abreviaturas, cifras etc. Fundidas en un solo bloque para facilitar una
composicin tipogrfica, no es ms que la firma de la compaa que se
puede aplicar a todas clases de material impreso o visual (p.15).
Un logotipo consta de texto o un texto abreviado donde una simple
palabra legible, se transforma en una marca o signo de identidad por medio
de un tratamiento grfico que hace visible a esa simple palabra, aqu la
tipografa asume una triple funcin de escritura, imagen y compresin. El
logotipo sera la grafa respectiva que toma la escritura del nombre de la
marca.
El logotipo a diferencia del logosmbolo posee caractersticas fonticas
y no solo visuales dndole facultades sealticas asociativas. El logotipo a su
vez puede incorporar tambin un dibujo pertinente que ayuda a trasmitir un
mensaje ms coherente de la marca.

2.2.6.1 Estilos de Logotipos

Tipogrficos: Basado principalmente en texto, puede tener grficos o


smbolos asociados, pero el nfasis principal est en el texto. Utiliza
modificaciones y adornos, puede estar adaptado para integrarse con
un grfico.

2
3

Caligrficos: A diferencia del logotipo Tipogrfico, el Caligrfico


proporciona una gran elegancia y una impresin de familiaridad de
trato personal. Tiene el inconveniente de que requiere un gran dominio
tcnico.

Ilustrativos: El nfasis est en un grfico que representa de manera


bastante explcita algn aspecto de la actividad de la empresa.

Simblicos: Hay un grfico con un significado claro relacionado con


la empresa, pero no es tan explcito, sino que se ha hecho abstraccin
del concepto y se ha estilizado el grfico.

Abstracto: Hay un grfico que no tiene un significado evidente, sino


que sirve para sugerir sutilmente algn aspecto de la empresa:
dinamismo, solidez, confianza.

2.2.7 EL DISEO
Es el Proceso y desarrollo de una creacin visual con un propsito
especfico y prctico, donde se crea y expresa visualmente la esencia de un
mensaje o producto. El diseo no es el producto o mensaje en s; sino el
proceso previo en la bsqueda de una solucin o conjunto de las mismas.
Segn Proenza (1999) Un buen diseo rene la mejor forma para que
ese mensaje o producto sea conformado, fabricado, distribuido, usado y
relacionado con su ambiente, por lo que el diseo no slo es esttico sino
tambin funcional. (p. 136).
El Diseo es aplicable en todos los mbitos, dentro del mundo digital,
en la red, en internet (la web), en la publicidad, revistas, peridicos, libros,
2
4

manuales, en un mobiliario, una silla, un mueble (diseo industrial y


ergonoma). El diseo se divisa en el mundo multimedia, en el cine, en la
televisin, videos, musicales, trailers, y dems efectos especiales. Tambin
es un trabajo de identidad que refleja un grado de pensamiento, de la
filosofa de un producto de un servicio o de una empresa.

2.2.8 EL DISEO GRFICO


Profesin

que

tiene

como

propsito,

satisfacer

necesidades

especificas de comunicacin visual a un pblico o sector especfico,


mediante la configuracin, estructuracin y sistematizacin de mensajes
significativos. Segn La Escuela Nacional de Artes Plsticas de Mxico
(2004): Es la disciplina que estudia la aplicacin de los procedimientos y el
manejo de las tcnicas para la produccin y la investigacin de los mensajes
visuales. (p 62).
El Diseo Grfico tambin se conoce con el nombre de diseo en
comunicacin visual y tiene como meta proyectar mediante mensajes
visuales funciones estrategias, junto con un conjunto de instrumentos,
procedimientos, recursos y conceptos propios de los cdigos del lenguaje
visual. Por otro lado se puede decir que su objetivo est vinculado con el
rea de la comunicacin visual pero tambin trabaja con medios auditivos.
Segn La Escuela Nacional de Artes Plsticas de Mxico (2004): As mismo
el lenguaje visual se relaciona con los dems sentidos, en especial con el
odo, por lo cual incluye tambin a los medios audiovisuales.
El Diseo Grfico se divide en: El diseo de informacin que
comprende el grafismo funcional (de utilidad pblica: sealtica, cartografa,
signos codificados) el grafismo didctico (ilustracin de libros, grficos
tcnicos, cientficos, documentales etc.) y el grafismo de persuasin

2
5

(propaganda y publicidad). El segundo gran sector es el diseo de identidad,


que abarca el diseo de marcas de imagen corporativa (logotipo,
logosmbolo) y de imagen global.

2.2.8.1 BREVE RESEA HISTRICA DEL DISEO GRFICO


El primero en definir el trmino diseo grfico fue el diseador y
tipgrafo William Addison Dwiggins en 1922. Aun as diversos expertos
discretean sobre las races del diseo grfico, algunos la datan durante el
perodo de entreguerras, otros entienden que comienza a identificarse como
tal a finales del siglo XIX, poca del surgimiento de la revolucin industrial.
A un as existe una opinin general de que la actividad del diseo
grfico como tantas otras muchas surgi cuando el hombre necesitaba
comunicarse y expresarse. Cuando el hombre primitivo buscaba alimento y
encontraba una huella de animal impresa en el lodo, en realidad estaba
recibiendo un mensaje a travs de un signo grfico. Por eso algunos inicios
del diseo grfico se pueden remontar en las pinturas rupestres y ancestrales
que fueron los primeros signos grficos; otros expertos reconocen sus formas
embrionarias en Egipto, Grecia, Mxico y Roma. Por otro lado varios autores
consideran que el diseo grfico surge al mismo tiempo que la imprenta.

Otros expertos, opinan que el diseo grfico apareci con el desarrollo


mismo de la civilizacin despus de la segunda guerra mundial,
relacionndolo con el fuerte desarrollo industrial y de los medios de
comunicacin. Segn Saloma (2003) a pesar del largo recorrido hacia la
actualidad de la comunicacin visual, es posible abalizar que el diseo como
actividad moderna se constituir como una demanda de la revolucin
industrial. (p.5)

2
6

2.2.8.2 EL DISEO COMO UN PROCESO DE CREATIVIDAD


La creatividad es la facultad o habilidad para percibir los elementos
que componen el campo de percepcin del ambiente, reordenando y
estableciendo nuevas relaciones entre dichos elementos, as se idean
combinaciones no existentes o de las que nadie haba adquirido conciencia
anteriormente para finalmente cumplir con un propsito especifico.
El proceso creativo en diseo se podra definir como un proceso de
anlisis mental cuyo fin es la comunicacin. El proceso creativo se lleva a
cabo mediante un conjunto de etapas, y esas etapas se podran configurar
como sub-etapas cuyo fin es el producto que se acaba diseando. Las
etapas fundamentales se dividen en cuatro: recopilar, analizar, definir el
objetivo y su verificacin.
Segn Frascara (1996) Hay que tener en cuenta el grupo social al
cual

pertenece

el

receptor,

qu

imgenes

consume,

cmo

vive

cotidianamente, cules son sus gustos y hbitos, etc. Estas respuestas


definirn el estilo y el recurso retrico de las piezas grficas. (p. 13).
Durante el anlisis se selecciona y procesa toda la informacin que se
ha recogido y se selecciona aquella que nos servir para el proceso as sea
crea una estrategia visual y se define el objetivo, finalmente al ya tener
definido el trabajo creativo se concluye por verificar cada elemento del
diseo.

2.2.8.3 ELEMENTOS DEL DISEO GRFICO


Son los componentes que dan forma al mensaje y hacen fcilmente
entendible el concepto que se desea trasmitir. Estos componentes se

2
7

programan, proyectan, coordinan, seleccionan y organizan para producir


objetos visuales destinados a comunicar mensajes especficos a grupos
determinados. Segn Cristalab (2011) en general se distinguen 4 grupos de
elementos:
A. Elementos Conceptuales
B. Elementos Visuales
C. Elementos de Relacin
D. Elementos Prcticos
A. Elementos Conceptuales
Los elementos conceptuales son aquellos que estn presentes en el
diseo, pero que no son visibles a la vista. Se dividen en cuatro (4)
elementos.

Punto: Indica posicin, no tiene largo ni ancho, es el principio y el fin


de una lnea.

Lnea: Es una sucesin de puntos, tiene largo, pero no ancho, tiene


una posicin y una direccin.

Plano: Un plano tiene largo y ancho, tiene posicin y direccin y


adems est limitado por lneas.

Volumen: El recorrido de un plano en movimiento se convierte en


volumen, tiene posicin en el espacio, est limitado por planos y
obviamente en un diseo bidimensional el volumen es ilusorio.

B. Elementos Visuales
Por ejemplo cuando se dibuja una figura en el papel, esa figura est
formada por lneas visibles, las cuales no solo tienen un largo, sino que un
ancho, un color y claro una textura (definida por los materiales utilizados).

2
8

Forma: Todo lo visible tiene una forma, la cual aporta para la


percepcin del ojo una identificacin del objeto.

Medida: Todas las formas tienen un tamao.

Color: El color se utiliza comprendiendo no solo los del espectro solar,


sino asimismo los neutros (blanco, negros, grises) y las variaciones
tonales y cromticas.

Textura: Tiene que ver con el tipo de superficie resultante de la


utilizacin del material. Puede atraer tanto al sentido del tacto como al
visual.

C. Elementos de Relacin
Se refiere a la ubicacin y a la interrelacin de las formas en un
diseo.

Direccin: La direccin de una forma depende de cmo est


relacionada con el observador, con el marco que la contiene o con
otras formas cercanas.

Posicin: La posicin de una forma depende del elemento o


estructura que la contenga.

Espacio: Todas las formas por ms pequeas que sean ocupan un


espacio, el espacio as mismo puede ser visible o ilusorio (para dar
una sensacin de profundidad)

Gravedad: El efecto de gravedad no solamente es visual, sino que


tambin psicolgica. Podemos atribuir estabilidad o inestabilidad a una
forma o a un grupo de ellas.

2
9

D. Elementos Prcticos
Los elementos prcticos van ms all del diseo en si y como es de
esperar son conceptos abstractos.

Representacin: Se refiere a la forma de realizar el diseo: puede ser


una representacin realista, estilizada o semi-abstracta.

Significado: Todo diseo consiente o subconsciente conlleva un


significado o mensaje.

Funcin: Para lo que esta creado dicho diseo.

2.2.9 EL COLOR
Segn fotonostra (2011) el cientfico Sir Isaac Newton, defini el color
como una sensacin que se produce en respuesta a una estimulacin
nerviosa del ojo, causada por una longitud de onda luminosa. El ojo humano
interpreta colores diferentes dependiendo de las distancias longitudinales.
(prr. 1)
Por eso esa percepcin visual que se percibe es gracias a la
existencia de la luz y a la capacidad de los rganos visuales que trasmiten
dichas sensaciones al cerebro. El cerebro interpreta las seales nerviosas
que le envan los fotoreceptores de la retina del ojo y estos a su vez
interpretan y distinguen las distintas longitudes de onda que captan de la
parte visible del espectro electromagntico. Como se dijo anteriormente el
color es solo una sensacin es decir el color como tal no es existe por eso es
solo una apreciacin que interpreta la retina del ojo.
Quien tuvo las primeras evidencias de que el color no existe, fue Isaac
Newton en 1666. El experimento consisti primero en encerrar en una pieza
oscura, un pequeo haz de luz blanca a travs de un orificio. Despus
intercept esa luz con un pequeo prisma de base triangular, y de esta forma
3
0

percibi que al pasar por el cristal el rayo de luz se descompona y aparecan


los seis colores del espectro reflejados en la pared donde incida el rayo de
luz original: rojo, naranja, amarillo, verde, azul y violeta.
De esta forma lleg a la conclusin que la luz blanca, presente en
todas partes, est formada por trozos de luz de seis colores, y que cuando
esa luz choca con algn cuerpo, ste absorbe alguno de dichos trozos y
refleja otros. Los colores reflejados es lo que percibe con el sentido de la
vista. Esta conclusin lleva a decir que el verdadero color est en la luz, o
bien que la luz es color.

El Crculo Cromtico: El crculo cromtico sirve para observar la


organizacin bsica y la interrelacin de los colores. Los colores
primarios son: el rojo, el azul y el amarillo. Los colores secundarios
son: el verde, el violeta y el naranja. Y los colores terciarios son: el rojo
violceo rojo anaranjado, amarillo anaranjado, amarillo verdoso, azul
verdoso y azul violceo.
Los colores secundarios se obtienen al mezclar partes iguales de dos

primarios; los colores terciarios se consiguen al mezclar partes iguales de un


color primario y de un secundario adyacente. Los primarios son colores que
se consideran absolutos y que no pueden crearse mediante la mezcla de
otros colores. Sin embargo, mezclar los primarios en diversas combinaciones
crea un nmero infinito de colores.

El tono: Es el matiz del color, es decir el color en s mismo, supone su


cualidad cromtica, es simplemente, un sinnimo de color. Es la
cualidad que define la mezcla de un color con blanco y negro. Est

3
1

relacionado con la longitud de onda de su radiacin. Segn su


tonalidad se puede decir que un color es rojo, amarillo, verde, etc.

Brillantez: Tiene que ver con la intensidad o el nivel de energa. Es la


luminosidad de un color (la capacidad de reflejar el blanco), es decir, el
brillo. Alude a la claridad u oscuridad de un tono. Es una condicin
variable, que puede alterar fundamentalmente la apariencia de un
color. La luminosidad puede variar aadiendo negro o blanco a un
tono.

Saturacin: Est relacionada con la pureza cromtica o falta de


dilucin con el blanco. Constituye la pureza del color respecto al gris, y
depende de la cantidad de blanco presente. Cuanto ms saturado est
un color, ms puro es y menos mezcla de gris posee.

2.2.9.1 LA PSICOLOGA DEL COLOR


La psicologa del color es la encargada de estudiar y analizar la
problemtica del color, observan y analizando las diferentes reacciones. Est
demostrado que los colores y asociaciones son generadoras y partcipes del
estado de nimo de las personas. Segn Chgblog (2006) muestra en un
artculo que la empresa Pantone indic que desde el 2001 hasta la fecha, en
Estados Unidos se ha dado un notable consumo del color azul cielo
provocado por su capacidad de dotar de paz y estabilidad a los diseos, todo
esto acorde al nuevo gusto de los pblicos luego de los atentados del 11 de
septiembre.
Segn Heller (2008) ningn color carece de significado. Los colores
pueden crear diferentes sensaciones y pueden tener un significado
personal, a pesar de las sensaciones individuales hay una comprensin
universal, las impresiones y vivencias que producen los colores pueden
3
2

considerarse de una manera perfectamente objetiva, aunque cada


individuo vea, sienta y juzgue los colores de una manera personal. (p.
23)

Colores clidos: Son el rojo, el naranja y el amarillo, estos son los


colores del fuego, de las hojas del otoo, de los atardeceres y
amaneceres y en general son energizantes, apasionados y positivos. En
el diseo se usan para reflejar la pasin, la alegra, el entusiasmo y la
energa.
El rojo y el amarillo son los colores primarios, con la cada del naranja

en el medio, lo que significa que los colores clidos son realmente calientes y
no se crean mediante la combinacin de un color clido con un color fro.
o El Rojo: Es un color muy caliente, tambin es asociado con el amor y
la pasin; en la historia, ha sido asociada tanto con el Diablo y Cupido,
puede tener un efecto fsico en las personas, como elevar la presin
arterial y las tasas de respiracin. Segn Heller (2008) el rojo agrada
a hombres y mujeres por igual, pero gusta ms a los mayores de 50
aos y a los nios, que a los adolescentes. (p. 34)
En el diseo, puede tener un efecto abrumador si se usa en exceso,
especialmente en su forma ms pura. Es un buen color para utilizar cuando
el poder o la pasin quieren ser retratado, tambin puede ser muy verstil,
sin embargo, con versiones brillantes son ms enrgicos y con tonos ms
oscuros pueden ser ms potentes y elegantes.
o El Naranja: Es un color muy vibrante y enrgico, puede estar asociado
con la tierra y el otoo. Debido a su asociacin con el cambio de
estaciones, el naranja puede representar el cambio y el movimiento en
general.

3
3

Segn Chapman (2010) Debido a que el naranja se asocia con la


fruta del mismo nombre, puede estar asociado con la salud y la vitalidad. En
los diseos, los comandos de atencin del naranja no suele ser tan
abrumador como el rojo ya que menudo se considera ms agradable y
acogedor. (prr. 15)
o El Amarillo: Es considerado el ms brillante y dinmico de los colores
clidos, es asociado con la felicidad y el sol. El amarillo tambin puede
estar asociado con el engao si lleva verde. Tambin se asocia con la
esperanza, como puede verse en algunos pases cuando se muestran
cintas amarillas por las familias que tienen seres queridos en la
guerra. Tambin se asocia con el peligro, aunque no tan fuerte como
el rojo.
En los diseos, el color amarillo brillante puede aportar una sensacin
de felicidad y alegra, un tono ms suave se utiliza comnmente como un
color neutro para los bebs (en vez de azul o rosa) y los nios pequeos. La
luz tambin amarillos dan una sensacin ms tranquila de felicidad que los
amarillos brillantes. Amarillos oscuros y amarillos de oro en tonos a veces
puede parecer antiguo y ser usado en los diseos donde se desea un sentido
de permanencia.

Colores fros: Incluyen el verde, el azul y el prpura, suelen ser ms


tenues que los colores clidos. Son los colores de la noche, del agua, de
la naturaleza y por lo general para calmarse y relajarse. El azul es el
nico color primario que es fro en el espectro, lo que significa que los
otros dos colores se crean mediante la combinacin del azul con un color
clido (amarillo para el verde y el rojo para el prpura). Los verdes
pueden asumir algunos de los atributos del color amarillo y el prpura
toma algunos de los atributos del color rojo. En el diseo se usan estos
colores para sensacin de calma y profesionalismo.

3
4

o El Azul: Se asocia a menudo con tristeza, tambin se utiliza


ampliamente para representar la calma y la responsabilidad, azules
claros pueden ser refrescantes y agradables y azules oscuros son
ms fuertes y fiables. El azul tambin se asocia con la paz, y tiene
connotaciones espirituales y religiosas en muchas culturas y
tradiciones (por ejemplo, la Virgen Mara se representa generalmente
con trajes azules). Segn Heller (2008) el azul es el color del bien, de
la paz, de la verdad, de la inteligencia y las cualidades intelectuales,
de la ciencia y la concentracin, de lo prctico y lo tcnico, del anhelo
y el mrito. (p. 35).
En el diseo, el azul claro hace nfasis a lo relajado y tranquilo, el azul
brillante puede ser vigorizante y refrescante y los azules oscuros son
excelentes para sitios corporativos o diseos en donde la intensidad y la
fiabilidad son importantes.
o El Verde: Es un color que puede representar un nuevo comienzo y el
crecimiento. Tambin significa la renovacin y la abundancia. Como
alternativa, el verde tambin puede representar la envidia o los celos y
la falta de experiencia. Segn Chapman (2010) El verde tiene muchos
de los mismos atributos que el azul, tiende a calmar y tambin
incorpora algo de la energa del amarillo. (prr. 28).
En el diseo, el verde puede tener un efecto de equilibrio y de
armonizacin siendo muy estable. Es apropiado para los diseos
relacionados con la riqueza, la estabilidad, la renovacin, y la naturaleza.
Verdes ms brillantes son ms energizantes y vibrantes, mientras que los
verdes de oliva son ms representativos del mundo natural. Verdes oscuros
son los ms estables y representativos de la riqueza.

3
5

o El Prpura: Se asocia con la realeza, es una combinacin del rojo y


del azul, y toma algunos de los atributos de ambos. Es asociado con la
creatividad y la imaginacin. Segn Chapman (2010) En Tailandia, el
prpura es el color del luto de las viudas. Prpuras oscuros son
tradicionalmente asociados con la riqueza y la realeza, mientras ms
ligeros (como la lavanda) se consideran ms romnticos. (prr. 34)

Los Colores Neutros: A menudo sirven como teln de fondo en el


diseo. Son comnmente combinados con los colores de acento ms
brillante. Pero tambin se puede utilizar por su cuenta en los diseos,
y se pueden crear diseos muy sofisticados. Los significados e
impresiones de colores neutros son mucho ms afectadas por los
colores que los rodean son de colores clidos y fros.

o El Negro: De los colores neutros, este el ms fuerte de todos ya su


vez, es ausencia de la luz y de ninguno de los tres colores primarios.
Desde un punto de vista positivo, es comnmente asociado con el
poder, la elegancia y la formalidad.
En el lado negativo, se asocia con el mal, la muerte y el misterio. En
los pases occidentales es el color del luto. Tambin se asocia con la rebelin
y guerras en algunas culturas, tambin se asocia con el da de brujas y el
ocultismo. Para Heller (2008) El negro invierte el significado de cualquier
color vivo, siendo el acorde negro amarillo de los ms negativos: egosmo,
infidelidad, mentira; y el acorde violeta-negro el menos negativo, el de la
magia y lo misterioso. (p. 56)
Segn Chapman (2010) El negro es de uso comn en los diseos
ms afilado, as como en diseos muy elegantes. Puede ser conservador o
moderno, tradicional o no convencional, dependiendo de los colores se
combina con una. En el diseo, el negro es de uso general para la tipografa
3
6

y otras partes funcionales, debido a su neutralidad. El negro puede hacer que


sea ms fcil de transmitir una sensacin de sofisticacin y misterio en un
diseo. (prr .60)
o El Blanco: El blanco es la emisin de frecuencias electromagnticas
de la luz solar no descompuesta en los colores de su espectro . Para
Heller, (2008) No hay ningn concepto negativo que se asocie al
blanco, aunque casi nadie lo nombra como preferido u odiado. (p. 63)
En Occidente, el blanco es usado comnmente por las novias el da
de su boda. Tambin se asocia con la salud, como los mdicos,
enfermeras y dentistas. Igualmente est asociado con la bondad, y los
ngeles.
El blanco puede ayudar a transmitir limpieza y sencillez, sin embargo,
es popular en diseos minimalistas. Blanco en los diseos tambin puede
representar ya sea invierno o verano, dependiendo de los motivos de diseo
y otros colores que lo rodean.
o El Gris: Es un color neutro, y est ms al extremo fro del espectro del
color. Por muchos es considerado un color depresivo y de mal humor.
En algunos diseos los grises claros pueden sustituir al blanco, y los
grises oscuros pueden sustituir al negro.
Segn Heller, (2008) Es poco apreciado y aun menos con la edad,
pues es el color de todo lo que acaba con la alegra de vivir, por ello es
psicolgicamente el que ms contrasta con el amarillo y el naranja, los
colores de lo luminoso y el gozo de vivir. (p.70)
El gris es considerado generalmente conservador y formal, pero
tambin puede ser moderno. Es de uso comn en los diseos de las
empresas, donde la formalidad y el profesionalismo son fundamentales.
Tambin puede ser un color muy sofisticado.

3
7

o El Marrn: Este color totalmente natural est asociado con la tierra, la


madera y el cuero. Segn Heller, (2008) Tcnicamente, ms que un
color es una mezcolanza, pues toda combinacin de colores acaba
dando marrn. El marrn se puede asociar con la fiabilidad, la
confiabilidad y con la firmeza. Tambin puede considerarse aburrido.
(p.83). Dice Heller, (2008) Psicolgicamente sus conceptos son casi
siempre negativos: lo feo, lo antiptico, lo antiertico, (sic) lo
desagradable, lo vulgar, la pereza, la necedad un traje marrn
nunca podr ser elegante. (p.83)
En el diseo, el marrn se usa comnmente como un color de fondo.
Tambin es visto en texturas de madera y, a veces en las texturas de piedra.
Ayuda a traer una sensacin de calor y salubridad a los diseos. A veces es
utilizado en su ms oscura forma como un reemplazo para el negro, ya sea
en fondos o la tipografa.

2.2.9.2 EL COLOR EN LA IDENTIDAD CORPORATIVA


El color es un elemento de suma importancia para la identidad, ya que
conjuntamente con el estilo corporal en general forma parte del marco de
referencia para identificar una marca. En la psicologa del color, se considera
que los colores generan sentimientos y efectos reales de alegra, tristeza,
paz, oscuridad y luz. Esas mismas caractersticas tambin sobresalen y son
usadas en la identidad corporativa.
Segn Chgblog (2006) La buena utilizacin del color otorga pistas al
usuario y pblicos de la marca para que su mente identifique y posicione la
decodificacin sobre un rumbo pregrabado en la memoria. El color es de los
elementos visuales que ms rpido se procesan mentalmente. (prr. 23)

3
8

Una compaa tiene que tener en cuenta ciertas caractersticas al


escoger el color que ser utilizado en su identidad, por ejemplo:

Que represente la personalidad de la marca: Una compaa al


escoger un color que represente la personalidad de su marca,
facilitar a sus clientes la impresin correcta la primera vez que lo vea.
Algunas empresas al escoger un color no se limitan a uno solo, por
ejemplo algunas marcas como eBay la representa diferentes colores,
de igual forma se puede elegir un par de colores que funcionen bien
juntos.

Tomar en cuenta aspectos culturales o ideolgicos: La empresa


tiene que tener en cuenta las diferencias que existen en las
interpretaciones culturales de cada color. Por ejemplo, en el mundo
occidental, el blanco es considerado el color de la pureza y la paz, sin
embargo, en algunas partes de Asia blanco es el color de la muerte.
Por ello hay que asegurarse de que el color seleccionado d la
impresin de derecho en los mercados que est presente. Tambin el
color puede representar modismo en el diseo, algunas pocas e
ideologas. Por eso algunas subculturas, grupos humanos, regiones y
lugares se definen por tener sus colores predominantes.

Diferenciarse de la competencia: Para una empresa el color de su


principal competidor es probablemente el punto ms importante a
considerar, porque separarse de la competencia, se demuestra que se
es diferente y de esta forma el pblico inmediatamente por medio color
se acordar de la marca, y as recordar tambin la esencia del
producto.
Estas caractersticas del color, pueden ser utilizadas en el desarrollo y

aplicacin de la identidad corporativa, un isologotipo por s mismo no es un


3
9

elemento determinante de la identidad de una empresa, aunque sea


importante, es slo un eslabn. El color y la forma son el punto de entrada de
los pblicos para desentraar e interpretar el mensaje comunicacional, en
este caso el mensaje es: la organizacin.

2.2.10 LA TIPOGRAFA
Es el arte o tcnica que reproduce y comunica un mensaje mediante la
palabra impresa y est conformado por un conjunto de caracteres (letras,
nmeros, signos de puntuacin, smbolos y acentos). Cada una de ellas
posee idntico tamao y estilo. Segn Fotonostra (2011) Tipografa es el
arte y la tcnica de crear y componer tipos para comunicar un mensaje.
Tambin se ocupa del estudio y clasificacin de las distintas fuentes
tipogrficas. (prr. 11)
La tipografa, se aplica en un gran nmero de medios textuales tales
como: libros, peridicos, anuncios publicitarios, revistas, etc. y cualquier otro
documento que se comunique con otros mediante palabras. En el trascurso
de la historia la tipografa ha ido evolucionando y en cada una de las pocas
ha ido adquiriendo un distintivo en particular. Segn Fotonostra (2011) La
tipografa es el reflejo de una poca. Por ello la evolucin del diseo de las
mismas responde a proyecciones tecnolgicas y artsticas. (prr. 12)
Los orgenes de la tipografa se remontan en la antigedad,
inicindose en la edad de piedra cuando el hombre intentaba expresarse por
medio del uso signos y smbolos donde cada uno representaba un objeto o
una idea. Esas primeras escrituras se denominaron pictogramas. Ms
adelante los sumerios desarrollaron lo que se conoce como ideogramas
(smbolos que representan ideas asociadas menos concretas). Despus la
evolucin posterior de este sistema silbico dio lugar a la escritura

4
0

cuneiforme considerado como el primer alfabeto, cuyas letras se impriman


sobre arcilla usando una cua o tablilla. Cada una de esas tablillas contenan
textos econmicos, religiosos, poticos, y legales.
Sobre el ao 1.500 a.C. se desarrollaron en Egipto tres alfabetos
(jeroglfico, hiertico y demtico). De ellos el jeroglfico basado en 24
smbolos consonantes, era el ms antiguo. Los fenicios adoptaron este
alfabeto egipcio 1.000 aos antes de Cristo, usando para escribir pieles y
tablillas enceradas. El alfabeto fenicio fue tambin adoptado por etruscos y
griegos, y de ellos los romanos desarrollaron el alfabeto occidental. La
escritura romana adopt tres estilos fundamentales: quadrata (maysculas
cuadradas romanas, originalmente cinceladas en piedra), rstica (versiones
menos formales y ms rpidas en su ejecucin) y cursiva (modalidades de
inclinacin de las maysculas).
La letra gtica apareci durante la edad media y era escrita sobre
pergaminos ms adelante en papel. Este tipo de letra gtica se difundi por
toda Europa y fue cuando se produjo uno de los hechos ms importantes
para el desarrollo de la Tipografa y de la cultura humana: Johann Gutenberg
(1398 1468) inventa a la vez los caracteres mviles y la prensa, creando la
imprenta, a su vez crea el primer texto occidental impreso, la "Biblia de 42
lneas". El trabajo de impresin posibilit el uso de nuevos tipos de letras.
Desde entonces, multitud de tipgrafos han ido aportando su granito de
arena a la creacin de nuevas tipografas.
Segn Fotonostra (2011) las partes que componen un tipo son:

Altura de las maysculas: Es la altura de las letras de caja alta.

Altura X: Altura de las letras de caja baja, las letras minsculas,


excluyendo los ascendentes y los descendentes.

Anillo: Es el asta curva cerrada que forman las letras "b, p y o".

4
1

Ascendente: Asta que contiene la letra de caja baja y que sobresale


por encima de la altura x, tales como las letras "b, d y k".

Asta: Rasgo principal de la letra que la define como su forma o parte


mas esencial.

Astas montantes: Son las astas principales o oblicuas de una letra,


tales como la "L, B, V o A".

Asta ondulada o espina: Es el rasgo principal de la letra "S" en


mayscula o "s" en minscula.

Asta transversal: Rasgo horizontal de las letras "A, H, f o t".

Brazo: Parte terminal que se proyecta horizontalmente o hacia arriba


y que no se encuentra incluida dentro del carcter, tal como se
pronuncia en la letra "E, K y L".

Cola: Asta oblicua colgante que forman algunas letras, tales como la "
R o K ".

Descendente: Asta de la letra de caja baja que se encuentra por


debajo de la lnea de base, como ocurre con la letra "p y g".

Inclinacin: ngulo de inclinacin de un tipo.

Lnea base: La lnea sobre la que se apoya la altura.

Oreja: Es la terminacin o terminal que se le aade a algunas letras


tales como "g, o y r".

Rebaba: Es el espacio que existe entre el carcter y el borde del


mismo.

Serif, remate o gracia: Es el trazo o termina de un asta, brazo cola.

2.2.10.1 FAMILIAS TIPOGRFICAS


Una familia tipogrfica es un grupo de letras, nmeros, signos de
puntuacin smbolos y acentos que comparten rasgos de diseo en comn y
todas ellas tienen una sola unidad tipogrfica. Los miembros de una familia
4
2

se le conocen como los tipos, que se parecen entre s pero tambin tienen
rasgos propios. Las familias tipogrficas tambin son conocidas con el
nombre de familias de fuentes.
Existen multitud de familias tipogrficas. Algunas de ellas tienen ms
de quinientos aos, otras surgieron en la gran explosin creativa de los siglos
XIX y XX, otras son el resultado de la aplicacin de los ordenadores a la
imprenta y al diseo grfico digital y otras han sido creadas explcitamente
para su presentacin en la pantalla de los monitores, impulsadas en gran
parte por la web. Unas y otras conviven y son usadas sin establecer
diferencias de tiempo, por lo que es necesario establecer una clasificacin
que nos permita agrupar aquellas fuentes que tienen caractersticas
similares. Segn La ATYPI (Asociacin Tipogrfica Internacional), divide las
familias tipogrficas en los siguientes grupos:

Romanas
Formado por fuentes que muestran influencias de la escritura manual,

en concreto de la caligrafa humanista del s. XV, y tambin de la tradicin


lapidaria romana, donde los pies de las letras se tallaban para evitar que la
piedra saltase en los ngulos. Las fuentes Romanas son regulares, tienen
una gran armona de proporciones, presentan un fuerte contraste entre
elementos rectos y curvos y sus remates les proporcionan un alto grado de
legibilidad. Las Romanas se dividen cinco grupos fundamentales:
o Antiguas: Tambin llamadas Garaldas (por Garamond), aparecen a
fines del siglo XVI en Francia, a partir de los grabados de Grifo para
Aldo Manuzio. Se caracterizan por la desigualdad de espesor en el
asta dentro de una misma letra, por la modulacin de la misma y
por la forma triangular y cncava del remate, con discretas puntas
cuadradas. Su contraste es sutil, su modulacin
4
3

pronunciada, cercana a la caligrafa, y su trazo presenta un


mediano contraste entre finos y gruesos. Entre ellas destacan las
fuentes Garamond, Caslon, Century Oldstyle, Goudy, Times New
Roman y Palatino.
o De Transicin: Se manifiestan en el siglo XVIII y muestran la
transicin entre los tipos romanos antiguos y los modernos, con
marcada tendencia a modular ms las astas y a contrastarlas con
los remates, que dejan la forma triangular para adoptar la cncava
o la horizontal, presentando una gran variacin entre trazos. Esta
evolucin se verific, principalmente, a finales del siglo XVII y hasta
mediados del XVIII, por obra de Grandjean, Fournier y Baskerville.
Ejemplos de este grupo son las fuentes Baskerville y Caledonia.
o Modernas: Aparecen a mediados del siglo XVIII, creadas por Didot,
reflejando las mejoras de la imprenta. Su caracterstica principal es
el acentuado y abrupto contraste de trazos y remates rectos, lo que
origina fuentes elegantes a la vez que fras. Sus caracteres son
rgidos y armoniosos, con remates finos y rectos, siempre del
mismo grueso, con el asta muy contrastada y con una marcada y
rgida modulacin vertical. Resultan imponentes a cuerpos grandes,
pero acusan cierta falta de legibilidad al romperse los ojos del
carcter, al componerse a cuerpos pequeos y en bloques de texto
corrido. Ejemplos destacables podran ser Firmin Didot, Bodoni,
Fenice y Modern N 20.
o Mecanos: Son un grupo aislado que no guarda ninguna semejanza
constructiva con el resto de los tipos romanos con remate, tan solo
el hecho de poseer asiento sus caracteres. No tienen modulacin ni
contraste. Entre sus fuentes podemos destacar Lubalin y Stymie.

4
4

o Incisas: otro grupo aislado dentro de las romanas, al igual que las
mecanos, son letras en la tradicin romana ms antigua,
ligeramente contrastadas y de rasgo adelgazado ahusado. No se
puede hablar de remates, pero sus pies abocinados sugieren, tal
como ocurre con las serif, una lnea imaginaria de lectura. Su ojo
grande y sus ascendentes y descendentes finos, hacen de l un
tipo que, aunque es extremadamente difcil de digitalizar, es muy
legible a cualquier cuerpo. A pequea escala, puede confundir y
parecer de palo seco al perderse la gracia de su rasgo. Como
ejemplos podemos citar las fuentes Alinea y Baltra.
Palo Seco
Las fuentes Palo Seco se caracterizan por reducir los caracteres a su
esquema esencial. Las maysculas se vuelven a las formas fenicias y
griegas y las minsculas estn conformadas a base de lneas rectas y
crculos unidos, reflejando la poca en la que nacen, la industrializacin y el
funcionalismo. Tambin denominadas Gticas, Egipcias, Sans Serif o
Grotescas, de dividen en dos grupos principales:
o Lineales sin modulacin: formadas por tipos de un grosor de
trazo uniforme, sin contraste ni modulacin, siendo su esencia
geomtrica.

Admiten

familias

largusimas,

con

numerosas

variantes, aunque su legibilidad suele ser mala en texto corrido.


Ejemplos de este tipo seran Futura, Avant Garde, Eras, Helvtica,
Kabel y Univers.

4
5

o Grotescas: caracterizadas porque el grosor del trazo y el contraste


son poco perceptibles y por ser muy legibles en texto corrido. La
principal fuente de este tipo es Gill Sans.

Rotuladas
Las fuentes rotuladas advierten ms o menos claramente el

instrumento y la mano que los cre, y la tradicin caligrfica o cursiva en la


que se inspir el creador. Existen tres grupos principales de fuentes
rotuladas:
o Caligrficas: aglutina familias generadas con las influencias ms
diversas (rstica romana, minscula carolingia, letra inglesa,
caracteres unciales y semiunciales), basadas todas ellas en la
mano que las cre. Con el tiempo la escritura caligrfica se hizo
cada vez ms decorativa. En la actualidad se utiliza en invitaciones
a ceremonias o determinados acontecimientos. Como ejemplos de
este tipo podemos citar las fuentes American Uncial, Commercial
Script, Cancelleresca, Seript, Bible, Seript, Flourishes, Zapf
Chancery, Young Baroque.
o Gticas: de estructura densa, composicin apretada y verticalidad
acentuada, manchan extraordinariamente la pgina. Adems, no
existe conexin entre letras, lo que acenta ms su ilegibilidad.
Ejemplos de este tipo son: Fraktur, Old English, Koch Fraktur,
Wedding Text, Forte Grotisch.
o Cursivas: suelen reproducir escrituras de mano informal, ms o
menos libre. Estuvieron muy de moda en los aos 50 y 60, y
actualmente se detecta cierto resurgimiento. Ejemplos: Brush,

4
6

Kauffman, Balloon, Mistral, Murray Hill, Chalk Line y Freestyle


Script.

Decorativas
Estas fuentes no fueron concebidas como tipos de texto, sino para un

uso espordico y aislado. Existen numerosas variaciones, pero podemos


distinguir dos grupos principales:
o Fantasa: similares en cierto modo a las letras capitulares iluminadas
medievales, resultan por lo general poco legibles, por lo que no se
adecuan en la composicin de texto y su utilizacin se circunscribe a
titulares cortos. Ejemplos de este tipo son las fuentes Bombere, BlockUp, Buster, Croissant, Neon y Shatter.
o

poca: pretenden sugerir una poca, una moda o una cultura,


procediendo de movimientos como la Bauhaus o el Art Dec.
Anteponen la funcin a lo formal, con trazos sencillos y equilibrados,
casi siempre uniformes. Muy utilizados en la realizacin de rtulos de
sealizacin de edificios y anuncios exteriores de tiendas. Ejemplos de
este grupo son Futura, Kabel, Caslon Antique, Broadway, Peignot,
Cabarga Cursiva, Data 70, LCD, Gallia.

Variantes de una familia


Segn Luciano M (2004) Dentro de cada familia, las variables tipogrficas

permiten obtener diferentes soluciones de color y ritmo. Las variables


constituyen alfabetos alternativos dentro de la misma familia, manteniendo un
criterio de diseo que las "emparenta" entre s. (prr 3)

4
7

Las variaciones de una fuente se obtienen modificando propiedades


como:

El cuerpo o tamao: maysculas, minsculas y capitales.

El grosor del trazado: ultrafina, fina, book, redonda, media, seminegra,


negra y ultranegra.

La inclinacin de los ejes: redonda, cursiva e inclinada.

La proporcin de los ejes: condensada, comprimida, estrecha,


redonda, ancha, ensanchada y expandida.

La forma del trazado: perfilada, sombreada, etc.

Otras variantes de una fuente incluyen versalitas, nmeros, nmeros


antiguos, smbolos de puntuacin, monetarios, matemticos y
miscelneos, etc.

2.2.10.2 LA TIPOGRAFA EN LA IDENTIDAD CORPORATIVA


Otro elemento esencial que forma parte de la identidad de una
empresa es la tipografa, aqu al igual que o junto con el logotipo se transmite
un mensaje que comunica los valores de la marca.
La tipografa o fuentes de letras deben ir de acuerdo con todo aquello
que la empresa o marca representa, por tanto deben ser un reflejo de la
armona, dinamismo, consistencia, madurez, o los valores de marca.
Tambin la tipografa es usada y combinada con el logotipo y los colores de
la empresa lo que ayuda a generar mayor fuerza en el concepto de la marca.
Por ejemplo est la General Motors donde segn Abaestudio (2009)
tipografa de General Motors deja clara su idea de lo que es la marca:
funcionalidad, desempeo y rigor. Esto se refuerza tambin en el color

4
8

utilizado en el diseo grfico ms habitualmente por la marca, el rojo, que


expresa fuerza y pasin. En definitiva, un logo se compone de elemento
grfico y textual y de la buena combinacin de ellos depender la efectividad
del mensaje transmitido. (prr. 20)

2.2.11 LA MARCA
Es un ttulo que concede el derecho exclusivo a la utilizacin de un
signo para la identificacin de un producto o un servicio en el mercado.
Pueden ser marcas las palabras o combinaciones de palabras, imgenes,
figuras, smbolos, grficos, letras, cifras, formas tridimensionales (envoltorios,
envases, formas del producto o su representacin)
Segn Monge, S. (2008) Una marca es un activo para cualquier
empresa. Esa es la razn por la que si maana nos levantramos con la
noticia de que ha ocurrido una tragedia y todas las infraestructuras fsicas de
produccin de Coca-Cola hubieran sido destruidas, los directivos de la
compaa slo tendran que caminar hacia el banco ms cercano y obtener
un prstamo para reconstruirlas sin otro aval que el valor de su marca. (prr.
45)
Segn Marketing-XXI (2011) explica diferentes claves para conseguir
el xito sostenido de la marca:

Aportacin de valores acordes a las expectativas del consumidor.


Tradicionalmente la calidad del producto se asociaba a los procesos
tcnicos, a la ingeniera o a las mejores materias primas. Sin embargo,
hoy, las expectativas de los consumidores van mucho ms all de la
calidad del producto. El diseo, por ejemplo, se ha convertido en algo
fundamental, no slo desde el punto de vista funcional, sino por su
valor esttico y original.

4
9

Seguir siendo relevante para cada audiencia en cada momento. Las


compaas deben continuar trabajando en la segmentacin de sus
productos y marcas. Ofrecer uno solo, dirigido a un target muy amplio,
u orientarse a distintos pblicos de la misma manera, son cosas
obsoletas. Crece el nmero de compaas con una amplia variedad de
productos y que trabaja en su segmentacin para que la oferta sea
customizable, ms a medida.

Maximizar la percepcin del valor. El precio captura la percepcin del


valor. Por defecto, entre dos marcas aparentemente iguales, una
reaccin frecuente en el mercado es pensar que la de mayor precio es
mejor, justificando de alguna manera la diferencia del importe. Pero
existen otras formas para que el cliente perciba un producto mejor que
el de la competencia.

Insistir en diferenciarse: ser nicos y crebles. Un posicionamiento


estratgico y creativo es fundamental para el xito de la marca.
Adems, se debe estar siempre alerta para lograr que ese
posicionamiento se consolide. Un caso muy ocurrente ha sido el
lanzamiento de agua de sabores de Font Vella Sensacin, un producto
que ha brindado a Font Vella otra dimensin para diferenciarse, e
incluso para arraigar la marca. Supone el cumplimiento con el
consumidor: promesa hecha, promesa cumplida. En una sociedad
repleta de publicidades engaosas, el valor de la honestidad es
realmente apreciado y agradecido por el consumidor.

Equilibrar el binomio consistencia/flexibilidad. Trabajar supone ser


consciente pero flexible al mismo tiempo. En un momento de cambios
y avalancha de nuevas ofertas permanentes, es imprescindible

5
0

mostrar la consistencia de la marca. Por supuesto, hay que estar al


da con las tendencias, pero sin dejar de ser fiel a uno mismo.

Optimizacin de la arquitectura de marca. Las compaas revisan


constantemente su arquitectura de marca. Supone una forma de
optimizar las marcas que pertenecen a una misma compaa o de
asegurarse de que existen sinergias entre marcas distintas vinculadas
por fusin, adquisicin, creacin o divisin. Las sinergias entre marcas
o productos pueden disminuir considerablemente los costes y ayudar
a lanzar un mensaje comn al consumidor. Desde la perspectiva de
utilizacin de elementos en comn para la fabricacin, distribucin,
venta, promocin e incluso publicidad, tambin puede suponer un
ahorro de costes.

La estrategia de la marca debe ser entendida y asumida por los


empleados. Cada integrante de la empresa representa a la marca, y
sta tiene que ser el eje central de la organizacin, su principio. De ah
se deriva la intensa vinculacin que debe existir entre los valores de la
marca y los miembros de la empresa, que tienen que sentirse
partcipes e implicados. Para esto, es fundamental un plan de
comunicacin interno constante, informativo y bidireccional, capaz de
recibir ideas y propuestas.

Gestionar las marcas como valor seguro a largo plazo. La gestin de


la marca a largo plazo implica analizar las direcciones del valor y
medirlos, supone estar siempre al da sobre las nuevas tecnologas,
mercados, formas y tendencias; consiste en medir y manejar.

Integrar al consumidor en el desarrollo de las marcas. Preguntar al


consumidor sobre sus necesidades es otra de las tendencias del
marketing actual. La integracin del consumidor adquiere cada vez un
5
1

papel ms importante. Las necesidades cambian y tambin las


preferencias de la gente. Por eso, los empleados de Zara prestan
tanta atencin a qu valora o echa en falta su pblico al ver y probarse
su ropa. Consideran esa informacin muy valiosa y la utilizan para
disear productos acordes con las necesidades del consumidor.

Apoyar inquietudes sociales compatibles con la marca le aade valor.


Las compaas deben ser ms inteligentes a la hora de responder a
los valores ticos: convertirse en mecenas de inquietudes sociales es,
sin duda, un valor aadido y una categora para la marca.

2.2.12 LA PUBLICIDAD
Tcnica de comunicacin comercial que utiliza mensajes informativos
y persuasivos, a travs de medios de comunicacin impersonales para una
determinada audiencia con el objetivo de despertar el deseo de consumo
(posesin y uso de bienes y servicios), para ello se destacan los beneficios
del servicio o producto que se ofrecen, por medio de estudios en base a la
psicologa, sociologa, antropologa, estadstica, y economa. Segn Proenza,
R. (1999) La publicidad debe analizar las necesidades del consumidor
potencial, sus hbitos, motivos y frenos de compra. (prr. 80)
Para Slideshare (2011) el lenguaje de la publicidad utiliza 4 elementos
principales:

Titular: Tiene el objetivo de captar la atencin del espectador e


identificar el producto o el tema que se presenta.

La Ilustracin: Es una imagen cuya finalidad es tambin captar la


atencin y expresar la idea principal del anuncio.

5
2

Texto o Copy: Explica mediante lenguaje escrito lo que anuncia el


titular.

Elementos de la Firma: Tienen como finalidad completar el mensaje


y cerrarlo. Los ms habituales son el nombre del producto (logotipo),
el eslogan y direccin o forma de contacto.
La publicidad se diferencia de otras actividades de atraccin del

pblico como la propaganda y las relaciones pblicas. Tambin es usada


para crear una imagen de marca slida para una compaa o sobre sus
productos y servicios, esto se conoce como publicidad institucional, donde se
realiza un trabajo de mercadeo diseado para promocionar una empresa en
lugar de un bien o servicio.

2.2.13 EL BRANDING
Es un anglicismo empleado en la mercadotecnia y se refiere al
proceso de hacer, construir y definir una marca, se considera tambin el valor
de una marca y est conformado por cinco (5) elementos claves: creacin de
un nombre, identidad corporativa, posicionamiento, lealtad de marca y
estructura de la marca. Tiene como disciplina la necesidad de manejar
conceptos estratgicos ms perdurables que las propias campaas de
comunicacin, desarrolla y mantiene un conjunto de atributos y valores de la
marca de manera tal que sean coherentes, apropiadas, distintivas,
susceptibles

de

ser

protegidas

legalmente

atractivas

para

los

consumidores.
El Branding trabaja con la segmentacin de marca y posicionamiento
de marca, para definir estos conceptos se tiene el siguiente ejemplo: cuando
se piensa en las caractersticas de "seguridad" en coches, Cul es la marca

5
3

que representa mejor esa caracterstica? Est pregunta la realiz Segura


(2004) la cual respondi: muchos de nosotros pensamos en Volvo. Esta
marca es la que ms ha trabajado por comunicarnos eso: Se han
posicionado como un coche seguro. (prr. 34)
Este ejemplo define lo que es posicionar una marca y su mtodo de
trabajo fue identificando sus clientes el cual es un segmento de la poblacin.
Ese segmento no son probablemente jvenes, o amantes del riesgo, son
ms bien padres de familia, etc. Por eso este fabricante de coches siempre
ha hecho Branding en torno a esa caracterstica.
En terminacin, el Branding estudia el comportamiento de un grupo de
consumidores dividiendo un segmento de la poblacin, distinguiendo los
productos o servicios de la empresa de los de la competencia. Esa
diferenciacin de productos, se ve reflejada en el diseo de un conjunto
significativo de valores que la marca representa. Los clientes relacionan en
su mente los productos y servicios que compiten entre s y ellos mismos
determinan que marca cumple exitosamente sus necesidades y estos a su
vez ayudan a posicionar la marca, pero no solo la que mejor cumpla y refleje
lo que ofrece, sino que tambin la que logre un alto alcance en comparacin
con su competencia.
Actualmente el Branding en Internet es muy utilizado, salvo que la red
es una herramienta de comunicacin de gran alcance. Segn Segura, (2004)
para hacer branding en tu web, necesitas primero entender la estructura de
segmentacin de tu mercado. Entonces, basado en la estructura de
segmentacin y tu ventaja competitiva, eliges tus segmentos a apuntar, es
decir los segmentos a los que quieres atacar. (prr. 37)
Segura, u(2004) toma tres (3) puntos claves para tener xito en
Internet, las cuales son:

5
4

1.- Se est online mucho antes que su competencia.


2.- Se tiene una ventaja competitiva mucho ms fuerte que la
competencia.
3.- Se entiende a sus clientes mejor que su competencia.

2.2.14 EL MARKETING
Es un anglicismo para referirse a la actividad que desarrolla el
mercado. En espaol, marketing suele traducirse como mercadotecnia o
mercadeo. Se define como el proceso de generar cualquier accin, iniciada
en las empresas y dirigida a influir en los mercados de una manera favorable
satisfaciendo a los consumidores por medio de sus necesidades, deseos y
solicitudes, obteniendo a su vez una rentabilidad para la empresa.
El marketing emplea un mecanismo de estudio basndose en todas
las variables que directa o indirectamente inciden sobre el mercado, ese
mecanismo es conocido como marketing mix y dichas variables son: el
producto, el precio, la distribucin, el punto de venta, la publicidad y las
relaciones pblicas. Estas variables ayudan a incrementar la cantidad de
bienes y servicios que se consumen, maximiza el servicio del consumidor y
proporciona un mayor nmero de alternativas.
Segn Ketterer, G. (2010) La filosofa del marketing habla del punto
de vista del cliente, cual es el objetivo final que ste tiene. De esta forma, el
marketing no puede encontrarse del todo en la venta, no es una actividad as
de especializada para las empresas, por lo que recurre a la perspectiva del
final del proceso y abarcar a la empresa en todos sus sentidos y no slo en
uno.(p. 11)

5
5

2.2.15 EL SERVICIO
Es un elemento no fsico que ofrece actividades, beneficios y satisface
a un grupo de consumidores por medio de una necesidad propia. Son
perecederos, variables y requieren un alto control de calidad, credibilidad y
adaptacin.
A diferencia de un producto, no proporcionan la identidad de algo, y su
implementacin puede estar relacionada o no con un producto fsico. Segn
Mitecnologico (2011) En economa y en marketing (mercadotecnia) un
servicio es un conjunto de actividades que buscan responder a una o ms
necesidades de un cliente. (prr. 24)
La segmentacin de los servicios se divide en personas naturales,
personas jurdicas y los hogares. Un servicio, al estar bien posicionado, hace
que el segmento lo identifique perfectamente con una serie de deseos y
necesidades en su propia escala de valores, haciendo que el grado de
lealtad del mismo sea mayor y ms fuerte respecto a los ofrecidos por los
competidores.
Existen tres (3) etapas de posicionamiento de los servicios:

Posicionamiento actual: Aqu el primer paso es determinar el


segmento, luego identificar los atributos que son importantes para el
target y despus analizar a la percepcin que tiene el mercado de la
competencia.

Posicionamiento Ideal:
o Para el consumidor: Este paso consiste en determinar qu es lo
que el consumidor desea respecto a la clase de servicio que se
ofrece.

5
6

o Para la Empresa: Consiste en determinar qu es lo que la


empresa quiere determinar reflejar como un servicio ideal. Es aqu
donde se conocen las ventajas comparativas respecto a sus
competidores a partir del posicionamiento actual (si corresponde).

Posicionamiento Deseado: Consiste en determinar la forma de


posicionar el producto o cmo llegar a la situacin ideal para el
consumidor y la empresa. Esto representa una gua general para la
elaboracin o diseo del Marketing Mix que es la tercera fase del
desarrollo de una estrategia de Marketing.

2.2.16 LA EMPRESA
Segn Thompson, I. (2011) La empresa es una entidad conformada
bsicamente por personas, aspiraciones, realizaciones, bienes materiales y
capacidades tcnicas y financieras; todo lo cual, le permite dedicarse a la
produccin y transformacin de productos y/o la prestacin de servicios para
satisfacer necesidades y deseos existentes en la sociedad, con la finalidad
de obtener una utilidad o beneficio. (p. 15)
Una empresa es un sistema que interacciona con su entorno
materializando una idea, de forma planificada, dando satisfaccin a unas
demandas y deseos de clientes, a travs de una actividad econmica.
Requiere de una razn de ser, una misin, una estrategia, unos objetivos,
unas tcticas y unas polticas de actuacin. Se necesita de una visin previa
y de una formulacin y desarrollo estratgico de la empresa. Se debe partir
de una buena definicin de la misin. La planificacin posterior est
condicionada por dicha definicin.

5
7

Misin: La definicin especfica de lo que la empresa es, de lo que la


empresa hace (a qu se dedica) y a quin sirve con su
funcionamiento. Representa la razn de ser de la empresa; orienta
toda la planificacin y todo el funcionamiento de la misma; y se
redacta estableciendo: La actividad empresarial fundamental; El
concepto de producto genrico que ofrece; El concepto de tipos de
cliente a los que pretende atender.

Visin: Es la definicin de lo que la empresa quiere ser en un futuro


(hacia dnde quiere llegar). Recoge las metas y logros planteados por
las organizaciones.

Cultura empresarial: Es lo que identifica la forma de ser de un


empresa y se manifiesta en las formas de actuacin ante los
problemas y oportunidades de gestin y adaptacin a los cambios y
requerimientos de orden exterior e interior, que son interiorizados en
forma de creencias y talantes colectivos que se trasmiten y se
ensean a los nuevos miembros como una manera de pensar, vivir y
actuar.

2.2.17 EMPRESA Representaciones Fab-UP


Esta es una empresa privada nueva en el mercado que ofrece un
servicio en ideas y soluciones en base al Diseo Grfico, su misin y objetivo
es la creacin corporativa y publicitaria de toda imagen tanto impresa como
digital que necesite una empresa, persona o evento.
El servicio que ofrece est basado en el Branding y publicidad en
general (Imagen corporativa, creacin de marca, campaas, papelera,
volantes, afiches, pendones, material POP, vallas, Invitaciones, tarjetas de

5
8

presentacin, banners, diseo web, publicidad digital, diseo audiovisual,


retoques fotogrficos, y produccin de vdeos).
En resumen, la empresa crea una gran cantidad de proyectos de
difusin en imgenes tanto impresa como digital. No ofrece un servicio de
impresin como una imprenta, solo ofrece un servicio a la creacin y
produccin visual. Su target va a enfocado a un gran nmero de personas y
un gran nmero de empresas que solicitan el desarrollo de su propia imagen
publicitaria, por eso su target es variable.
Su visin es satisfacer una gran demanda a nivel nacional ubicndose
en el mercado creativo y publicitario venezolano con grandes ideas y
recursos para la elaboracin de ideas innovadoras que se destaquen en el
mercado venezolano, brindando soluciones factibles a las necesidades del
cliente.
Actualmente se ubica en Caracas Venezuela en el Municipio
Libertador sus principales datos de contacto son: telf.: (0416)528.15.48 / sitio
web es www.fab-up.com. Su principal medio de comunicacin ser el propio
sitio web, donde todos las artes que componen el servicio de
Representaciones Fab-UP ser publicadas por medio de un portafolio
virtual, igualmente estarn la informacin bsica sobre el servicio como otro
espacio de contacto y mayor informacin.

5
9

2.2.18 CONSIDERACIONES LEGALES DE LA INVESTIGACIN

2.2.18.1 CONSTITUCIN DE LA REPBLICA BOLIVARIANA DE


VENEZUELA

Artculo 110.
El Estado reconocer el inters pblico de la ciencia, la tecnologa, el
conocimiento, la innovacin y sus aplicaciones y los servicios de informacin
necesarios por ser instrumentos fundamentales para el desarrollo econmico,
social y poltico del pas, as como para la seguridad y soberana nacional.
Para el fomento y desarrollo de esas actividades, el Estado destinar
recursos suficientes y crear el Sistema Nacional de Ciencia y Tecnologa de
acuerdo con la ley. El sector privado deber aportar recursos para los
mismos. El Estado garantizar el cumplimiento de los principios ticos y
legales que deben regir las actividades de investigacin cientfica,
humanstica y tecnolgica. La ley determinar los modos y medios para dar
cumplimiento a esta garanta.
Analizando esta ley se garantiza el buen funcionamiento de la
empresa en donde se contempla al final del artculo que dicha empresa
privada deber aportar ciertos principios a la nacin y que el Estado deber
contribuir con dichos principios.

2.2.18.2 El Copyright
Segn Jess M. (2002) es el derecho que tiene un autor, incluido el
autor de un programa informtico, sobre todas y cada una de sus obras y

6
0

que le permite decidir en qu condiciones han ser stas reproducidas y


distribuidas. Aunque este derecho es legalmente irrenunciable puede ser
ejercido de forma tan restrictiva o tan generosa como el autor decida. El
smbolo de este derecho es . (pag 1)
Hace 500 aos, con el invento de Gutenberg se proporcion a los
editores una forma relativamente fcil de hacer su trabajo, pero con costos
elevados, Hace 200 aos las personas se hicieron ms fciles de operar, y
muchas personas aprendieron a leer. En ese momento los editores
comerciales comenzaron a parecer y con el tiempo, stos empezaron a
vender libros sin pagar nada a sus autores. Al inicio todo era asunto de
guardar e intercambiar ideas, sin embargo se convirti en una actividad
lucrativa. Por eso, a travs de los gobiernos se invent el copyright,
concebido para hacer intercambios justos entre autores y el pblico.
El autor cuando publica su obra termina en el dominio pblico; en
remuneracin a esto el autor recibe un monopolio temporal de la explotacin
comercial de su obra; despus de que esto finalice, la obra es de dominio
pblico. Entonces copyright, es el derecho de aun autor de ser dueo de su
obra por un cierto periodo de tiempo (que depende de la legislacin de cada
pas). Para que cualquier obra quede protegida por copyright debe ser
original y no una copia de otra obra, ser creativo y plasmarse en algn medio.

2.2.18.3 SAPI
Segn Sapi (2011), el Servicio Autnomo de la Propiedad Intelectual
(SAPI) es un organismo adscrito al Ministerio del Poder Popular para el
Comercio, que tiene la misin de ejercer eficientemente la rectora del Estado
venezolano, en materia de Derecho de Autor, marcas y patentes. (prr 1).

6
1

Breve Resea Histrica del SAPI


El Servicio Autnomo de la Propiedad Intelectual (SAPI), ente adscrito

al Ministerio de Produccin y Comercio, fue creado segn Decreto


Presidencial nmero 1768, el 25 de marzo de 1997, publicado en la Gaceta
Oficial de la Repblica de Venezuela No. 36.192 de fecha 24-04-97; entra en
funcionamiento en el 01 del mayo del 1998 segn Resolucin Ministerial N
054 del 07 de abril de 1998, publicada en la Gaceta Oficial N 36.433 del 15
de abril de 1998.
La creacin del SAPI ha permitido unir bajo una misma organizacin la
Propiedad Industrial y el Derecho de Autor. Esta fusin ha hecho posible
agilizar y optimizar el proceso de registro, proteccin y difusin de las
creaciones del intelecto humano bajo los diversos esquemas que operan
actualmente en el Sistema Venezolano de Propiedad Intelectual.

Visin

Impulsar las transformaciones en el marco jurdico existente, en


materia de Derecho de autor, marcas y patentes, a fin de crear un nuevo
modelo productivo socialista, que contribuya a la democratizacin y acceso
de las tecnologas y las creaciones artsticas, a todo el pueblo venezolano.
EL SAPI cuenta con dos (2) direcciones operativas principales: la
Direccin de Registro de la Propiedad Industrial, encargada de administrar la
concesin de derechos a los inventores sobre sus creaciones, a travs de las
patentes de invencin, mejoras, dibujos y diseos industriales; a los
comerciantes o personas naturales sobre los signos que utilizan para
distinguir sus productos y servicios en el mercado, mediante las marcas,
denominaciones comerciales y lemas comerciales; y la Direccin de Derecho

6
2

de Autor, encargada de ejercer funciones de registro, fiscalizacin e


inspeccin sobre los derechos de autor y los derechos conexos, en el mbito
administrativo.

Objetivos del SAPI

Proporcionar seguridad jurdica a travs de la tutela de la


Propiedad

Intelectual

sobre

obras

artsticas,

cientficas,

tecnolgicas, patentes, denominaciones de origen, variedades


vegetales, marcas y otros signos distintivos.

Promocin del desarrollo de la sociedad del conocimiento mediante


la difusin de la informacin sobre la propiedad intelectual, con el
objeto de facilitar la transferencia tecnolgica a los sectores
productivos y de innovacin.

Garantizar y proteger la propiedad intelectual colectiva de los


conocimientos, tecnologas e innovaciones de los pueblos
indgenas y locales y la biodiversidad asociada a los mismos, as
como los derechos de propiedad intelectual colectivos y libres.

Incentivar la creacin intelectual protegiendo el Derecho de Autor


sobre las obras.

Cooperar y negociar en el mbito local, regional y mundial, con los


estados, las organizaciones y los pueblos, para la proteccin y
desarrollo de la propiedad intelectual de acuerdo con los principios
fundamentales de la Constitucin de Repblica Bolivariana de
Venezuela.

Fortalecer a la economa social con el instrumento de las marcas


colectivas.

Defensa

de

los

conocimientos

tradicionales

indgenas

campesinos.

6
3

Ejecucin de convenios nacionales e internacionales para la


consolidacin del Sistema

Nacional de la Propiedad Intelectual y suscripcin de nuevos


compromisos.

Promover el Uso de Tecnologas y Creaciones Artsticas Libres.

2.2.19 INTERNET
Segn Pablo V. (2006) Es un sistema mundial de computadoras en red
integrado por las redes y subredes de cada pas, que comparten diferente
clases de recursos y permiten comunicarse y acceder a los datos de
cualquier computadora que est conectada a ellas, incluso establecer
comunicaciones directas con los usuarios de todas estas terminales. (p. 14)
Internet se basa en un sistema cliente-servidor. Los clientes son los
usuarios que aprovecharn los recursos y los servicios de equipos que los
ofrecen y administran. Es una manera rpida e inteligente y de bajo costo,
por lo que actualmente se ha convertido en el medio de comunicacin y
obtencin de datos ms utilizado en el mundo entero.

Breve resea histrica de Internet


A comienzos de la dcada del 60, el Departamento de Defensa de los

EEUU

comenz

preocuparse

por

el

sistema

utilizado

en

las

comunicaciones internas. En 1962, un investigador del gobierno llamado


Paul Baran present un proyecto que solucionaba todos los problemas que
se presentaban con el mtodo de comunicacin utilizado. Era un sistema de
computadoras conectadas entre s por una misma red de manera
descentralizada.

6
4

Este proyecto fue debatido durante varios aos mientras se


analizaban las ventajas y desventajas que podra significar, hasta que en
1969 la ARPA del Pentgono cre la ARPA.net, el primer sistema de
computacin con equipos conectados en red. Este sistema funcion
satisfactoriamente durante varios aos con su implementacin en redes
pequeas, es decir, con pocas estaciones de trabajo conectadas a ella. El
problema surgi cuando se intent masificar el uso de este mtodo: no
exista un protocolo de comunicaciones comn en todas las computadoras ya
que utilizaban distintos sistemas operativos.
Finalmente en 1978 se cre el protocolo TCP/IP (Transmition Control
Protocol/Internet Protocol). Desde ese momento se comenz a utilizar el
trmino Internet. Este protocolo fue inmediatamente adoptado como estndar
por el Departamento de Defensa, y en 1982 su red de computadoras adopt
el nombre MIL.net. En 1987, la NSF (NationalScienceFoundation) decidi
enlazar cinco centros en distintas ciudades de los EEUU.
En la dcada del 90 se cre World Wide Web mediante la utilizacin
de tres novedosos recursos: el lenguaje HTML (HipertextMarkupLanguage),
el HTTP (Hipertext Transfer Protocol) y un programa cliente (navegador o
browser).

2.2.20 WORLD WIDE WEB


Segn Pablo V (2006) Es el sistema de hipertexto que funciona sobre
la gran red de redes. Internet y todos sus servicios funcionan principalmente
a travs de un sistema de clientes y servidores. En el caso de World Wide
Web el funcionamiento es de la misma manera. Es decir este sistema sirve
para alojar las diferentes pginas de cada sitio junto con sus componentes
(imgenes, animaciones, aplicaciones, etc.). (p. 17)

6
5

El cliente web ser el que consumir todos esos recursos brindados


por los servidores. Para eso, el cliente web debe contar con un software de
navegacin que interprete y permita visualizar los sitios web.
2.2.21 SITIO WEB
Es un conjunto de documentos electrnicos de hipertexto que
componen y hacen referencia a un tema determinado. Normalmente estn
definidos por una pgina de bienvenida (home page), que ser la que se
muestre inicialmente y desde la que se podr acceder a las dems pginas
mediante enlaces (links). Para Alegsa (2011) "sitio web" y "pgina web" son
tomados como sinnimos, pero no son tal. En otras palabras el sitio web es
ms bien un conjunto de pginas web.
Segn Expertosensitiosweb (2011) un sitio web es un conjunto de
pginas web que se encuentran conectadas entre s por medio de enlaces
(links). Una pgina web contiene contenido como texto, imgenes, audio y
video. Para organizar el contenido que una empresa desea publicar en
Internet, generalmente se divide este contenido en diversas pginas.

2.2.22 DISEO WEB


Es el conjunto de actividades que permiten avanzar desde el concepto
que se define para el sitio web hasta su realizacin y de esta forma hacer
que el usuario se sienta atrado visualmente. No slo est referido a las
tareas relacionadas con el diseo grfico, sino que tambin aborda otras
como las definiciones relativas a usabilidad, interaccin, y tambin a todas
las que estn relacionadas con los contenidos propiamente tales.
El vdeo, la animacin, o los espacios 3D, actualmente aportan una
imagen ms estilstica. Anteriormente el uso de texto era lo nico que

6
6

integraba una pgina web, pero al irse desarrollando la tecnologa los


diseadores han ido incorporando estos nuevos elementos que hacen ms
atractiva el contenido de un sitio.
2.2.23 SISTEMA DE NAVEGACIN
Segn Camus, J. (2008) Se denomina sistema de navegacin al
conjunto de elementos presente en cada una de las pantallas, que permite a
un usuario moverse por las diferentes secciones de un sitio web y retornar
hasta la portada, sin sentir la sensacin de haberse perdido en ese camino.
(p. 60).
Para conseguir este objetivo el diseo web debe contemplar, al
menos, que el sistema de navegacin cuente con los siguientes elementos:

Men de secciones: Es una zona de la interfaz en la que se detallan


las secciones o categoras en las que est dividida la informacin
contenida en el sitio web. Normalmente se ubica en la parte superior
de cada pgina o bien en la zona superior derecha o izquierda. Hasta
la aparicin de los ltimos estudios basados en eyetracking 11 no
haba una recomendacin certera acerca de su ubicacin; tras stos,
parece indicado ubicarlos en la zona superior o en la zona superior
izquierda. Se debe evitar el uso de nombres complejos y preferir
palabras de fcil y rpida comprensin.

Men de rastros: es el men que indica mediante los nombres de


cada seccin o categora del men, la distancia que separa a la
pgina actual de la portada. Por ejemplo, si el usuario est revisando
la pgina del Programa A, el men correspondiente debe indicar

6
7

Portada > Programas > Programa A. Este men debe ir siempre


debajo de la Identificacin de la seccin o categora y sobre el ttulo.

Identificacin de secciones: debe estar en la zona superior de la


pgina, de manera cercana la zona donde se encuentra el logotipo
que se haya elegido para identificar al sitio web. Puede ser grfico y
por lo mismo tener alguna imagen alusiva a la seccin o categora o
bien ser una solucin que incorpore slo texto y color. S debe tener
en forma destacada el nombre de la seccin o categora y por lo
mismo, debe aparecer en todas las pantallas que pertenezcan a dicha
sta. En trminos de tamao, su ancho debe ser el de la zona de
contenido y su alto, no menor a 100 pxeles (aproximado) para una
adecuada visualizacin. Si usa colores, recuerde que deben tener
contraste adecuado para ser usados por personas con problemas de
visin disminuida.

Enlaces de accin: son aquellos elementos que permiten realizar


acciones directas relativas a la navegacin y que se muestran como
parte de sta, tales como los correspondientes a Regreso a la
Portada, Contacto, Envo de Mail al Sitio y Mapa del Sitio.

Pie de pgina: aunque regularmente no se le concede importancia en


trminos de navegacin, se entiende que la zona inferior de cada
pantalla cumple el relevante papel de completar su la informacin que
se ofrece en las zonas superiores de navegacin, al entregar datos
relativos a la organizacin (nombre, direcciones, telfonos), poltica de
privacidad y repetir enlaces que se han entregado en la zona superior,
para facilitar el contacto del usuario con el sitio.

6
8

2.2.24 REAS DE CONTENIDOS


Segn Camus, J. (2008) Se entiende por reas de contenidos a las
zonas en la que se entrega la informacin en cada sitio web, sin importar el
formato o los medios que sta utilice. (p. 61).
Refirindose a la informacin o contenido como tal, se debe privilegiar
el uso de textos cortos, separados por ttulos significativos que permitan
entregar de manera clara la informacin al usuario. Se debe de tener en
cuenta que las personas no leen la pantalla de la misma forma que en los
documentos impresos, por lo que se debe privilegiar la economa de
palabras.

2.2.25 REAS DE INTERACCIN


Para Camus, J. (2008) Se entiende por reas de interaccin a las
zonas en la que se ofrece realizacin de acciones por parte de los usuarios
del sitio web, a travs de las cuales pueden utilizar los servicios de la
institucin que pone en marcha el espacio digital. (p.62)
La interaccin, en este sentido, va desde acciones menores que
pueden ser enlaces para mayor informacin o suscripcin a servicios
informativos peridicos, hasta la realizacin de trmites complejos como la
obtencin de certificados o el pago de obligaciones. Uno de los elementos
que se debe tener en cuenta en este aspecto es que el usuario normalmente
entiende que las zonas de contenidos son para leer y revisar informacin y
las zonas de interaccin son las que muestran botones y en ellas no se lee,
sino que se ingresa informacin y se desarrolla la actividad que el sitio ofrece
llevar a cabo.

6
9

Por lo mismo, es necesario que en las zonas de interaccin haya la


mnima informacin posible y que siempre sea la necesaria para llevar a
cabo en forma adecuada la accin a que se refiere la interfaz.

2.2.26 EXPERIENCIA DE USUARIO


Segn Camus, J. (2008) se entiende por Experiencia de usuario lo
que siente y experimenta un usuario que ingresa a cada pgina web. Si bien
no es fcil de medir y adquiere un tono subjetivo al hablar de sensacin, s es
un elemento que se puede modelar gracias al uso de diferentes elementos
que son empleados por el usuario que visita el sitio web. (p. 64)
Muchos expertos en el diseo web han observado que los usuarios
necesitan confirmaciones visuales de las percepciones que tienen de los
elementos que revisan. Por ejemplo cuando se utiliza un lenguaje con
palabras que generalmente conoce un usuario o se emplean una serie de
elementos interactivos como enlaces, botones y zonas de ingreso de
informacin fcil de usar por el usuario se genera un resultado positivo en l
se genera una excelente respuesta de interaccin.

2.2.27 USO DE BOTONES WEB


Segn Camus, J. (2008) Los botones son los elementos que permiten
que el usuario realice o confirme acciones solicitadas en las pantallas del
sitio web. Por lo mismo, su forma debe ser estndar, similar en todo el sitio y
no ofrecer dudas acerca de su presencia o de la accin a la que invita. (p. 65)

7
0

Es necesario que se cuide tanto su aspecto fsico como la palabra que


contiene el botn, ya que ambos permitirn que el usuario entienda, sin lugar
a dudas, qu ocurrir si lo presiona.
Los botones deben parecer como tal (en tamao, forma, accin y
contenido) y debern estar ubicados de manera que el usuario sepa qu
ocurrir cuando los presione. Asimismo, deben ser parte integrante de
formularios que logren indicar en una frase breve y explicativa, qu ocurrir al
utilizarlos.

2.2.28 ENLACES
Segn

Camus,

Juan.

(2008).

los

enlaces

son

una

de

las

caractersticas esenciales de los sitios web, ya que permiten al usuario visitar


otros documentos del mismo o externos, slo hacienda clic sobre una zona
demarcada. (p. 66)
Existen estndares que indica cmo debe de ser un enlace en general
pero los cambios tecnolgicos han permitido que haya otras formas de
hacerlos evidentes. No obstante, hay ciertos elementos que siguen siendo
esenciales respecto de los enlaces y son los siguientes:

1. Deben ser diferentes al texto: los enlaces se deben diferenciar del texto
que los rodea para explicar visualmente al usuario que se ofrece una accin
a partir de su contenido. La forma de diferenciarlo puede variar pero al
menos se debe procurar que est subrayado y de color diferente o bien, si no
est subrayado, s se debe mostrar en otro color.
2. Su estado debe ser visual: los enlaces tienen cuatro (4) estados posibles
los que deben visualizarse de manera simple y directa.

7
1

a. Enlace sin visitar: es el color que tiene antes de que se le haga clic
encima; su color debe ser diferente del texto que lo rodea.
b. Enlace destacado: es el color que puede adoptar cuando se le pasa
el mouse sobre el enlace y permite ayudar al usuario a descubrir su
existencia.
c. Enlace activo: es el color que tiene cuando se le da clic encima;
normalmente es un color fuerte que permite notar que se le ha
activado.
d. Enlace visitado: es el color que tiene el enlace cuando ya ha sido
activado y la pgina a la que conduce ya ha sido visitada.

2.2.29 LENGUAJES DE PROGRAMACIN WEB

2.2.29.1 HTML
Lenguaje de programacin estndar de estructuracin de pginas
web, este es el lenguaje bsico por el cual se desarrolla (o programa) las
pginasen donde los navegadores pueden interpretar los elementos HTML
por medio de cdigos y, por tanto, el diseo de las pginas web. Los
principios bsicos de HTML son ficheros con etiquetas que indican a los
navegadores como mostrar las pginas.
Segn Masadelante (2011) El lenguaje HTML contiene dos partes:

El contenido, que es el texto que se ver en la pantalla de un


ordenador, y

7
2

Las etiquetas y atributos que estructuran el texto de la pgina web


en encabezados, prrafos, listas, enlaces, etc. y normalmente no se
muestra en pantalla.
La funcionalidad del HTML es tan sencilla que puede ser creado y

editado en cualquier editor de textos bsicos, como el Bloc de Notas tpico


del sistema operativo Windows. Tambin puede editarse en procesadores de
textos, software de diseo web o aplicaciones web directamente, como lo
ms convencionales programas de administracin de contenido como
WordPress.

2.2.29.2 XML
Segn Dabbs, A. (2006). Es el lenguaje de etiquetado extensible que
requiere un etiquetado estricto y correcto, sus siglas en ingls son:
extensible markuplanguage, traducido al espaol

se conoce como

lenguaje de etiquetado extensibleen donde se define una estructura y


gramtica basada en los subgrupos de XML como XHTML. Y se usa para
describir otros lenguajes. (p. 184)
Permite crear etiquetas personalizadas para documentos especficos
usando XML como base, por ejemplo, en HTML, la tabla de etiquetas est
predefinida y todos los navegadores pueden mostrarla. En XML, en cambio,
slo est definida la estructura de la etiqueta, por lo que es el usuario quien
tiene que reconocer la tabla como una secuencia de datos formateados, es
decir se usa para describir contenidos, no para definir cmo deben
mostrarse.

7
3

2.2.30.3 XHTML
Segn Dabbs, A. (2006) es una nueva formulacin del HTML4 en el
lenguaje de etiquetado extensible XML1 para remplazar a HTML. En un paso
intermedio entre el estilo HTML antiguo y el nuevo estilo recomendado de
XML. XHTML, ofrece gran flexibilidad aunque las etiquetas sigan normas
ms estrictas que las HTML (lo que es til para la compatibilidad con diversos
navegadores). (p. 184)
Para verlo de una forma ms fcil se podra describir como el uso del
vocabulario (los elementos y las etiquetas) de HTML mezclado con la sintaxis
(el lenguaje y las normas estructurales) de XML.

2.2.30.4 CSS
Para Dabbs, A. (2006). Las hojas de estilo de cascada (CSS) son el
estndar para aplicar los estilos a los elementos de un sitio web. Sirven para
determinar todos los aspectos de la presentacin de una pgina, desde la
tipografa hasta la ubicacin de los elementos. (p. 186)
Al separar los elementos de la estructura lgica de del sitio web, las
hojas de estilo dan al diseador pleno control de los elementos sin necesidad
de sacrificar la integridad de los datos, a la vez que mejoran la usabilidad y la
accesibilidad.

2.2.30.5 INTERFAZ
Segn Camus, Juan. (2008). se denomina interfaz al conjunto de
elementos de la pantalla que permiten al usuario realizar acciones sobre el
sitio web que est visitando. Por lo mismo, se considera parte de la interfaz a

7
4

sus elementos de identificacin, de navegacin, de contenidos y de accin.


(p. 54)
Todos

ellos

deben

estar

preparados

para

ofrecer

servicios

determinados al usuario, con el fin de que ste obtenga lo que vino a buscar
cuando visit el sitio web. Por lo anterior, cada uno de los elementos que
sean integrados dentro de la interfaz debe estar pensado para causar un
efecto sobre el usuario y deben ser utilizados con un propsito.

Elementos de la interfaz
La interfaz del sitio web, cualquiera sea el objetivo que persiga, debe
evidenciar las normas de carcter general que se refieren a sus
caractersticas como sistema de informacin y comunicacin. Gracias al
cumplimiento de stas, el usuario lograr acceder a las informaciones que se
le ofrecen, y adems podr realizar las acciones que la empresa u organismo
dueo del sitio web le entrega a travs de este sistema. Todas esas
caractersticas tienen que ver con los elementos de identificacin, de
navegacin, de contenido y de accin que el sitio web debe contener.
Respecto a los elementos de la interfaz, los aspectos ms relevantes
a tener en consideracin son los siguientes:

Uso de logotipos.

Sistema de navegacin.

reas de contenidos.

reas de interaccin.

Experiencia de usuario.

7
5

2.2.31 ADOBE FLASH


Segn Campbell, A. (2006). Es un programa de animacin basado una
lnea de tiempo (los elementos se colocan en una pantalla a lo largo de una
lnea de tiempo y se mueven fotograma a fotograma por interpolacin de
movimiento, por interpolacin de forma o simplemente desapareciendo a
intervalos de tiempo). (p.216)
Flash es especialmente flexible por su lenguaje de control integrado
ActionScript (similar a JavaScirpt). Con pocas instrucciones se crea una
pelcula con elementos interactivos, se controla la reproduccin de
fragmentos de esa y otras pelculas Flash, e incluso se pueden enviar y
recibir datos y a otros venidos por parte de la Red.

2.2.32 ADOBE DREAMWEAVER CS5


Segn Aulaclic.com (2011) es un software fcil de usar que permite
crear pginas web profesionales. Las funciones de edicin visual de
Dreamweaver CS5 permiten agregar rpidamente diseo y funcionalidad a
las pginas, sin la necesidad de programar manualmente el cdigo HTML.
Se puede crear tablas, editar marcos, trabajar con capas, insertar
comportamientos JavaScript, etc.., de una forma muy sencilla y visual.

7
6

2.3 GLOSARIO DE TRMINOS BSICOS

ActionScript: Es un lenguaje de programacin orientado a objetos (OOP),


utilizado en especial en aplicaciones web animadas realizadas en el entorno
Adobe Flash, la tecnologa de Adobe para aadir dinamismo al panorama
(Creativ, 2011).
Animacin: Tcnica que consiste en dar vida a objetos inanimados y hacer
que se desplacen aparentemente frente a la cmara. (Proenza, R., 1999).
Arte: Manifestacin de la actividad humana mediante la cual se expresa una
visin personal y desinteresada que interpreta lo real o imaginada con
recursos plsticos, lingsticos o sonoros. (Diccionario de La Real Academia
Espaola, 2011).
Boceto: Dibujo hecho de forma esquemtica y sin preocuparse de los
detalles o terminaciones para representar una idea, un lugar, una persona, un
aparato o cualquier cosa en general (Designitsyou, 2011).
Campaa Publicitaria: campaa publicitaria es la totalidad de los mensajes
que resultan de una estrategia creativa; dicho de otra manera, es la suma de
todos los esfuerzos publicitarios que una empresa hace en una situacin
determinada de la vida de un producto. (Files.wordpress, 2011).
Cartografa: Ciencia que se encarga del trazado y el estudio de mapas
geogrficos. Sus orgenes son muy antiguos, aunque no pueden precisarse
con exactitud ya que la definicin de mapa ha cambiado con el correr de los
aos. (Definicin, 2011).
Contraste: El contraste es un fenmeno con el que se pueden diferenciar
colores atendiendo a la luminosidad, al color de fondo sobre el que se
proyectan. Moreno L. (2004). (Proenza, R., 1999).

7
7

Cuatricroma CMYK: Sistema de impresin en cuatro colores, que se basan


mezclando los tres colores primarios: amarillo, magenta (una clase de
violeta), y cian (un azul clarito). Mezclando estos tres colores primarios se
reproducen todos los dems colores (Digitalfotored, 2011).
Diagramacin: Tambin llamada maquetacin, es un oficio del diseo
editorial que se encarga de organizar en un espacio, contenidos escritos,
visuales y en algunos casos audiovisuales (multimedia) en medios impresos
y electrnicos, como libros, diarios y revistas. (Cedeo M., 2009).
Eslogan: Es un vocablo ingls que no forma parte del diccionario de la Real
Academia Espaola (RAE). Puede traducirse como lema, que es el ttulo que
precede a ciertas obras, el mote que se pone en los emblemas para hacerlos
ms comprensibles o la proposicin de un discurso (Definicin, 2011).
Fotoreceptor: Se aplica al receptor sensorial que reconoce estmulos
lumnicos: en la mayora de animales, los fotorreceptores tienden a
agruparse formando rganos especializados en la visin: los ojos (Definicin,
2011).
Fuentes: Es el conjunto de todos los caracteres-letras, nmeros, signos de
puntuacin, smbolos y acentos-que existen en una clase determinada de
tipo, es decir que poseen idntico tamao y estilo (Proenza, R., 1999).
Grafismo: Es particularidad de la letra escrita de una persona, estudiada por
la grafologa que es una tcnica proyectiva y descriptiva que pretende
analizar la escritura con el fin de identificar o describir la personalidad de un
individuo e intentar determinar caractersticas generales del carcter, acerca
de su equilibrio mental (e incluso fisiolgico), la naturaleza de sus emociones,
su tipo de inteligencia y aptitudes profesionales y, segn algunos graflogos,
servira para diagnosticar el grado de salud o enfermedad fsica y mental
(Proenza, R., 1999).

7
8

Hipertexto: Es una estructura que organiza la informacin de forma no lineal.


La estructura hipertextual permite saltar de un punto a otro en un texto -o a
otro texto- a travs de los enlaces. En lugar de leer el texto de forma
continua, ciertos trminos estn unidos a otros mediante relaciones a travs
de los enlaces (Lamrca M., 2009).
cono: Imagen, cuadro o representacin; es un signo que sustituye al objeto
mediante su significacin, representacin o por analoga, como en la
semitica (Proenza, R., 1999).
Ideograma: Es un tipo de logograma que puede representar un objeto,
relacin abstracta o idea (Proenza, R., 1999).
Isologotipo: Identificador grfico que sirve para firmar las comunicaciones
de una entidad (empresa, producto, servicio, institucin, etc.) Un isologo se
conforma por la unin de un smbolo grfico y un estmulo textual
representado con signos tipogrficos (Proenza, R., 1999).
JavaScirpt: Lenguaje de programacin interpretado, dialecto del estndar
ECMAScript. Se define como orientado a objetos, basado en prototipos,
imperativo, dbilmente tipado y dinmico (Camus, J. 2008)
Jeroglfico: Es un sistema complejo, una escritura al mismo tiempo
figurativa, simblica y fontica, en un mismo texto, una misma frase,
prcticamente casi dira en una misma palabra (Proenza, R., 1999).
Logosmbolo: Es la unin de la parte grfica (smbolo) y la parte tipogrfica
(nombre).Es la autentica representacin de la identidad visual de una
institucin con la cual posiciona su producto y vende su imagen institucional.
Es por ello que el Logosmbolo debe ser inmodificable (Proenza, R., 1999).
Minimalismo: Es las radical reduccin racionalista promovida por las nuevas
tendencias del arte. Desde entonces este trmino ha crecido y ha mudado

7
9

hasta instalarse por doquier empezando por la arquitectura. (Richard, W.,


1965).
Multimedia: Trmino que se utiliza para referirse a cualquier objeto o
sistema que utiliza mltiples medios de expresin (fsicos o digitales) para
presentar o comunicar informacin. De all la expresin "multi-medios". Los
medios pueden ser variados, desde texto e imgenes, hasta animacin,
sonido, video, etc. Tambin se puede calificar como multimedia a los medios
electrnicos (u otros medios) que permiten almacenar y presentar contenido
multimedia. Multimedia es similar al empleo tradicional de medios mixtos en
las artes plsticas, pero con un alcance ms amplio (Proenza, R., 1999).
P.O.P: En ingles, point of purchase. Esta sigla identifica todas las piezas
publicitarias situadas en el punto de venta. Se usa para precipitar el impulso
de compra del consumidor llamando su atencin sobre la marca y hacindole
olvidar las de la competencia (Proenza, R., 1999).
Pantone: Es una empresa con sede en Carlstadt, Nueva Jersey (Estados
Unidos), creadora de un sistema de control de color para las artes grficas.
Su sistema de definicin cromtica es el ms reconocido y utilizado por lo
que normalmente se llama Pantone al sistema de control de colores
(Proenza, R., 1999).
Pictograma: Signo que representa esquemticamente un smbolo, objeto
real o figura (Proenza, R., 1999).
Quadrata: Es la versin manuscrita de las maysculas cuadradas romanas,
la forma de caligrafa solemne usada en la antigua Roma y durante el
medievo. La quadrata es uno de los tres estilos que adopt la caligrafa
manuscrita romana, siendo las otras dos: la cursiva romana y la rstica, que
corresponden, respectivamente a una escritura menos formal y de ejecucin

8
0

ms rpida y una escritura de maysculas ms adaptada a la escritura con


tinta (Proenza, R., 1999).
Retcula: Es una determinada estructura algebraica con dos operaciones
binarias, o bien un conjunto parcialmente ordenado con ciertas propiedades
especficas (siendo equivalentes ambos enfoques). El trmino "retculo" viene
de la forma de los diagramas de Hasse de tales rdenes (Proenza, R., 1999).
RGB: El modelo de color RGB no define por s mismo lo que significa
exactamente rojo, verde o azul, por lo que los mismos valores RGB pueden
mostrar colores notablemente diferentes en diferentes dispositivos que usen
este modelo de color. Aunque utilicen un mismo modelo de color, sus
espacios de color pueden variar considerablemente (Proenza, R., 1999).
Rtulo: Etiqueta identificadora de papel blanco, sin impresin alguna que
dan datos de la biblioteca, lneas de encuadres, etc., son de fcil lectura de la
informacin y poseen 2cm. De alto, el ancho se adaptara a las medidas del
lomo. A las obras ya procesadas y con los elementos de prstamos se les
confeccionaran y adherir en la parte externa o lomo un rtlo. La signatura
topogrfica es lo que se registra en el rtulo en forma manuscrita a mquina,
etc. (Proenza, R., 1999).
Sealtica: Actividad perteneciente al diseo grfico que estudia y desarrolla
un sistema de comunicacin visual sintetizado en un conjunto de seales o
smbolos que cumplen la funcin de guiar, orientar u organizar a una persona
o conjunto de personas en aquellos puntos del espacio que planteen dilemas
de comportamiento, como por ejemplo dentro de una gran superficie (centros
comerciales,

fbricas,

polgonos

industriales,

parques

tecnolgicos,

aeropuertos, etctera). (Proenza, R., 1999).

8
1

Simbolismo: Movimiento artstico y literario, que aparece en Francia durante


la segunda mitad del siglo XIX, como reaccin al naturalismo, ya que sus
caractersticas estn ms bien dadas por la fantasa (Proenza, R., 1999).
Software: Se conoce como software al equipamiento lgico o soporte lgico
de una computadora digital; comprende el conjunto de los componentes
lgicos necesarios que hacen posible la realizacin de tareas especficas, en
contraposicin a los componentes fsicos, que son llamados hardware
(Lamrca M., 2009).
Target: Personas a las que dirigimos primordialmente la publicidad. Pueden
ser

los

consumidores

actuales

los

potenciales,

compradores

prescriptores. Y se define a partir de las caractersticas socio-demogrficas y


segn las caractersticas psicogrficas (Proenza, R., 1999).

8
2

CAPTULO III
MARCO METODOLGICO

3.1 TIPO DE INVESTIGACIN


Arias, F. (1999) se refiere a este punto como el grado de profundidad
con que se aborda un objeto o fenmeno, y clasifica el nivel o tipo de
investigacin de la siguiente manera: Investigacin Exploratoria, Descriptiva y
Explicativa. (p.20)
De acuerdo con el problema de investigacin planteado en este
proyecto, se emplea el tipo de investigacin Descriptiva, ya que mediante
este tipo de investigacin se utiliza el mtodo de anlisis, se logra especificar
un objeto de estudio o una situacin concreta, sealando sus caractersticas
y propiedades; a su vez, combinada con ciertos criterios de clasificacin que
sirve para ordenar, agrupar o sistematizar los objetos involucrados en el
trabajo.
El tipo de esta investigacin corresponde con un Proyecto Factible o
tambin denominado Estudio Proyectivo. De acuerdo con la Universidad
Experimental Pedaggica Libertador (UPEL), (2006), consiste en la
investigacin, elaboracin y desarrollo de una propuesta o modelo operativo
viable para solucionar problemas, requerimientos o necesidades de
organizacin sociales. (p. 21).
Otro punto a mencionar dentro de lo que engloba un Proyecto
Factible, es que busca producir un servicio para satisfacer una necesidad o
colmar una expectativa. Como tambin lo receptivo que posee la empresa a
la cual se le realiza el estudio en relacin al trabajo de investigacin.

8
5

En el presente Trabajo de Grado se realiz un estudio de los


elementos que se requieren para solucionar los problemas que existen
dentro de la empresa representaciones Fab-UP con respecto al diseo de su
Identidad Corporativa as como el diseo de su Sitio Web, para ello fue
indispensable un procedimiento metodolgico, de diagnstico, anlisis y
conclusiones que llevaron a la vialidad del proyecto.

3.2 DISEO DE LA INVESTIGACIN


Para la realizacin de este proyecto de investigacin se tomaron en
cuenta datos directos de la realidad y estudios tericos, para as poder
alcanzar los objetivos planteados. De acuerdo con los tipos de investigacin
descritos anteriormente, es posible aplicar el diseo de investigacin
denominado Investigacin Documental (bibliogrfica) y la Investigacin

de

Campo.

Segn Sabino (2006) () El principal beneficio que el investigador


obtiene mediante una indagacin bibliogrfica es que puede incluir una
amplia gama de fenmenos, ya que no solo tiene que basarse en los hechos
a los cuales l tiene acceso de un modo directo sino que puede extenderse
para abarcar una experiencia inmensamente mayor. (p.34)

Se recolectaron fuentes de primera mano, gracias a esto se obtuvieron


resultados ms exactos de los problemas que acontecen dentro de la
empresa Representaciones Fab-UP y de las necesidades que posee con el
fin de solventarlos a travs del diseo de su Identidad Corporativa y Sitio
Web.

8
6

Segn FEDUPEL (2002) la Investigacin de Campo se define de la


siguiente manera:
() El anlisis sistemtico de problemas en la realidad, con el
propsito bien sea de describirlos, interpretarlos, entender su naturaleza y
factores contribuyentes, explicar sus causas y efectos, o predecir su
ocurrencia, haciendo el uso de mtodos caractersticos de cualquiera de los
paradigmas o enfoques de investigacin conocidos o en desarrollo (p. 18).

Para lograr el diseo de la Identidad Corporativa de la empresa


Representaciones Fab-UP fue necesaria la elaboracin y aplicacin de la
Entrevista a la directiva de la empresa, as como las Encuestas a un grupo
de expertos en el rea de Diseo Grfico y Web, las cuales se llevaron a
cabo a travs de un Cuestionario.
Tomando en consideracin los planteamientos anteriores, se puede
considerar el diseo de esta investigacin como Diseo Mixto, ya que se
utiliz para el desarrollo y cumplimiento de los objetivos planteados una
investigacin de tipo Documental y de Campo.

8
7

3.3 POBLACIN Y MUESTRA

3.3.1 POBLACIN
Segn Arias, F. (2006) se define poblacin como un conjunto finito e
infinito de personas, de elementos con caractersticas comunes para los
cuales sern extensivas las conclusiones de la investigacin. sta queda
delimitada por el problema y por los objetivos de estudio.
Cuando se habla de una poblacin finita, se refiere a que posee o
incluye un nmero limitado de medidas y observaciones; y la poblacin
infinita porque hipotticamente no existe lmite en cuanto al nmero de
observaciones que cada uno de ellos puede generar.
Este proyecto cuenta con una poblacin de cuatro (4) personas las
cuales se dividen en dos (2) segmentos y se han denominado como
poblaciones A y B.

3.3.1.1 Poblacin A
La poblacin A est conformado por uno (1) de los directivos de la
empresa Representaciones Fab-UP, ya que forma parte del recurso humano
de la compaa objeto de estudio y proporcion toda la informacin necesaria
para su desarrollo y ejecucin.

8
8

3.3.1.2 Poblacin B
La poblacin B est conformada por tres (3) expertos en el rea de
Diseo Grfico y Web, la cual fue considerada ya que su opinin fue valiosa
para llevar a cabo el diseo de la Identidad Corporativa de la empresa
Representaciones Fab-UP y la concepcin y desarrollo de su Sitio Web.

3.3.2 MUESTRA
Segn Arias, F. (2006) la muestra es un subconjunto representativo y
finito que se extrae de la poblacin accesible. Para la seleccin de la muestra
se utilizan los mtodos Probabilstico Aleatorio y No Probabilstico.
La muestra Probabilstica segn Hernndez, S., Fernandez, C., y
Baptista, L., (2003) es definida como el subgrupo de la poblacin en el que
todos los elementos de sta tienen la misma posibilidad de ser elegidos, y el
muestreo No Probabilstico como el subgrupo de la poblacin en la que la
eleccin de los elementos no dependen de la probabilidad sino de las
caractersticas de investigacin.
Segn Arias, F. (2006) hay diferentes tipos de muestreo:
Muestreo al azar simple: Procedimiento en el cual todos los
elementos tienen la misma probabilidad de ser seleccionados. Dicha
probabilidad, conocida previamente, es distinta de cero (0) y de uno (1).
Muestreo al azar sistemtico: Se basa en la seleccin de un
elemento en funcin de una constante K. De manera se escoge un elemento
cada K veces.

8
9

Muestreo estratificado:

Consiste en dividir la poblacin

en

subconjuntos cuyos elementos posean caractersticas comunes, es decir,


estratos homogneos en su interior. Posteriormente se hace la escogencia al
azar en cada estrato.
Muestreo por conglomerado: Parte de la divisin del universo en
unidades menores denominadas conglomerados. Ms tarde se determinan
los que sern objeto de investigacin o donde se realizar la seleccin.
Muestreo causal o accidental: Es un procedimiento que permite
elegir arbitrariamente los elementos sin un juicio o criterio preestablecido.
Muestreo intencional u opintico: En este caso los elementos son
escogidos con base en criterios en criterios o juicios preestablecidos por el
investigador.
En el caso de la presente investigacin, se utiliz el Muestreo No
Probabilstico de tipo Intencional u Opintico para la seleccin de la muestra
correspondiente a la Poblacin B, ya que se tomaron en consideracin a tres
(3) expertos en el rea del Diseo Grfico y Web debido a su trayectoria,
adems de la actualizacin y criterio producto de su desempeo profesional.
La muestra de la Poblacin A corresponde a la totalidad de las personas que
la conforman, ya que se conoce el nmero exacto y finito de sus integrantes,
que en este caso es igual a uno (1).

9
0

3.4 TCNICAS E INSTRUMENTOS DE RECOLECCIN DE DATOS


Una vez definido que el proyecto aplicado es un diseo de campo, es
necesaria la aplicacin de tcnicas e instrumentos para la recoleccin de
datos orientadas a alcanzar los objetivos propuestos.
Segn Sabino, C. (2002) Un instrumento de recoleccin de datos, es
en principio, cualquier recurso de que se vale el investigador para acercarse
a los fenmenos y extraer de ellos informacin (pg. 99).
Este mismo autor indica que en cada instrumento existen dos tipos de
datos los cuales son los primarios y los secundarios. Los primarios son los
recolectados directamente de la realidad por el investigador, usando sus
propios instrumentos de recoleccin, y los secundarios son aquellos que han
sido recogidos o procesados por otros investigadores.
Las tcnicas e instrumentos de recoleccin de datos utilizados en la
Investigacin Documental son:

Observacin documental.

Presentacin resumida.

Resumen analtico.

Anlisis crtico.

Estas tcnicas se utilizan especialmente para desarrollar los


antecedentes y las bases tericas del Marco Referencial, y es til como
instrumento la ficha de trabajo para registrar los datos a travs de las
tcnicas documentales sealadas, facilitndose as la redaccin de los
aspectos a tratar.

9
1

Las tcnicas e instrumentos de recoleccin de datos utilizados en


diseos de investigacin de campo son la Observacin Directa e Indirecta a
travs de la Lista de Cotejo, La Entrevista a travs de la Gua de Entrevista y
la Encuesta a travs del Cuestionario.

La Observacin
En lo que respecta a la Observacin Sabino, C. (2002) la define como
el uso sistemtico de nuestros sentidos en la bsqueda de los datos que se
necesitan para resolver un problema de investigacin. Dicho de otro modo
Observar significa percibir activamente la realidad exterior con el propsito de
obtener los datos que previamente han sido definidos como de inters para la
investigacin.

Observacin Directa: Tcnica utilizada cuando es el propio


investigador el que observa y recoge los datos. Esta a su vez puede ser:

De tipo participante: Si el investigador formar parte de la


comunidad donde se realiza la investigacin.

De tipo no participante: Cuando el investigador no forma parte de


la comunidad donde se realiza la investigacin.

Observacin Indirecta: Es cuando el investigador verifica los datos


que han sido observados por otros.

9
2

Como instrumento para recopilar datos a travs de la Observacin se


puede utilizar una Lista de Cotejo o de control, en la cual se seala en la
primera columna los aspectos a ser observados y la presencia o no de estos
aspectos, los cuales se sealan en una segunda y tercera columna
respectivamente. Es conveniente agregar una cuarta columna que permita
registrar alguna aclaratoria en caso de ser necesario. Otros instrumentos que
se utilizan cuando se aplica la tcnica de la Observacin son: un block de
notas y una cmara fotogrfica o de vdeo en los casos pertinentes.
En el presente Trabajo de Grado se utiliz la Observacin a travs de
la Lista de Cotejo para determinar los elementos del Diseo Grfico que
deben considerarse para el desarrollo de la Identidad Corporativa de la
empresa Representaciones Fab-UP en cuanto a color, tipografa, lneas,
fondo, forma, textura y diagramacin, as como para determinar los costos de
ejecucin de las piezas de Identidad en cuanto a formatos, soportes, tiraje y
cantidad de colores utilizados, y finalmente, los costos referentes al diseo,
programacin, hosting y dominio del Sitio Web.

La Entrevista
Segn Sabino, C. (2002), se define a la Entrevista como una forma
especfica de interaccin social que tiene como objeto recolectar datos para
una investigacin. Esto quiere decir que el investigador formula preguntas a
las personas capaces de aportarle datos de inters, estableciendo un dilogo
peculiar, asimtrico, donde una de las partes busca recoger informacin.
La Gua de Entrevista es un formato en papel en el que se establecen
una serie de preguntas destinadas a ser respondidas por el encuestado. ste
puede ser de preguntas cerradas, en las que se ofrecen dos o ms opciones

9
3

de respuestas que puede elegir el encuestado; de preguntas abiertas, en las


que no se ofrecen opciones de respuestas y el entrevistado debe
desarrollarla a su criterio; o cuestionario mixto donde se combinan las
preguntas abiertas y cerradas.
En la presente investigacin se utiliz un formato de Gua de
Entrevista de preguntas abiertas con el fin de consultar al entrevistado acerca
de los aspectos referentes a los elementos del Diseo Grfico que deben ser
incorporados en la Identidad Corporativa, luego acerca de aquellos aspectos
que deben estar presentes en el diseo del Sitio Web que se deriven de la
Identidad, y finalmente los lineamientos tcnicos con respecto a la estructura
del Sitio Web de la empresa Representaciones FabUP.

La Encuesta
Es la tcnica empleada para obtener de forma directa informacin oral
o escrita de los individuos que constituyen los elementos de la poblacin
objeto de estudio.
Arias, F. (2006) clasifica las encuestas en:

Encuesta oral: Es la que se realiza mediante preguntas al encuestado


personalmente o por telfono. A diferencia de la entrevista, la encuesta
oral es precisa y breve. Se utiliza como instrumento una gua de
encuesta y se utiliza como apoyo los soportes similares a los utilizados
en las entrevistas.

Encuesta escrita: Es la que utiliza como instrumento un cuestionario


que debe ser respondido de forma escrita por el encuestado, por lo
tanto es necesario que este acompaado de un instructivo que
9
4

presente de manera breve el propsito del mismo y cmo debe ser


rellenado.

En el presente trabajo de investigacin se utiliz la Encuesta como


tcnica de recoleccin de datos para obtener la informacin pertinente acerca
de los elementos grficos que deben estar presentes en el diseo de la
Identidad Corporativa y los que posteriormente se incluiran en el diseo del
Sitio Web. De igual manera se consult a la poblacin de expertos en
Diseo Grfico y Web sobre la estructura que deba tener el Sitio Web y las
piezas de Identidad Corporativa que deberan desarrollarse para la empresa
Representaciones Fab-UP.

3.5 TCNICAS INSTRUMENTOS DE PROCESAMIENTO Y ANLISIS DE


DATOS
Una vez finalizado el proceso de recoleccin de datos, se procedi a
clasificar la informacin, elaborar tablas y cuadros estadsticos, calcular
promedios generales y realizar grficos para sintetizar los valores obtenidos
a travs del software Microsoft Excel y de la tcnica del resumen, de forma
tal,

que

pudieran

ser

fcilmente

comprendidos

por

un

lector

no

experimentado, y a su vez sirvieran de apoyo a posteriores estudios sobre el


mismo tema.
En el presente Trabajo de Grado, para el procesamiento de los datos
arrojados en las encuestas, se trabaj con tablas para el vaciado de los datos
obtenidos, luego se realizaron grficos de torta y finalmente se analizaron
para as crear la relacin entre las variables planteadas.

9
5

3.6 TCNICAS E INSTRUMENTOS DE ANLISIS DE DATOS


Este paso consiste en analizar los datos de toda la informacin
obtenida a travs del proceso de recoleccin de datos mediante el anlisis
cuantitativo: la relacin entre las variables, y el anlisis cualitativo: se cotejan
los datos que se refieren a un mismo aspecto y el grado de fiabilidad de la
informacin tabulada. En este sentido, el anlisis de datos se efectu sobre
la matriz de informacin obtenida a travs de los instrumentos de recoleccin
de datos dando como resultado las Conclusiones y Recomendaciones del
estudio.

3.7 VALIDACIN DE LOS INSTRUMENTOS


La validacin se refiere al grado en que un instrumento realmente
mide la variable que pretende medir (Claret, 2010), es decir, si los
instrumentos abarcan los objetivos expuestos en el Trabajo de Grado y sirven
para recolectar informacin segura.
En el caso de la presente investigacin, los instrumentos fueron
validados por el siguiente grupo de expertos, quienes son profesores de la
Universidad Nueva Esparta y aportaron sus valiosas observaciones para
mejorar los modelos propuestos en beneficio de la aplicacin de los
instrumentos y la obtencin de una informacin que realmente dieran
respuesta a los objetivos planteados. Los profesores que validaron dicha
encuesta y entrevista fueron:
Carlos Vegas, Diana Caldern, Gisela Cardozo, James Weinreb, Juan
Miguel Avalos, Marcos Mndez y Xiomara Serrano.

9
6

CUADRO DE VARIABLES

Objetivos
Especficos

Fuentes

Tcnicas e
Instrumentos

tipografa, elementos
grficos

Investigacin

Necesidades y

Pertinencia de las

Primaria de
Campo

Entrevista
(Gua de
Entrevista)

Expectativas en
cuanto a la
funcionalidad

piezas, bases legales


vigentes, formatos,
soportes

Conceptuales

Punto, Lnea, Plano,

Dimensiones

Indicadores

Establecer las

Necesidades y

Diagramacin, color,

necesidades y
expectativas de los
directivos de la empresa
Representaciones
Fab-UP con respecto al
diseo de su Identidad
Corporativa.

Expectativas en
cuanto al diseo

Establecer los
elementos grficos
necesarios para la
elaboracin de la
Identidad Corporativa de
la empresa objeto de
estudio.

Variables

Necesidades y
Expectativas

Investigacin de

Encuesta

Campo

(Cuestionario)

Investigacin
Secundaria
Documental

Revisin
Bibliogrfica

Volumen
Elementos grficos

Visuales

De Relacin

Forma, Medida, Color

Direccin, Volumen,
Espacio, Gravedad
Color, tipografa,

Definir los elementos


grficos que deben ser
incorporados en el
diseo del sitio web de
la empresa
Representaciones
Fab-UP.

Diseo

Encuesta
(Cuestionario)

lneas, formas,
fondos, texturas

Elementos grficos

Entrevista
Investigacin de
Campo

Diagramacin

Uso de pocos
elementos,
minimalista, moderna

(Gua de
Entrevista)
Observacin
Directa
(Lista de Cotejo)

Determinar la estructura
del sitio web de la
empresa
Representaciones
Fab-UP.

rbol de navegacin,
Estructura del sitio
web

Determinar los costos


que implican el
desarrollo de su
Identidad Corporativa y
Sitio Web.

Identidad
Costos

Corporativa
Sitio Web

Disear la Identidad
Corporativa y el Sitio
Web para la empresa
Representaciones
Fab-UP.

Contenido

Identidad
Diseo de Identidad
Corporativa
y Sitio Web

Corporativa
Sitio Web

Links, Botonera,
Animacin,
Resolucin,
Navegacin

Cantidad de colores,
tiraje, formatos,
soportes
Diseo,
programacin,
hosting, dominio
Logotipo, Hoja
Membrete, Factura,
Tarjeta de
Presentacin, Sello
Hmedo
Home, Portafolio, Bio,
Contacto

Investigacin de
Campo

Investigacin

Encuesta
(Cuestionario)
Entrevista
(Gua de
Entrevista)

Documental

Revisin
Bibliogrfica

Investigacin de

Observacin

Campo

Directa
(Lista de Cotejo)

Encuesta
(Cuestionario)
Investigacin de
Campo

Entrevista
(Gua de
Entrevista)

CAPTULO IV
PRESENTACIN Y ANLISIS DE LOS RESULTADOS

4.1 Presentacin de los resultados obtenidos a travs de la Entrevista


realizada a la Poblacin A: Directivo
A continuacin se presentan las tablas de datos correspondientes a
cada pregunta de la entrevista aplicada al Sr. Vctor Umpierre Navarro, quien
es el directivo de la empresa Representaciones Fab-UP con su anlisis
respectivo.

Objetivo Especfico: Establecer las necesidades y expectativas de los


directivos de la empresa Representaciones Fab-UP con respecto al
diseo de su Identidad Corporativa.
Preguntas y Respuestas
1. Cules son sus necesidades y expectativas
con respecto al
diseo de la Identidad
Corporativa de la empresa Representaciones
Fab-UP?
La necesidad principal es hacer conocer la
empresa ya que es nueva en el mercado, y la
identidad corporativa ser la encargada de
declarar visualmente en papel o en sus elementos
visuales la funcin de la empresa, por eso la
expectativa que tenemos es que lleguemos a ser

Anlisis
Crear una
identidad
corporativa que
ayude a la
empresa
Representaciones
Fab-UP a ser
reconocida en el
mercado del
Diseo Grfico.
97

reconocidos como una empresa dedicada al


diseo grfico en general por un gran nmero de
personas.
2. Qu aspectos funcionales espera lograr con
el diseo de la Identidad Corporativa de la
empresa?
Disear un estilo
Espero

que

se

trasmita

confianza y

profesionalismo, algo muy moderno, tambin con


que se vea y se sienta como
una verdadera
empresa de diseo grfico y que a su vez sea
recordable con cada uno de los elementos que la
componen.

moderno,
profesional y
sobre todo que
trasmita
confianza.

3. Cules aspectos funcionales desea que estn


presentes en el desarrollo del sitio web de la
empresa Representaciones Fab-UP?
El sitio web debe
Dinamismo, de fcil acceso y fcil navegacin,
que sea atractiva para el pblico con un aspecto
limpio sin tantos adornos, algo muy sencillo.

ser rpido, de
fcil y acceso con
estilo minimalista.

4. Existen algunas consideraciones legales o


externas que puedan afectar el desarrollo de
su empresa?
S existen, pero Representaciones Fab-UP est
La empresa est
legalmente registrada como una empresa de
diseo grfico y cumple con todas las normas
establecidas indicadas tanto en la constitucin
como en otras leyes de propiedad. Tenemos un
RIF y un registro que avala a la empresa como
una empresa para la creacin de trabajos afines al

legalmente
registrada y
cuenta con
documentos que
validan dicho
registro.

diseo grfico.

98

5. Con el fin de resguardar la autora de las


piezas de diseo elaboradas Usted considera
que los Derechos de Autor son un factor
importante para la publicacin de sus trabajos
en el sitio web? Por qu?
Por su puesto, y como te coment en la pregunta
anterior, Representaciones Fab-UP es una
empresa legalmente registrada, es decir, es una
empresa que cuenta con todos los trmites
legales para defender sus trabajos en caso de
plagio o copia, para eso es importante establecer
en el sitio web el Copyright para evitar cualquier
tipo de inconvenientes de este tipo.

El Copyright
deber estar
incorporado en el
sitio web de la
empresa para
resguardar la
autora de las
piezas grficas
all publicadas.

Objetivo Especfico: Determinar el segmento del mercado al cual van


dirigidos los servicios de la empresa Representaciones Fab-UP.
1. Cul es el target al que estn dirigidos los
servicios de Diseo Grfico que ofrece la
empresa Representaciones Fab-UP? Por
qu?
El target es muy variado y no se tiene una edad o
un sector en especfico, es para cualquier tipo de
personas o cualquier tipo de empresa que tenga
la necesidad en diseo grfico para su empresa,
negocio, o evento en particular.
2. Tiene alguna consideracin especial en
cuanto a edad, sexo y nivel socioeconmico
del pblico para ofrecer los servicios de la
empresa? Por favor explique.
Nuestro servicio es para una gran cantidad de
personas y no existe un sector en especfico, por

El diseo grfico
es para todo tipo
de pblico por
eso su target es
variado y muy
general.

Tanto los
servicios
ofrecidos por la
empresa como su
sitio web estn
destinados a todo
pblico que
99

eso queremos reflejar una imagen de fcil acceso


para todos, el sitio web es uno de esos medios, de
todas formas esperamos poder llegar a un sector
con grandes oportunidades para as poder crecer
como empresa y ser an ms reconocidos en el
mercado, apenas la empresa est empezando.

pueda costear el
valor de dichos
servicios de
Diseo Grfico.

3. Cules aspectos funcionales desea que estn


presentes en el desarrollo del sitio web de la
empresa Representaciones Fab-UP?

El sitio web debe


ser dinmico y de
fcil navegacin,

Dinamismo, de fcil acceso y fcil navegacin,

con un estilo
minimalista
(pocos
elementos).

que sea atractiva para el pblico con un aspecto


limpio y llamativo a la vez.

Objetivo Especfico: Definir los elementos grficos que deben ser


incorporados en el diseo del sitio web de la empresa Representaciones
Fab-UP.

1. Usted considera que debe existir una misma


lnea de diseo para el desarrollo del sitio web
con respecto a la Identidad Corporativa? Por
qu?
Por supuesto, si no existe una relacin se pierde
un factor importante que es la seriedad o por lo
menos as lo veo yo, es decir, no se mantiene un
prestigio; se supone que la identidad se ve
reflejada en todo los aspectos de trabajo de la
empresa, si voy a utilizar algo para la papelera es
importante que tambin se vea reflejada en el sitio
web, es importante mantener esa relacin en todo
los aspectos.

Los elementos
grficos
presentes en la
Identidad
corporativa
debern estar
aplicados tanto
en la papelera
como en el sitio
web.

100

2. Cules elementos considera usted que deben


conservarse en el diseo del sitio web y cules
no? Explique.
Todos los elementos del diseo web son
importantes y se pueden usar varios como los
botones, el texto, las imgenes, una animacin
divertida y una composicin armoniosa de todos
los elementos corporativos. Los elementos que no
me gustara colocar pueden ser los mismos pero
mal distribuidos, es decir no importa qu
elementos se usen, lo importante es que sean
bien distribuidos y no empalaguen al usuario con
tantas cosas, considero que un sitio web con
muchos adornos y mucha informacin hace
pesado el sitio, as el diseo sea lo ms llamativo
posible.

Todos los
elementos del
diseo web son
importantes, todo
depende de la
distribucin que
tengan dentro
del formato
establecido para
su desarrollo.

Objetivo Especfico: Determinar la estructura del sitio web de


la empresa Representaciones Fab-UP.
1. Cul es el mapa de navegacin que usted
desea que tenga el sitio web de la empresa
El sitio deber ser
Representaciones Fab-UP: de rbol, lineal o en lineal, ya que es la
red? Por qu?
forma ms fcil de
El que prefiero es el lineal porque es el de ms navegacin para
el usuario que
fcil navegacin, recordemos que los clientes son
ingresa a
una gran cantidad de personas de diferentes
consultar la
edades, lo importante que es sea fcil para todo
informacin all
tipo de personas.
contenida.

10
1

2. Considerando que el contenido determinar la


cantidad de links Cul es el contenido que
usted desea que se incorpore al sitio web de la
empresa objeto de estudio?
Pienso que el contenido del portafolio es lo
primero que desea ver la gente, porque cuando va
a conocer tu servicio lo primero que quiere ver son
tus diseos, eso les da una idea de cmo
trabajas, de todas formas todos los links son
importantes porque una cosa lleva a la otra,
despus de ver el portafolio el usuario querr ver
la biografa lo que les dar ms informacin de
quienes somos, el de contactos les dar la
facilidad de contactar con nosotros y por su
puesto el home es la entrada principal de todo
sitio y tiene que tener por lo menos algo que llame
la atencin para captar la curiosidad del usuario.
3. Considerando la navegacin en el sitio web
Desea que ste cuente con una botonera?
S claro, pero una muy sencilla y fcil de visualizar
para que el cliente vaya exactamente a donde
quiere.
4. Considera importante incluir animaciones al
sitio web? Qu tipo de animaciones? Por
qu?
Una animacin ayuda al sitio a darle dinamismo,
le da un poco de vida, pero es preferible una
animacin corta para que no se haga tan pesada,
si es muy pesada el sitio es muy lento y si es muy
lento corres el riesgo de que el cliente se vaya.

Se recomienda el
desarrollo de un
link de portafolio,
quienes somos,
contacto y el
home o pgina
principal.

La botonera ha
de ser visible y
muy prctica de
usar en cada uno
de los enlaces.
Se recomienda el
uso de
animaciones
breves de poco
peso para facilitar
la carga en el sitio
web y generar un
atractivo adicional
al usuario que
visita la pgina.
102

Objetivo Especfico: Determinar los costos que implican el desarrollo de su


Identidad Corporativa y Sitio Web.
1. Considerando los costos de produccin de las El Diseo Grfico
piezas de Identidad Corporativa Existe alguna
limitacin econmica con respecto a
la
de las piezas
deber ajustarse
aplicacin de los colores en su diseo?
al presupuesto
Contamos con un presupuesto limitado, igual
que tiene
pagaremos lo que realmente es necesario en
destinado la
estos momentos para la elaboracin de dichas
empresa para
piezas.
este fin.
2. Inicialmente piensa producir todas las piezas
El directivo
que conforman la Identidad Corporativa de la
empresa Representaciones Fab-UP o prefiere
recomienda la
hacerlo por etapas para minimizar el impacto
produccin del
econmico?
material impreso
Preferimos hacerlo por etapas para minimizar el
por etapas para
minimizar el
costo, por
eso queremos saber cules son
las
impacto
piezas ms importantes en este momento.
econmico de la
compaa.
3. Considerando los formatos y soportes de las
piezas de Identidad Corporativa Considera Las tarjetas de
importante producir grandes tirajes de cada
presentacin
pieza o prefiere realizar tirajes pequeos pero
sern la de mayor
paulatinos? Por qu?
tiraje en
Eso depende de
cada pieza, las tarjetas por comparacin con
ejemplo deberan ser de grandes tirajes para las otras piezas
de Identidad
poder repartir la mayor cantidad posible, las otras
Corporativa.
piezas seran en pocos tirajes ms bien. Cuando
la empresa lleve ms tiempo sera bueno

ms

103

tirajes en todas las piezas.


4. Tiene usted alguna consideracin especial
para la contratacin del hosting del sitio web?
Ya el hosting ha sido solicitado para llevar a cabo
el sitio web.

Se cuenta con el
hosting para la
elaboracin del
sitio web.

5. Ya tiene seleccionado y apartado el dominio


del sitio web de la empresa Representaciones
Fab-UP?
S, y es www.fab-up.com

Se cuenta con el

6. Dispone de algn presupuesto aproximado

Se cuenta con un

dominio para la
elaboracin del
sitio web.

ya establecido para el desarrollo del proyecto?

presupuesto que

S, el presupuesto es de Bs. 10.000,00, esto


incluye el registro de la empresa, el pago para el
hosting y el dominio, tambin el diseo, la
impresin de la papelera e igualmente el estudio
del proyecto en general.

se estima puede
cubrir los gastos
generados por el
desarrollo del
proyecto.

Objetivo Especfico: Disear la Identidad Corporativa y el Sitio Web para la


empresa Representaciones Fab-UP.
1. Cules son las razones principales por las
que quiere promocionar su empresa en un
sitio web?
Porque un sitio web es de gran alcance y el
cliente podr tener la oportunidad de visitar el sitio
en cualquier momento que desee, sin necesidad
de nosotros reunirnos con l para llevarle un
portafolio fsico.

El sitio web es
considerado un
medio de gran
alcance, ese es
el propsito de
promocionar a la
empresa a travs
de un sitio web.

10
4

2. Cules

son

los

objetivos

comerciales

principales que pretende conseguir con el sitio


web?
Posicionar a Representaciones Fab-UP

como

empresa de diseo grfico en un gran


nacional.

sector

La misin de la
empresa es
posicionarse en el
mercado del
Diseo Grfico
gracias al gran
alcance que le
brinda un sitio
web.

3. Cmo se plantea distinguir a la empresa


Representaciones Fab-UP de la competencia?
Representaciones Fab-UP desea ser recocida no
solo por su trabajo de mercado con otras
empresas, sino que tambin desea abrirse al lado
artstico, somos globales en diseo grfico tanto
en web, impresin, branding, fotografa, etc., pero
tambin somos artistas grficos, y publicar
nuestros trabajos en galeras de arte es otro
medio que tenemos en mente, eso nos ayudar
mucho ms en abrirnos las puertas para ser
reconocidos, ser generalistas en publicidad y
especialistas en arte, y es que ser ambas en una
ventaja porque se abren las posibilidades de
abarcar una gran cantidad de proyectos creativos
que tal vez otras empresas no conozcan.
4. Cmo desea que sea percibida su empresa y
qu elementos visuales desea trasmitir por
medio de la Identidad Corporativa de la
misma?

La empresa
pretende abarcar
todas las reas
del Diseo
Grfico y la
Publicidad, pero
de igual manera
espera
incursionar en
una especialidad
artstica

Los conceptos

que espera
trasmitir la
empresa por
Moderna, profesional, flexible y que trasmita una
medio de su
identidad
personalidad de confianza para que as el cliente
sienta una relacin de amistad directa
con la corporativa son:
modernismo,
empresa y no vea a sta como una especie de
profesionalismo y
empresa demasiado formal o demasiado juiciosa,
la idea principal aqu es ofrecer un servicio y no
confianza.
105

buscar convencer el cliente para vender los


servicios, esa filosofa da un grado de confianza
entre el cliente y la empresa, por eso los
elementos visuales tienen que ser percibidos
como una caracterstica de franqueza porque la
idea es mantener una relacin duradera con los
clientes.

4.1.1 Anlisis de los resultados obtenidos a travs de la Entrevista


Como anlisis de la entrevista realizada se determin que el ejecutivo
de la empresa opin que la empresa sea reconocida en el mercado y que
logre proyectar una imagen flexible, profesional y sobre todo que logre
generar confianza con una gran cantidad de personas, ya que el pblico a la
cual ofrece sus servicios es variado, y por los momentos no tiene unos
clientes potenciales.
En base al diseo del sitio web se detall que la empresa quiere que
su sitio web sea sencillo para facilitar el acceso de todo tipo de personas, que
la navegacin sea amigable, opin tambin que el diseo corporativo deber
estar incluido tanto en la papelera como en el sitio web, para que exista una
coherencia corporativa de la empresa.
Igualmente qued claro que la empresa est legalmente registrada en
el Registro Mercantil y posee todos los trmites legales pertinentes, este
aspecto fue de suma importancia ya que los documentos legales fueron
presentados para ser incorporados en el diseo, como por ejemplo el RIF y el
Copyright. Tambin el directivo indic que posee el presupuesto necesario
para llevar a cabo el proyecto en general, se cuenta con el hosting, un

10
6

dominio y un presupuesto para los gastos de diseo e impresin de las


piezas corporativas.

4.2. Presentacin de los resultados obtenidos a travs de las Encuestas


realizadas a la Poblacin B: Expertos en Diseo Grfico y Web.

A continuacin se presentan los cuadros y grficos correspondientes a


cada pregunta de la encuesta escrita aplicada a 3 expertos en el rea del
diseo los cuales fueron: La Lic. Diana Caldern, el Ing. Eleazar Briceo y
la Lic. Luca Gonzlez.

Objetivo Especfico: Determinar el segmento del mercado al cual van


dirigidos los servicios de la empresa Representaciones Fab-UP.
1. Edad
Tabla N 1. Edad
EDADES

CANTIDAD

PORCENTAJE

25-35

67%

36-45

33%

46-55

0%

56 o Ms

0%

TOTAL

100%

107

Dos de los encuestados tienen una edad comprendida entre los 25 y


35 aos, lo cual representa el 67%, por otro lado el tercer encuestado tiene
una edad comprendida entre los 36 y 45 aos lo que corresponde al 33%
restante.

2. Sexo
Tabla N 2. Sexo
GNERO

CANTIDAD

PORCENTAJE

Masculino

33%

Femenino

67%

TOTAL

100%

108

Dos de las encuestadas son del gnero femenino lo que representa el


67%, y el encuestado restante forma parte del gnero masculino el cual sera
33% restante.

Objetivo Especfico: Establecer los elementos grficos necesarios para


la elaboracin de la Identidad Corporativa de la empresa objeto de
estudio.

1. Al momento de establecer una relacin comercial con una


empresa toma usted en cuenta la imagen corporativa de la
misma?

10
9

Tabla N 3. Imagen Corporativa


OPCIONES

CANTIDAD

PORCENTAJE

Si

100%

A veces

0%

No

0%

Nunca

0%

TOTAL

100%

Todos los encuestados, es decir,

el 100% opinaron que S toman en

cuenta la imagen corporativa para poder relacionarse con una empresa.

2. Piense en una marca y diga cul elemento que la compone es


ms importante a la hora de reconocerla.
110

Tabla N 4. Elementos Grficos


OPCIONES

CANTIDAD

PORCENTAJE

Color

0%

Tipografa

0%

cono

0%

Todas las anteriores

100%

TOTAL

100%

El 100% de los encuestados decidieron dar como opcin Todas las


Anteriores, lo que quiere decir que el color, la tipografa y el cono son
elementos importantes a la hora de reconocer una marca.

111

3. Cuando piensa en una empresa de Diseo Grfico cules son


los principales conceptos grficos que le vienen a la mente?

Tabla N 5. Conceptos Grficos

OPCIONES

CANTIDAD

PORCENTAJE

Creatividad

67%

Otros conceptos

33%

TOTAL

100%

Cada una de las respuestas de los encuestados fueron variadas, an


as, el 67 % coincidi en dar la opcin de Creatividad como principal
concepto grfico, el 33% son Otras opciones en general que se pueden
catalogar como conceptos de Marketing y Diseo Grfico.

112

4. Segn su experiencia cules son los elementos grficos que


deben estar presentes en el diseo de la Identidad Corporativa de
una empresa de Diseo Grfico?
Tabla N 6. Elementos Grficos de una Identidad Corporativa

OPCIONES

CANTIDAD

PORCENTAJE

Logotipo, colores y
tipografa

67%

Otros

33%

TOTAL

100%

113

Las respuestas arrjaron que dos (2) de los encuestados coincidieron en


que el logotipo, los colores y la tipografa son los elementos que deben estar
presentes en el diseo de una Identidad corporativa, por otro lado uno de los
encuestados prefiri dar como opinin de Libre Albedro y que lo importante
es destacar la personalidad del servicio que ofrece la empresa, lo que
corresponde al 33% de los encuestados.
5. Qu combinacin de colores considera que es la ms apropiada
para la empresa de Diseo Grfico Representaciones Fab-UP?

Tabla N 7. Combinacin de Colores


OPCIONES

CANTIDAD

PORCENTAJE

33%

0%

67%

TOTAL

100%

114

El 33% eligi a la opcin A como mejor opcin y el 67% prefiri la


opcin C como mejor opcin en la combinancin de colores para el logotipo.
6. Cul familia tipogrfica recomienda para ser incorporada a la
Identidad Corporativa de la empresa Representaciones Fab-UP?

Tabla N 8. Familias Tipogrficas


OPCIONES

CANTIDAD

PORCENTAJE

Con Serif

0%

Sin Serif

100%

TOTAL

100%

115

Sin Serif

El 100% de los encuestados prefiri recomendar el uso de una


tipografa sin serif para la empresa.

7. De las siguientes piezas de Identidad Corporativa cules


considera

que

deben

desarrollarse

para

la

empresa

Representaciones Fab-UP?

Tabla N 9. Piezas de Identidad Corporativa


OPCIONES

CANTIDAD

PORCENTAJE

Logotipo

0,15%

Hoja Membrete

0,15%

Hoja de Presupuesto

0,05%

116

Hoja Fax

0%

Nota de Entrega

0,05%

Factura

0,15%

Sobre Carta

0,1%

Sobre N 11

0,05%

Tarjeta de presentacin

0,15%

Sello Hmedo

0,15%

TOTAL

20

100%

*Las respuestas no son mutuamente excluyentes

117

Sumando varias de las piezas como una solo opcin se puede definir
que el 50% de los encuestados concordaron que las principales piezas de
identidad corporativa son: el logotipo, la hoja membrete, la factura, la tarjeta
de presentacin y el sello hmedo, el 33% eligi la hoja de presupuesto, nota
de entrega y el sobre N 11. Y el 17% digo solo el sobre carta.

8. Cul de las siguientes tendencias de diseo considera usted


que

representa

ms

la

empresa

de

Diseo

Grfico

Representaciones Fab-UP?

Tabla N 10. Tendencias de Diseo


OPCIONES

CANTIDAD

PORCENTAJE

Modernismo

66%

Minimalismo

33%

Clsico

0%

Vanguardista

0%

TOTAL

100%

118

A cada uno de los encuestados se le present una muestra de los


elementos corporativos de la empresa, lo que les permiti tener una idea
sobre el tipo de tendencia que mejor la representa, un 66% de los
encuestados catalog a la empresa como modernista y un 33% con un estilo
minimalista.

9. Cul de los siguientes medios le parece ms conveniente al


momento de contratar los servicios de un diseador grfico?
Por qu?

Tabla N 11. Medios de contratacin de un Diseador Grfico


OPCIONES

CANTIDAD

PORCENTAJE

Portafolio virtual

100%

Portafolio Fsico

0%

119

TOTAL

100%

El 100% le pareci ms conveniente utilizar un portafolio virtual para as


poder contratar los servicios de un diseador.

10.Qu contenido espera encontrar en un sitio web de un


diseador grfico?

Tabla N 12. Contenido en un sitio web de un diseador grfico


OPCIONES

CANTIDAD

PORCENTAJE

Biografa

33,33%

Portafolio

33,33%

Contacto

33,33%

Tcnicas

0%

120

reas de Diseo

0%

TOTAL

100%

El 100% de los encuestados coincidi en que la biografa, el portafolio


y el contacto son los contenidos que mayormente se espera encontrar en el
sitio web de un diseador grfico.

11. Qu aspectos espera encontrar en un sitio web de un diseador


grfico?

Tabla N 13. Aspectos de un sitio web de un diseador grfico


OPCIONES

CANTIDAD

Dinamismo

Fcil navegacin

Formulario de contacto

PORCENTAJE

121

Animaciones

Otro

TOTAL

10

100%

Agrupando algunas de las opciones que mayormente fueron


escogidas se puede decir que el 50% cre que la fcil navegacin y el
formulario de contactos siempre tienen que estar en el sitio web de un
diseador un 33% respondieron que el dinamismo y la animacin como
opcin, y un 17% dieron una opinin en donde coincidieron en que lo
importante es tratar de no hacer el sitio web muy pesado para que pueda
cargarse se una manera rpida y efectiva.

122

12.De acuerdo a su experiencia, cul de las siguientes estructuras


considera la ms conveniente para el desarrollo del sitio web de
la empresa Representaciones Fab-UP?

Tabla N 14. Estructura de un sitio web


OPCIONES

CANTIDAD

PORCENTAJE

De rbol o Jerrquica

33%

Lineal

67%

En Red

0%

TOTAL

100%

Un 33% de la poblacin encuestada considera que es mejor utilizar


una estructura de rbol o jerrquica, el restante 67% opin que es mejor la
estructura lineal.
123

13.De acuerdo a su experiencia, cul de las siguientes resoluciones


de pantalla considera es ms conveniente para el desarrollo del
sitio web de la empresa Representaciones Fab-UP?

Tabla N 15. Resolucin de un sitio web


OPCIONES

CANTIDAD

PORCENTAJE

1024 x 768 px

33%

1280 x 800 px

67%

900 x 600 px

0%

TOTAL

100%

Un 67% opin que es mejor una resolucin de 1280 x 800 px. y un


33% seleccion que es mejor una resolucin de 1024 x 768 px. para el sitio
web de la empresa Representaciones Fab-UP.

124

4.2.1 Anlisis General de los resultados obtenidos a travs de las


Encuestas:
Segn los resultados obtenidos en las encuestas realizadas a la
Poblacin B o grupo de expertos en Diseo Grfico y Web, se determin que
la Identidad Corporativa es un factor muy importante al momento de hacer
negocios porque el cliente siempre evaluar los elementos grficos que
componen la empresa, ms an tratndose de una compaa que ofrece
servicios de Diseo Grfico y trabaja con imagen.
En este sentido, por lo general se suele relacionar una empresa de
Diseo Grfico con conceptos de creatividad, publicidad e innovacin,
factores que se consideraron determinantes para la contratacin de los
servicios de la empresa Representaciones Fab-UP.
Tambin se determin que los elementos del diseo tales como el
color, la tipografa y el cono ayudan a reconocer una empresa, unificarlos
todos es la clave para que la empresa objeto de estudio sea reconocida por
cada uno de esos elementos en el mercado en el que se desenvuelve.
Complementando lo anteriormente expuesto, se determin que la
gama cromtica que debe utilizarse en el logotipo de la empresa
Representaciones Fab-UP debe estar conformada por el verde en sus
tonalidades y el amarillo por considerarse una combinacin adecuada que
refleja seriedad; la tipografa recomendada por los expertos es Sans Serif o
palo seco ya que es la ms adecuada para la empresa por el aspecto
moderno que otorga a la composicin; finalmente, se consider la opcin de
un estilo minimalista a travs del uso de pocos elementos para reflejar la
seriedad que la empresa pretende proyectar con su imagen.
La seleccin de las piezas grficas que conformarn la Identidad
Corporativa de la empresa objeto de estudio, fue seleccionada por la

12
5

poblacin encuestada como importante, considerndose en primera instancia


el desarrollo del logotipo y luego su posterior aplicacin en la hoja membrete,
la factura, la tarjeta de presentacin y el sello hmedo.
A todos los encuestados les pareci ms conveniente utilizar un
portafolio virtual para as poder contratar los servicios de un diseador por
considerar a esta opcin como la ms cmoda y fcil de consultar.
En referencia al sitio web de la empresa Representaciones Fab-UP, se
consideraron varios aspectos que incluyen: los links o enlaces a desarrollar
sern la biografa, el portafolio y el contacto acompaados de un Home o
Pgina de inicio para darle la bienvenida al cliente que navega por el sitio en
busca de servicios de Diseo Grfico; luego se determin que la estructura
debe ser lineal para facilitar la navegacin por parte de los usuarios, as
como tambin el uso de pocas animaciones para facilitar la carga del sitio y
captar la atencin del pblico por el mayor tiempo posible; finalmente, la
mayora de los encuestados recomend utilizar una resolucin de 1280 x 800
px. por considerar que actualmente es la que ms se maneja a nivel de
usuario por la creciente incorporacin de monitores de mayor tecnologa.

12
6

4.3. Anlisis General de los datos obtenidos a travs de todos los


instrumentos aplicados

El propsito principal del presente Trabajo de Grado es el de crear una


Identidad Corporativa para que la empresa Representaciones Fab-UP sea
reconocida en el mercado del Diseo Grfico, tambin se propone el diseo
de un sitio web con el fin de lograr un mayor alcance a nivel de pblico. Por
esta razn, los elementos fundamentales del diseo debern estar incluidos
tanto en las piezas que conforman la Identidad Corporativa como en el sitio
web de la empresa para mantener una coherencia con lo que desea trasmitir
la empresa Representaciones Fab-UP, determinando con los resultados
obtenidos que el logotipo, la tipografa, los colores y un cono ayudarn a
crear esa imagen.
Realizando un anlisis general tanto de las respuestas obtenidas por
el directivo de la empresa Representaciones Fab-UP como de los expertos
en el rea de Diseo Grfico y Web, se establece que la identidad deber
trasmitir un estilo moderno, profesional y que genere ante todo confianza
para mantener una relacin duradera con los clientes, por otro lado es
importante destacar la creatividad, publicidad e innovacin para que as
Representaciones Fab-UP sea reconocida como una empresa de diseo
grfico dentro del rea en que se desenvuelve.
En cuanto al diseo, los encuestados y entrevistados opinaron que un
estilo moderno y minimalista sera conveniente para la imagen de la empresa
objeto de estudio; la tipografa de mayor preferencia fue una Palo Seco o
Sans Serif, acompaados a su vez por el uso de otros elementos grficos
que trasmitan modernismo y profesionalismo aunados a la confianza y
empata que quiere proyectar la empresa a travs de las piezas de Identidad.

12
7

El logotipo seleccionado por parte de los encuestados fue la opcin C


o combinacin variada de colores hacia los tonos verdes y amarillos, stos
opinaron que esta variedad de colores generan confianza al cliente. En lo
referente a las piezas de Identidad Corporativa para la empresa
Representaciones Fab-UP, los encuestados seleccionaron al logotipo, la hoja
membrete, la factura, la tarjeta de presentacin y el sello hmedo como los
elementos principales con los que debe contar para garantizar el buen
funcionamiento a nivel de imagen y de procesos administrativos.
Cuando se consult acerca de la produccin de las piezas grficas
que componen la Identidad Corporativa de la empresa objeto de estudio, el
directivo prefiri invertir en la produccin de las piezas ms importantes para
reducir el impacto econmico, detall tambin que las tarjetas de
presentacin sern la de mayor tiraje en comparacin con las otras piezas
seleccionadas.
Igualmente cabe destacar que las leyes de la constitucin y de
Registro Mercantil protegen a la empresa ante posibles multas por parte del
Seniat y otros organismos, es por esta razn que se colocar el RIF de la
empresa en todas las piezas corporativas y el copyright se incluir solamente
en el sitio web para certificar y proteger el derecho de autor.
Con respecto al sitio web de la empresa, todos los integrantes de la
poblacin encuestada y entrevistada hicieron hincapi en que el sitio web ha
de ser de fcil acceso y no muy pesado, opinando que se puede incorporar
una animacin y un poco de dinamismo pero que no genere retrasos al
usuario al momento de navegar por el sitio web.
Finalmente, con respecto a la estructura del sitio web, la poblacin de
expertos en Diseo Grfico y Web opin que debe ser lineal, ya que es la
forma ms sencilla de navegacin y facilitar la bsqueda de los usuarios a
12
8

travs del sitio web. Igualmente se seleccion una resolucin de 1280 x 800
px. para el diseo del sitio web, adems de considerar que los links o
enlaces principales que debe contener son el home, el portafolio, la biografa
y el contacto, plantendose as el orden de ubicacin y desarrollo en el sitio,
ya que el objetivo es hacer una estructura lineal donde el primer enlace
llamar la atencin del cliente, el segundo le brindar informacin de los
servicios, el tercero le dar ms informacin de la empresa y por ltimo, el de
contacto, servir para realizar consultas a la empresa a travs del formulario.

12
9

CAPTULO V
PROPUESTA

5.1 CONSIDERACIONES GENERALES


En funcin de los resultados obtenidos en las encuestas realizadas a
la poblacin de expertos, y la entrevista aplicada al directivo de la empresa
Representaciones Fab-UP se pudieron determinar y disear los elementos
que conforman la Identidad Corporativa y sitio web de la compaa,
generndose as la propuesta definitiva. Los elementos que se escogieron
para ser presentados por la empresa fueron: el logotipo, la hoja membrete, la
factura, la tarjeta de presentacin y el sello hmedo, igualmente se determin
el diseo de una carpeta solicitada por el directivo de la empresa. En el
diseo del sitio web se disearon cuatro (4) enlaces los cuales son el Home,
Portafolio, Bio y Contactos todos ajustados a una resolucin de 1024 x 768
pxeles.
Luego de determinar los elementos grficos se procedi a disear la
Identidad basada en elementos que generaran confianza y empata con el
pblico que solicita los servicios de la empresa, de esta manera se dise el
logotipo que cuenta con esas caractersticas. Por otro lado, la empresa
quera proyectar igualmente modernismo y profesionalismo por eso se
utilizaron los siguientes elementos: una tipografa palo seco, la escala de
grises como fondo de la composicin y un cono muy minimalista que forma
parte del logotipo, todos estos elementos fueron aprobados por la empresa y
fueron adaptados en la composicin en cada una de las piezas corporativas y
enlaces del sitio web.
13
0

5.2 LOGOTIPO
5.2.1 Boceto inicial del Logotipo

Imagen N 1. Boceto de logotipo


Fuente: Elaboracin Propia

El simbolismo que tiene el logotipo est representado por gotas de


pinturas mezcladas entre s, la empresa se basa en la creacin diseo
publicitario pero tambin es una empresa que tiene como especialidad el
arte, por eso como el arte y el diseo se relacionan mucho con la pintura, se
pens entonces en esa idea, por otro lado Representaciones Fab-UP es un
nombre muy largo y muy difcil de recordar por eso se consider utilizar solo
el nombre Fab-UP para ser reconocida como isologotipo.
13
1

5.2.2 Logotipo final

Imagen N 2. Logotipo final


Fuente: Elaboracin Propia

El logotipo de la empresa est compuesto por la palabra Fab-UP


centrada utilizando un estilo de fuente moderna llamada Tektrron Regular,
los colores escogidos que lo complementan son dos tonalidades de verde, un
azul cyan, el amarillo, el gris y el negro puro. El logotipo va acompaado
tambin de las palabras Diseo Grfico para que la empresa sea ubicada
en ese rengln comercial.

13
2

5.2.3 Pruebas de color

Imagen N 3. Pruebas de color


Fuente: Elaboracin Propia

133

5.2.4 Elementos Grficos del Logotipo


5.2.4.1 Elemento Vectorial

Imagen N 4. Elemento vectorial


Fuente: Elaboracin Propia

Los elementos vectoriales del logotipo consisten en una composicin


conformada por varios crculos, cada uno genera tensin por la cercana que
tiene uno con el otro, lo que da como resultado un dinamismo y un sentido de
pertenencia.
5.2.4.2 cono de Marca

Imagen N 5. cono de marca


Fuente: Elaboracin Propia

13
4

El cono es un crculo negro con el nombre de la marca, es algo muy


limpio y minimalista a la vez.

5.2.4.2 Slogan

Imagen N 6. Slogan
Fuente: Elaboracin Propia

El Slogan est formado por un tipografa palo seco conocida como


Century Gothic, es fcil de visualizar y es de fcil lectura. El slogan puede ser
utilizado con el logotipo an as no har falta que est incorporado con el
logotipo.

5.3 COLOR
Los colores utilizados en la creacin de la Identidad Corporativa se
ven reflejados en el logotipo y en otros elementos del diseo en general, se
utiliz el verde que representa un gusto personal del diseador que trabaja
para la empresa por eso se utilizaron dos tonalidades de verdes, uno oscuro
y uno claro, ambos generan armona siendo muy estables, aun as el verde
oscuro es el que predomina entre ambos tonos.

13
5

Luego se seleccion un azul cian, un amarillo y un negro puro de la


cuatricroma CMYK por su relacin con el Diseo Grfico, estos colores junto
con el verde crean una relacin de empata y es agradable a la vista.
Finalmente otro de los colores incorporados fue el gris el cual es considerado
en los diseos de las empresas como un color que crea formalidad y
profesionalismo a la vez; se debe recordar que la empresa tiene como
propsito plasmar esos valores en su imagen, por eso se consider en
utilizar el gris en la mayora de las piezas corporativas.

5.3.1 Colores Pantone

Imagen N 7. Colores Pantone


Fuente: Elaboracin Propia

13
6

5.3.2 Cuatricroma (CMYK)

Imagen N 8. Colores CMYK


Fuente: Elaboracin Propia

5.3.2 Modelo de color para Pantalla (RGB)

Imagen N 9. Colores RGB


Fuente: Elaboracin Propia

137

5.3.3 Colores de fondo para material impreso y fondo de pantalla

Imagen N 10. Colores de fondo


Fuente: Elaboracin Propia

138

5.4 TIPOGRAFA

Imagen N 11. Tipografa


Fuente: Elaboracin Propia

La tipografa utilizada en el diseo de las piezas de Identidad


Corporativa de la empresa Representaciones Fab-UP es la Century Gothic,
la cual se caracteriza por su modernidad y simplicidad para representar el
aspecto profesional de la empresa.

13
9

5.5 DIAGRAMACIN
Las piezas estn diagramadas est basado en los elementos
vectoriales del logotipo, en el apartado N 5.2.4.1 se habla de la composicin
conformada por los diferentes crculos, cada crculo es considerado un punto
en la teora de los elementos del Diseo y cuando existen varios puntos en
un solo espacio se genera tensin, mientras ms cerca est uno de otro la
tensin ser mayor y visualmente se dar como resultado un sentido de
pertenencia. Se decidi diagramar reubicando los elementos vectoriales del
logotipo utilizando a la vez el contraste de colores grises.
En la Imagen N 12 se puede observar que existe un espacio con dos
de los elementos donde se genera otra tensin y otro sentido de pertenencia
porque ambos elementos son iguales, la diferencia de tamao que existe uno
con el otro da una sensacin de profundidad y perspectiva. El propsito de
diagramar de esta manera es que hace que exista una relacin entre los
elementos, e igualmente por el gran espacio que se crea da un sentido de
limpieza y sencillez que tambin puede ser catalogado como minimalista.

14
0

5.5.1 Plantilla de Diagramacin

Imagen N 12. Plantilla de Diagramacin


Fuente: Elaboracin Propia

141

5.6 PIEZAS GRFICAS DE IDENTIDAD CORPORATIVA


5.6.1 Tarjeta de presentacin

Imagen N 13. Tarjeta de presentacin


Fuente: Elaboracin Propia

Tamao: 9 x 5 cm.

Tipo de papel: cartulina glase 300 gr. acabado mate semibrillante.

Troquel: puntas redondas y puntas rectas (sentido de innovacin).

Cantidad a imprimir: 100 unidades. (precio: 175,00 Bs.)

Tipo de impresin: digital, tiro y retiro.


142

5.6.2 Hoja Membrete

Imagen N 14. Hoja Membrete


Fuente: Elaboracin Propia

Tamao: 22 x 28 cm.
Papel: Bond blanco 75 gr.

Cantidad: 100 unidades


Tipo de impresin: digital

14
3

5.6.3 Factura

Imagen N 15. Factura


Fuente: Elaboracin Propia

Tamao: 22 x 28 cm.
Papel: Bond blanco 75 gr.

Original y dos (2) copias

Cantidad: 2 talonarios
Tipo de impresin: CMYK

144

5.6.4 Carpeta

Imagen N 16. Carpeta


Fuente: Elaboracin Propia

Tamao: 44 x 30 cm. abierta


Tipo de gramaje: glas 300

Cantidad: 10 unidades
(precio: 75,00 Bs.)

gr., acabado mate.

Tipo de impresin: digital

14
5

5.6.5 Sello Hmedo

Imagen N 17. Sello Hmedo


Fuente: Elaboracin Propia

Tamao: 4 cm. de dimetro (precio: 200,00 Bs.)

Tinta negra

Sello automtico
146

5.7 SITIO WEB


5.7.1 Navegacin Lineal
El tipo de estructura que se utilizar en el sitio web de la empresa
Representaciones Fab-UP ser lineal, en la siguiente imagen de muestra la
estructura de forma lineal en sentido horizontal:

Imagen N 18. Navegacin lineal


Fuente: Elaboracin Propia

El primer enlace ser el Home luego el de Portafolio, despus el de


Bio y por ltimo el de Contacto, el usuario al entrar al sitio siempre tendr a
su disposicin la botonera en el lado superior centrado del formato, de esa
forma podr regresar a cualquier enlace que desee sin la necesidad de ir
enlace por enlace para llegar al que realmente desea consultar.

Imagen N 19. Botonera


Fuente: Elaboracin Propia

14
7

Imagen N 20. Uso de la Botonera


Fuente: Elaboracin Propia

Cada vez que el usuario pase el mouse y haga clic sobre alguno de
los botones, este ser seleccionado con una barra verde indicando el status.

5.7.2 Estructura de la plantilla

Imagen N 21. Plantilla del sitio web


Fuente: Elaboracin Propia

14
8

La plantilla del sitio web tiene un diseo minimalista con un fondo gris,
diagramado con los elementos corporativos de la empresa, cuenta con la
barra de botones en la parte superior del formato de forma centrada, e
igualmente tiene incorporado el Copyright en el lado inferior izquierdo. Por
ltimo, en el centro del formato se encuentra un cuadro gris en transparencia,
que corresponde al lugar donde estar ubicada cada uno de los contenidos
de cada enlace.

5.7.3 Aspectos tcnicos del sitio web


La resolucin que se utilizar ser la de 1024 x 768 px. Contar con
una pequea animacin no muy pesada al inicio del Home.

Imagen N 22. Storyboard de la animacin en Flash


Fuente: Elaboracin Propia

Al momento que el usuario entre al sitio web, aparecer en su pantalla


un fondo transparente con la barra de botones totalmente ntida, en pocos
segundos aparecer en el centro del formato el logotipo en transparencia y
de menor tamao hasta finalmente estar completamente ntido en el centro
con un tamao mucho ms grande, seguidamente van a ir apareciendo los
otros elementos en escala de grises en cada esquina junto con el Copyright
en la esquina inferior izquierda.
14
9

5.7.4 Home

Imagen N 23. Home o Pgina principal


Fuente: Elaboracin Propia

El Home est conformado por la plantilla de fondo en escala de grises


que ser utilizada en los dems enlaces, el logotipo en el centro a full color y
acompaado de la pequea animacin de introduccin que ser visible cada
vez que se visite el sitio, adems se encuentra la botonera en la parte
superior del formato, y el Copyright en la parte inferior izquierda.

15
0

5.7.5 Link Portafolio

Imagen N 24. Link Portafolio


Fuente: Elaboracin Propia

El link Portafolio es un rea de contenido de imgenes, cuenta con


todos los trabajos realizados por la empresa Representaciones Fab-UP, el
uso del siguiente enlace consiste en otra estructura lineal en sentido
horizontal, en el centro aparece uno de los trabajos seleccionados por el
usuario a gran escala ocupando aproximadamente el 50% del rea central,
con el fin de detallar mucho ms el trabajo presentado, adems, a cada lado
de esta imagen se encuentran dos flechas que llevarn al usuario de un
trabajo a otro.

15
1

En la parte inferior central se encuentra una barra que contiene todos


los trabajos realizados de la empresa, as mismo en cada lado de la barra se
encuentran dos flechas para que el usuario pueda ir navegando de derecha a
izquierda y ver otros trabajos publicados.

5.7.6 Link Bio

Imagen N 25. Link Bio


Fuente: Elaboracin Propia

Este enlace es un rea de contenido, cuenta con la informacin que


detalla la biografa de la empresa Representaciones Fab-UP, el cual posee
un breve resumen de su historia en el lado izquierdo del formato,
acompaado del logotipo en la parte derecha, todo esto enmarcado dentro
de un recuadro central en transparencia.
15
2

5.7.7 Link Contacto

Imagen N 26. Link Contacto


Fuente: Elaboracin Propia

Este enlace es un rea de interaccin, en el centro aparece una


plantilla para que el cliente o usuario pueda llenar los datos principales de
nombre, email, zona y telfono, y as poder contactar con la empresa a
travs de un mensaje que llegar a una bandeja de correo electrnico de la
empresa Representaciones Fab-UP, luego de presionar el botn verde de
Enviar. En el lado de derecho del formato se encuentra tambin el nmero
de telfono y correo electrnico de la empresa.

15
3

CONCLUSIONES Y RECOMENDACIONES

CONCLUSIONES
A continuacin se presentan las conclusiones derivadas del proceso
de investigacin y desarrollo de la propuesta, resaltando la importancia de los
resultados obtenidos basados en los objetivos planteados inicialmente para
su estudio.
Se lograron establecer las necesidades y expectativas de la directiva
de la empresa Representaciones Fab-UP con respecto al diseo de su
Identidad Corporativa a travs de los datos obtenidos en la entrevista
realizada, donde se pudo determinar que deseaban reflejar los valores de la
compaa en el diseo de su logotipo y dems piezas que los represente
ante el pblico objetivo. En este sentido, se logr disear un logotipo basado
en la confianza y modernismo gracias a los colores, la tipografa y los
elementos circulares utilizados.
Una vez definido lo anterior, se realiz el estudio para determinar los
elementos grficos necesarios que deban incorporarse en el diseo y
diagramacin de todas las dems piezas de Identidad Corporativa, para ello
se realiz una plantilla de diagramacin, se determin el uso de una
tipografa palo seco para los textos de las piezas y se seleccionaron los
colores verde, amarillo, cian, gris y negro en sus correspondencias CMYK y
RGB para las aplicaciones en impresos y en pantalla respectivamente. Con
todos los elementos grficos definidos, se logr la diagramacin minimalista
solicitada por el directivo de la empresa, y reforzada por las opiniones del
grupo de expertos en Diseo Grfico y Web que se encuestaron para tal fin.

15
4

Para iniciar el proceso de elaboracin del sitio web de la empresa


objeto de estudio, se determin en primera instancia que se mantendra la
misma lnea grfica manejada para el diseo de la Identidad Corporativa,
esto con la finalidad de continuar con una lnea visual ordenada para que
exista congruencia entre cada aspecto desarrollado. En este sentido, se logr
determinar que el uso de la paleta de colores utilizada inicialmente para el
logotipo, la tipografa Century Gothic y los elementos circulares seran la
base fundamental de la plantilla para el desarrollo del sitio web de la empresa
Representaciones Fab-UP.
Ahora bien, luego de haber analizado la grfica a utilizar se procedi a
determinar la estructura del sitio web de la empresa, para lo cual se recurri
principalmente a los datos obtenidos a travs de las encuestas a los
expertos, ya que estos aportaron los datos tcnicos para su ejecucin. Estos
datos dieron como resultado los parmetros del Diseo Web que se tomaron
en cuenta para su desarrollo, logrndose una estructura de tipo lineal, con
cuatro (4) links o enlaces que contienen toda la informacin que el directivo
deseaba incorporar, una resolucin de 1024 x 768 pxeles, una animacin
sencilla en el Home para mantener la velocidad de carga del sitio, y una
botonera para facilitar la navegacin.
Finalmente, la factibilidad del proyecto se determin a travs del
anlisis de los costos necesarios para llevar a cabo la propuesta en funcin
de las caractersticas grficas de las piezas que conforman la Identidad
Corporativa de la empresa Representaciones Fab-UP, para lo cual se
tomaron en consideracin los aspectos tales como cantidad de colores,
formatos y soportes con el fin de establecer el tiraje inicial de acuerdo a las
posibilidades econmicas de la compaa. Seguidamente, se estudiaron los

15
5

costos de hosting, dominio, diseo y diagramacin del sitio web para


determinar su ejecucin.
Finalmente, se logr el diseo de todas las piezas grficas que
conforman la Identidad Corporativa de la empresa Representaciones Fab-UP
y que fueron seleccionadas tanto por la directiva como por la poblacin de
expertos en Diseo Grfico y Web, logrndose una propuesta que transmite
seriedad, compromiso, minimalismo y responsabilidad cumpliendo con los
parmetros establecidos en el diseo para su correcta elaboracin.

15
6

RECOMENDACIONES

A continuacin se ofrecen unas recomendaciones dirigidas a los


directivos de la empresa Representaciones Fab-UP y a los futuros
investigadores sobre el tema estudiado.
A los directivos de la empresa se les recomienda lo siguiente:
* La aplicacin inmediata de la Identidad Corporativa para lograr el
posicionamiento que requieren en el campo del Diseo Grfico.
* Realizar la produccin de las piezas grficas que integran la Identidad
Corporativa por etapas para minimizar el impacto econmico que esto genera
a nivel de costos, comenzando con las piezas de mayor importancia como la
tarjeta de presentacin, la factura y el sello hmedo.
* Publicacin del sitio web en el dominio registrado para comenzar a tener
presencia en la red de Internet y as comenzar a captar clientes a travs de
este recurso tecnolgico.
* La incorporacin de la empresa Representaciones Fab-UP a las redes
sociales con el fin de facilitar el proceso de comunicacin con sus actuales y
potenciales clientes. Las redes sociales pueden ser sobre todo facebook y
twitter
* Realizar un mantenimiento constante al sitio web en funcin de los nuevos
servicios que vaya incorporando, as como la actualizacin de los trabajos
realizados, para lograr con esto un refrescamiento constante de la
informacin all contenida.

15
7

A los futuros investigadores sobre el tema, se les recomienda tomar


como base este estudio tomando en consideracin los aspectos tcnicos
abordados y la informacin terica descrita a lo largo de su desarrollo.
Tambin es importante que se amplen los conocimientos en el rea del
Diseo Web para incorporar aspectos que por su complejidad no se
abarcaron en el presente Trabajo de Grado.

15
8

REFERENCIAS BIBLIOGRFICAS

Arias, F. (2006). El Proyecto de Investigacin, Introduccin a la


metodologa cientfica. (5 Ed.). Caracas: Episteme.

Capriotti, P. (2009). Branding Corporativo, Fundamentos para la gestin


estratgica de la Identidad Corporativa. Santiago de Chile: EBS
Consulting Group.

Cathy Fishel (2009). Manual del Diseador Freelance. Barcelona:


Parramn.

Conway Lloyd Morgan (1999). Logos. Mxico D.F. Mc Grall Hill.

Chris Foges (1999). Papelera e Identidad Corporativa. Mxico D.F. Mc


Grall Hill.

Constitucin de La Repblica Bolivariana de Venezuela (2011).

Dabbs, A., Campbell, A. (2006). La Biblia del Diseador Digital. Barcelona:


EVERGREEN.

Krug, S. (2005). No me Hagas Pensar. (2 Ed.). Madrid: PEARSON,


Pretince Hall.

Proenza, R. (1999). Diccionario de Publicidad y Diseo Grfico. (1 Ed.).


Bogot: 3R Editores.

15
9

Sabino, C. (2002). El Proceso de la Investigacin. (1 Ed.). Caracas:


PANAPO.

Timothy, S. (2009). Los elementos del diseo, Manual de estilo para


diseadores grficos (1 Ed.). Barcelona: GUSTAVO GILI.

Universidad Pedaggica Experimental Libertador. (2006). Manual de


trabajos de grado de especializacin y maestra y tesis doctorales (4
Ed.). Caracas: FEDEUPEL.

Van Riel, C. (1997): Comunicacin Corporativa. Barcelona: Prentice-Hall.

Vzquez, P. (2006). Creacin de Sitios Web. (1 Ed.). Buenos Aires:


USERS.

DOCUMENTALES

Freites, Y. y Larotta, E. (1999). Diseo de una Campaa Comunicacional


para identificar la Imagen de Modusistema Herman Miller C.A. y
Optimizar su Comercializacin. Universidad Nueva Esparta, Caracas.

Goncalves, V. (2007). Diseo de un a propuesta de un sitio web para


mejorar los servicios de la agencia de comunicaciones corporativas Tips
imagen y comunicacin C.A. Universidad Nueva Esparta, Caracas.

Morales, M. y Licausi, S. (2002). Desarrollo de la Imagen Corporativa


para una Empresa Virtual a travs de Lineamientos Grficos: Caso:
Empresa Spazio.com. Universidad Nueva Esparta, Caracas.
16
0

ELECTRNICAS

Adobe After Effects CS5.5. [Sitio Web en lnea]. Consultado el 01 de


mayo

de

2011.

Disponible

en:

http://www.adobe.com/es/products/aftereffects.html?promoid=BPCGJ

Alegsa. Sitio Web. [Sitio Web en lnea]. Consultado el 01 de mayo de


2011. Disponible en: http://www.alegsa.com.ar/Dic/sitio%20web.php

Anatoma de un logotipo. [Sitio Web en lnea]. Consultado el 29 de abril


de

2011.

Disponible

en:

http://www.maestrosdelweb.com/editorial/anatomia-de-un-logotipo/

Camarillo, J. (2009). Elementos de la identidad corporativa y el diseo


grfico: Uso de la tipografa en el logo. [Sitio Web en lnea]. Consultado el
29 de abril de 2011. Disponible en: http://www.abaestudio.com/elementosde-la-identidad-corporativa-y-el-diseno-grafico-uso-de-la-tipografia-en-ellogo-2

Camus, Juan. (2008). Gua para Desarrollo de Sitios Web. [Revista en


lnea]. Consultado el 22 de febrero de 2011 en http://www.guiaweb.gob.cl/

Chapman, C. (2010). Color Theory for Designers, Part 1: The Meaning of


Color [Sitio Web en lnea]. Consultado el 29 de abril de 2011. Disponible
en:

http://www.smashingmagazine.com/2010/01/28/color-theory-for-

designers-part-1-the-meaning-of-color/
16
1

CHGVISUAL. (2006). La Importancia del COLOR en la Identidad


Corporativa. [Sitio Web en lnea]. Consultado el 29 de abril de 2011.
Disponible en: http://chgblog.com/la-importancia-del-color-en-la-identidadcorporativa/

Concepto de tipografa, familia y fuentes tipogrficas. [Sitio Web en lnea].


Consultado

el

29

de

abril

de

2011.

Disponible

en:

http://www.fotonostra.com/grafico/partescaracter.htm

Concepto de Dreamweaver CSS5. [Sitio Web en lnea]. Consultado el 15


de

septiembre

de

2011.

Disponible

en:

http://www.aulaclic.es/dreamweaver-cs5/t_1_1.htm

Concepto de Diagramacin. [Sitio Web en lnea]. Consultado el 29 de abril


de 2011. http://creativaestudio2012.blogspot.com

Cristalab. [Sitio Web en lnea]. Consultado el 15 de septiembre de 2011.


http://www.cristalab.com/tutoriales/fundamentos-del-diseno-grafico-c126l/

Definicion. [Sitio Web en lnea]. Consultado el 01 de mayo de 2011.


Disponible en: http://definicion.com

Digitalfotored. [Sitio Web en lnea]. Consultado el 01 de mayo de 2011.


Disponible en: http://www.digitalfotored.com/

Diccionario de Informtica. (2010). Definicin de Sitio web. [Sitio Web en


lnea].

Consultado

el

28

de

abril

de

2011.

Disponible

en:

http://www.alegsa.com.ar/Dic/sitio%20web.php

16
2

Designitsyou. (2011). Definicin de Boceto [Sitio Web en lnea].


Consultado

el

28

de

abril

de

2011.http://designitsyou.wordpress.com/category/1/page/90/

Ecured. (2011). [Sitio Web en lnea]. Definicin de ActionScript.


Consultado

el

28

de

abril

de

2011.

http://www.ecured.cu/index.php/ActionScript

El Color. [Sitio Web en lnea]. Consultado el 29 de abril de 2011.


Disponible en: http://www.profesorenlinea.cl/artes/colorestudiodel.htm

Elementos Visuales del Lenguaje Publicitario [Base de datos en lnea].


Consultado

el

29

de

abril

de

2011.

Disponible

en:

http://www.slideshare.net/letouch/elementospublicidad

Escuela Nacional de Artes Plsticas de Mxico. (2004).Definicin de


Diseo Grfico. [Sitio Web en lnea]. Consultado el 29 de abril de 2011.
Disponible

en:

http://isopixel.net/archivo/2004/09/definicion-de-diseno-

grafico/

Expertos en sitios web. [Sitio Web en lnea]. Consultado el 29 de abril de


2011. Disponible en: http://www.expertosensitiosweb.com/

Fotonostra [Sitio Web en lnea]. Consultado el 29 de abril de 2011.


http://www.fotonostra.com/

Frascara, J. (1996). Diseadores Grficos, construyendo creatividad.


[Sitio Web en lnea]. Consultado el 29 de abril de 2011. Disponible en:
http://isopixel.net/archivo/2006/08/disenadores-graficos-construyendocreatividad/
16
3

Files.wordpress [Sitio Web en lnea]. Consultado el 29 de abril de 2011.


http://files.wordpress.com/2009/11/tipos-de-campanas-publicitarias.pdf

Fundamentos del diseo grafico. [Sitio Web en lnea]. Consultado el 29 de


abril de 2011. Disponible en:
http://www.cristalab.com/tutoriales/fundamentos-del-diseno-grafico-c126l/

Heller, E. (2008) Psicologa del Color. [Sitio Web en lnea]. Consultado el


29 de abril de 2011. Disponible en:
http://olgacarreras.blogspot.com/2008/11/resea-psicologa-del-color-deeva-heller.html

Ketterer, G. (2010). Branding y Marketing, conceptos inseparables. [Sitio


Web en lnea]. Consultado el 29 de abril de 2011. Disponible en:
http://marketingdiario.com/branding/branding-y-marketing

La importancia de la tipografa (fuentes de letras) en la imagen


corporativa de una empresa. [Sitio Web en lnea]. Consultado el 29 de
abril de 2011. Disponible en: http://www.ofifacil.com/ofifacil-disenoimagen-corporativa-la-importancia-de-la-tipografia-en-la-imagencorporativa.php

Lamarca, M. (2009). Hipertexto. [Sitio Web en lnea]. Consultado el 01 de


mayo de 2011. Disponible en:
http://www.hipertexto.info/documentos/hipertexto.htm

Manual de identidad grfica de la Universidad de Adelaida (2002). [Sitio


Web en lnea]. Consultado el 28 de abril de 2011. Disponible en:
http://isopixel.net/archivo/2002/05/manual-de-identidad-grafica-de/
16
4

Mitecnologico. [Sitio Web en lnea]. Consultado el 29 de abril de 2011.


Disponible

en:

http://www.mitecnologico.com/Main/DefinicionConceptoServicios

Monge, S. (2008). Qu es el Branding? [Sitio Web en lnea]. Consultado


el

29

de

abril

de

2011.

Disponible

en:

http://www.tallerd3.com/archives/1676

Morales, J. (2002) [Sitio Web en lnea]. Consultado el 29 de abril de 2011.


Disponible en: http://es.scribd.com/doc/8392413/QUE-ES-COPYRIGHT

Moreno, L. (2004). Familias Tipogrficas. [Sitio Web en lnea]. Consultado


el

29

de

abril

de

2011.

Disponible

en:

http://www.desarrolloweb.com/articulos/1626.php

Moreno, L. (2004). Tipografa. Un poco de historia [Sitio Web en lnea].


Consultado
el
29
de
abril
de
2011.
Disponible
en:
http://www.desarrolloweb.com/articulos/1605.php

Muiz, R. Marketing en el S. XXI. [Sitio Web en lnea]. Consultado el 29


de abril de 2011. Disponible en: http://www.marketing-xxi.com/la-marca46.htm

Pez, Jos. (2001). Imagen Corporativa. [Sitio Web en lnea]. Consultado


el 28 de abril de 2011. Disponible en:
http://www.gestiopolis.com/recursos/documentos/fulldocs/mar/imgcorp.ht
m

Qu es actionscript 3? [Sitio Web en lnea]. Consultado el 01 de mayo


de

2011.

Disponible

en:

http://www.creativ.mx/news/50-ique-es-

actionscript-3
16
5

Qu es el Boceto o esbozo? [Sitio Web en lnea]. Consultado el 01 de


mayo de 2011. Disponible en:
http://designitsyou.wordpress.com/2008/07/08/que-es-el-boceto-o-esbozo/

Qu es HTML? [Sitio Web en lnea]. Consultado el 28 de abril de 2011.


Disponible en: http://www.masadelante.com/faqs/html

Qu es un sitio web? [Sitio Web en lnea]. Consultado el 29 de abril de


2011. Disponible en: http://www.expertosensitiosweb.com/preguntas/quees-un-sitio-web

Rodrguez, A. (2009.) Qu es la Identidad? [Sitio Web en lnea].


Consultado el 01 de mayo de 2011. Disponible en:
http://www.gestiopolis.com/economia/importancia-de-la-identidadpersonal-y-social.htm

Saloma, Margarita. (2003). Historia del Diseo Grfico [Libro en lnea].


Universidad de Londres. Consultado el 29 de abril de 2011. Disponible en:
http://docs.google.com/viewer?a=v&q=cache:sH1vKANgT4YJ:www.astrap
h.com/udl/biblioteca/antologias/historia_diseno.pdf+Saloma,+Margarita.+h
istoria+del+dise%C3%B1o&hl=es&pid=bl&srcid=ADGEESj8VwOxHdsruu
GWeRCTUkmQxFyp7yxVxD8Bikf3rhS5o4Wlvj8RValRzL_bNL8_EkNnjTjaGQ3jCcLv_kE3e0io4mEVYH_Y2mKxVDsOwwRb4PKIBWr9FO0W0mOSQevVr9qnK&sig=AHIEtbT6y6plo5D97v3PI5vS4G3atlI_9Q

SAPI (2011). [Sitio Web en lnea]. Consultado el 01 de mayo de 2011.


Disponible en: http://www.sapi.gob.ve/index

16
6

Segura, Francisco. (2004) Branding: imprescindible si haces negocios en


internet. [Sitio Web en lnea]. Consultado el 29 de abril de 2011.
Disponible

en:

http://www.gestiopolis.com/canales2/marketing/1/webbranding.htm

Slideshare (1999). [Sitio Web en lnea]. Consultado el 29 de abril de 2011.


Disponible

en:

http://www.slideshare.net/ytoscontentos/el-lenguaje-

publicitario

Sistema de colores para la impresin, CMYK. [Sitio Web en lnea].


Consultado

el

01

de

mayo

de

2011.

Disponible

en:

http://www.digitalfotored.com/imagendigital/sistemacolores.htm

Sociedad informacin. [Sitio Web en lnea]. Consultado el 01 de mayo de


2011.

http://sociedadinformacion.fundacion.telefonica.com/url-direct/pdf-

generator?tipoContenido=articulo&idContenido=2010063019590001

Tamayo, M. El proceso de la Investigacin Cientfica. [Sitio Web en lnea].


Consultado el 28 de abril de 2011.

Teora del color. [Sitio Web en lnea]. Consultado el 29 de abril de 2011.


Disponible

en:

http://www.desenredate.com/articulos/teoria-psicologia-

color.php

Thompson, I. (2006). Definicin de Empresa. [Sitio Web en lnea].


Consultado el 29 de abril de 2011. Disponible en:
http://www.promonegocios.net/mercadotecnia/empresa-definicionconcepto.html

16
7

S-ar putea să vă placă și