CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

98
CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE QUITO AÑO 2017 - 2018 Proyecto de trabajo de graduación que se presenta como requisito para optar por el título de Tecnólogo en Diseño Gráfico. Autor: Elvia Mercedes Seaz Soto Tutor: Ing. Laura Cajamarca Quito, Diciembre 2017

Transcript of CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

Page 1: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

CARRERA DE DISEÑO GRÁFICO

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO

METROPOLITANO DE QUITO AÑO 2017 - 2018

Proyecto de trabajo de graduación que se presenta como requisito para optar

por el título de Tecnólogo en Diseño Gráfico.

Autor: Elvia Mercedes Seaz Soto

Tutor: Ing. Laura Cajamarca

Quito, Diciembre 2017

Page 2: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ii

ACTA DE APROBACIÓN DEL PROYECTO DE GRADO

Page 3: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

iii

LICENCIA DE USO NO COMERCIAL

Yo, Elvia Mercedes Seaz Soto portador de la cédula de ciudadanía signada con el No.

110439273-1 de conformidad con lo establecido en el Artículo 110 del Código de

Economía Social de los Conocimientos, la Creatividad y la Innovación (INGENIOS)

que dice: “En el caso de las obras creadas en centros educativos, universidades,

escuelas politécnicas, institutos superiores técnicos, tecnológicos, pedagógicos, de artes

y los conservatorios superiores, e institutos públicos de investigación como resultado de

su actividad académica o de investigación tales como trabajos de titulación, proyectos

de investigación o innovación, artículos académicos, u otros análogos, sin perjuicio de

que pueda existir relación de dependencia, la titularidad de los derechos patrimoniales

corresponderá a los autores. Sin embargo, el establecimiento tendrá una licencia

gratuita, intransferible y no exclusiva para el uso no comercial de la obra con fines

académicos. Sin perjuicio de los derechos reconocidos en el párrafo precedente, el

establecimiento podrá realizar un uso comercial de la obra previa autorización a los

titulares y notificación a los autores en caso de que se traten de distintas personas. En

cuyo caso corresponderá a los autores un porcentaje no inferior al cuarenta por ciento de

los beneficios económicos resultantes de esta explotación. El mismo beneficio se

aplicará a los autores que hayan transferido sus derechos a instituciones de educación

superior o centros educativos.”, otorgo licencia gratuita, intransferible y no exclusiva

para el uso no comercial del proyecto denominado Elaboración de una página web

corporativa para la empresa sublimación “Personalizalo.net” en el distrito metropolitano

de Quito año 2017-2018 con fines académicos al Instituto Tecnológico Superior

Cordillera.

FIRMA: ______________________________

NOMBRE: Elvia Mercedes Seaz Soto

CEDULA: 110439273-1

Quito, 12 de diciembre de 2017

Page 4: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

iv

AGRADECIMIENTO

En primer lugar agradezco a Dios por permitirme y darme una oportunidad más en la

vida de seguir adelante con mis metas, a mi familia por el apoyo en cada una de mis

decisiones tomadas a lo largo de mi vida.

Agradezco también al Instituto Tecnológico Cordillera por abrirme sus puertas, a cada

uno de los docentes que han impartido sus conocimientos experiencias con honestidad y

profesionalismo en mi carrera necesarios para desarrollarme como profesional.

Page 5: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

v

DEDICATORIA

Dedico este proyecto a mis padres porque han sido la base fundamental de apoyo para

seguir adelante, a mis hijos que son el pilar fundamental de mi vida por quieres lucharé

hasta cuando pueda ya que son el motor de cada día para seguir con mis metas.

Quiero demostrarles que haber llegado a este punto es muy satisfactorio de igual manera

que ellos se sientan orgullosos de mi persona.

Page 6: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

vi

ÍNDICE GENERAL

ACTA DE APROBACIÓN DEL PROYECTO DE GRADO ......................................... II

LICENCIA DE USO NO COMERCIAL ....................................................................... III

AGRADECIMIENTO .................................................................................................... IV

DEDICATORIA .............................................................................................................. V

ÍNDICE GENERAL ....................................................................................................... VI

ÍNDICE DE TABLAS .................................................................................................... IX

ÍNDICE DE FIGURAS ................................................................................................... X

RESUMEN EJECUTIVO .............................................................................................. XII

ABSTRACT ................................................................................................................. XIII

INTRODUCCIÓN ....................................................................................................... XIV

CAPÍTULO I .................................................................................................................... 1

ANTECEDENTES ....................................................................................................... 1

1.01. CONTEXTO .................................................................................................... 1

1.02. JUSTIFICACIÓN ............................................................................................ 2

1.03. DEFINICIÓN DEL PROBLEMA CENTRAL (MATRIZ T) ......................... 4

CAPÍTULO II ................................................................................................................... 5

ANÁLISIS DE INVOLUCRADOS ............................................................................. 5

2.01. MAPEO DE LOS INVOLUCRADOS ............................................................ 5

2.02. MATRIZ DE ANÁLISIS DE INVOLUCRACIÓN ........................................ 5

CAPÍTULO III .................................................................................................................. 7

PROBLEMAS Y OBJETIVOS .................................................................................... 7

Page 7: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

vii

3.01. ÁRBOL DE PROBLEMAS............................................................................. 7

3.02. ÁRBOL DE PROBLEMAS............................................................................. 7

3.03. ÁRBOL DE OBJETIVOS ............................................................................... 8

CAPÍTULO IV ................................................................................................................. 9

ANÁLISIS DE ALTERNATIVAS .............................................................................. 9

4.01. MATRIZ DE ANÁLISIS DE ALTERNATIVAS E IDENTIFICACIÓN DE

ACCIONES .............................................................................................................. 9

4.01.01. TAMAÑO DEL PROYECTO .................................................................. 10

4.01.02. LOCALIZACIÓN DEL PROYECTO ...................................................... 10

4.01.03. ANÁLISIS AMBIENTAL ........................................................................ 11

4.02. MATRIZ DE ANÁLISIS DE IMPACTO DE LOS OBJETIVOS ................ 12

4.03. DIAGRAMA DE ESTRATEGIAS ............................................................... 14

4.04. CONSTRUCCIÓN DE LA MATRIZ DE MARCO LÓGICO ..................... 15

CAPÍTULO V ................................................................................................................. 27

LA PROPUESTA ....................................................................................................... 27

5.01. ANTECEDENTES DE LA HERRAMIENTA Y PERFIL DE LA

PROPUESTA .......................................................................................................... 27

5.02. DESCRIPCIÓN DE LA HERRAMIENTA .................................................. 43

5.03. FORMULACIÓN DEL PROCESO DE APLICACIÓN ............................... 54

CAPÍTULO VI ............................................................................................................... 70

ASPECTOS ADMINISTRATIVOS ........................................................................... 70

6.01. RECURSOS ................................................................................................... 70

6.02. PRESUPUESTO ............................................................................................ 71

Page 8: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

viii

6.03. CRONOGRAMA ........................................................................................... 73

CAPÍTULO VII .............................................................................................................. 74

CONCLUSIONES Y RECOMENDACIONES ......................................................... 74

7.01. CONCLUSIONES ......................................................................................... 74

7.02. RECOMENDACIONES ................................................................................ 75

BIBLIOGRAFÍA ........................................................................................................ 77

ANEXOS ........................................................................................................................ 79

Page 9: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ix

ÍNDICE DE TABLAS

Tabla 1: Análisis de las Fuerzas T de la empresa Personalizalo.net, 2017 ..................... 4

Tabla 2: Análisis de Involucrados .................................................................................... 6

Tabla 3: Impacto de los Objetivos de la empresa "Personalízalo.net" .......................... 13

Tabla 4: Revisión de los Criterios para Indicadores ..................................................... 15

Tabla 5: Selección de Indicadores .................................................................................. 18

Tabla 6: Medios de Verificación .................................................................................... 20

Tabla 7: Supuestos .......................................................................................................... 22

Tabla 8: Matriz de Marco Lógico ................................................................................... 24

Tabla 9: Planificación .................................................................................................... 60

Tabla 10: Valores de gastos Operativos ......................................................................... 71

Tabla 11: Gastos de Aplicación del Proyecto ................................................................ 72

Tabla 12: Cronograma de actividades ........................................................................... 73

Page 10: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

x

ÍNDICE DE FIGURAS

Figura 1: Mapeo de involucrados de la empresa Personalizalo.net ................................ 5

Figura 2: Árbol de Problemas .......................................................................................... 7

Figura 3: Árbol de Objetivos ............................................................................................ 8

Figura 4: Matriz de Análisis de Alternativas e Identificación de Acciones ..................... 9

Figura 5: Fórmula de la muestra de la empresa “Personalízalo.net”, 2017 ................ 10

Figura 6: Mapa de ubicación de la empresa "Personalizalo.net", 2017 ....................... 11

Figura 7: Esta figura corresponde al Diagrama de estrategias ................................... 14

Figura 8: Empresa de sublimación sublimazone. Quito ................................................ 55

Figura 9: Empresa de sublimación sublimahouse. Quito .............................................. 55

Figura 10: Pantalla de inicio ......................................................................................... 56

Figura 11: Pantalla de inicio ......................................................................................... 56

Figura 12: Pantalla de nosotros ..................................................................................... 57

Figura 13: Pantalla de productos .................................................................................. 57

Figura 14: Pantalla de servicios .................................................................................... 58

Figura 15: Pantalla de videos ........................................................................................ 58

Figura 16: Pantalla de contactos ................................................................................... 59

Figura 17: Diagrama UML ............................................................................................ 59

Figura 18: Pruebas físicas ............................................................................................. 61

Figura 19: Pruebas alpha ............................................................................................... 61

Figura 20: Pruebas beta ................................................................................................. 62

Figura 21: Fan Page. ..................................................................................................... 66

Page 11: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

xi

Figura 22: Diseño de la tarjeta personal ....................................................................... 66

Figura 23: Flyer ............................................................................................................. 67

Figura 24: Instagram ...................................................................................................... 67

Figura 25: Publicidad Youtube ...................................................................................... 68

Figura 26: Post 1 ............................................................................................................ 68

Figura 27: Post 2 ............................................................................................................ 69

Page 12: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

xii

RESUMEN EJECUTIVO

La elaboración de una página web corporativa para la empresa de sublimación

"Personalizalo.net" en el Distrito Metropolitano de Quito Año 2017– 2018 servirá como

un medio para dar a conocer los productos y servicios que ofrece la empresa. A través

de este medio tecnológico que es de las nuevas tecnologías que ayudan al marketing de

las pequeñas empresas que buscan sobresalir en este mercado cada vez más

competitivo. El diseño de la página web implicó tener conocimientos actuales de diseño

para que la página web represente a la empresa y sea llamativa al futuro usuario. Con el

uso de una encuesta se pudo conocer las principales necesidades y opiniones de la

creación de una página web. Como conclusión se llegó a que la página web diseñada

tiene una interfaz gráfica llamativa, una estructura, accesibilidad y organización

adecuadas al producto que se desea publicitar.

Palabras claves: página web, marketing, sublimación, empresa.

Page 13: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

xiii

ABSTRACT

The creation of a corporate website for the sublimation company "Personalizalo. net" in

the Metropolitan District of Quito Year 2017 - 2018 will serve as a means to publicize

the products and services offered by the company. Through this technological means

which is new technologies that help the marketing of small businesses seeking to excel

in this increasingly competitive market. The design of the web page involved having

current knowledge of design so that the web page represents the company and is

attractive to the future user. Using a survey, the main needs and opinions of the creation

of a web page could be identified. As a conclusion, the web page designed has an

attractive graphic interface, structure, accessibility and organization appropriate to the

product to be advertised.

Keywords: website, marketing, sublimation, company.

Page 14: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

xiv

INTRODUCCIÓN

La página Web se refiere a un documento en el que se encuentra en una red

informática donde se puede acceder por medio de enlaces de hipertexto, dentro de una

página existen elementos que sirven para acceder diferente información.

El tema de este proyecto se refiere a la elaboración de una página web

corporativa para una empresa que se dedica a la sublimación dentro del distrito

Metropolitano de Quito.

Dentro del proyecto en el Capítulo I se realizará una referencia con respecto a

los Antecedentes con respecto a la página Web, así como el contexto y la Justificación.

Capítulo II se realizará y definirán el análisis de los Involucrados dentro de ellos

encontrándose el Mapeo de los Involucrados y la Matriz de Análisis de los

Involucrados. Capítulo III contiene la descripción de los problemas y objetivos.

Capítulo IV contiene la descripción del análisis de Alternativas como es la matriz de

Análisis de Alternativas e Identificación de Acciones identificando las estrategias

alternativas. Capítulo V se realizará y definirán la propuesta, dando un resumen de los

antecedentes acerca de la herramienta y perfil de la propuesta. Capítulo VI contiene la

descripción los aspectos administrativos que se han utilizado para la realización de este

proyecto que es la elaboración de la página web. Capítulo VII contiene las conclusiones

y recomendaciones finales referentes al proyecto realizado.

Page 15: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

1

CAPÍTULO I

ANTECEDENTES

1.01. Contexto

En los países más desarrollados, está demostrado que la intensidad en la

aplicación de nuevas tecnologías y la incorporación de un sitio web, está correlacionado

de manera positiva con el incremento de las ventas. “La productividad y el valor de

mercado de las empresas. Desde el punto de vista de mercadeo, una página web puede

proporcionar un sin fin de posibilidades a un costo extremada y relativamente bajo”

(Mendieta, 2014).

Sin duda alguna el portal web, es un complemento de mucha importancia para

toda empresa que piensa en el progreso y que busca extenderse utilizando como medio

principal esta potente herramienta que va en crecimiento. En definitiva una página web,

es como tener una sucursal u oficina de nuestra empresa abierta al público en general las

24 horas y 365 días al año ofreciendo información importante a clientes potenciales que

buscan lo que ofrecemos sin importar en qué lugar del mundo se encuentren, ya que su

empresa será conocida.

“Personalizalo.net”, nació en el 2010 y desde ese año ha venido desarrollando

soluciones en regalos personalizados y promocionales con técnicas innovadoras y

servicio personalizado, que le han permitido destacarse en el sector de centros

comerciales.

Sus operaciones las realizan en centros comerciales como “Centro Comercial

Iñaquito”, “San Luis Shopping”, “Centro Comercial El Recreo”, “Paseo San Francisco

Cumbayá” y en la ciudad de Guayaquil se encuentra en “Riocentro Los Ceibos” y en el

Page 16: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

2

“Riocentro de la ciudad Comercial El Dorado”. La empresa cuenta con de 215.000

productos entregados, más de 15.000 clientes individuales y 100 clientes corporativos.

Con lo que se refiere visión como empresa “Personalizalo.net”, se propone

reforzar la imagen y las ventas, para ser la primera tienda on line de regalos

personalizados en el Ecuador, clientes reiterativos, fieles y con su testimonio crecer con

la publicidad testimonial, dando énfasis, a la capacidad de integrar las emoción, el

interés y el sentimiento en un regalo personalizado.

1.02. Justificación

El portal web es una herramienta atractiva y funcional para los clientes, ya que

transmite imagen y calidad de la empresa. El presente trabajo se enfoca en el diseño de

una página para aumentar el nivel de ventas, en la cual los clientes podrán realizar los

pedidos, personalizar sus recuerdos y regalos de una manera rápida; es por tal razón que

la implementación de la página repotencie e incremente las ventas.

El portal web, es una alternativa eficaz y viable, no importa el tamaño de la

empresa, es de suma importancia el poder alcanzar a sus clientes de una manera masiva

y sencilla; si bien es cierto que existen muchas redes sociales en las que te puedes

anunciar de forma gratuita o pagada, el tener un sitio web eleva el prestigio propio de la

empresa y permite a clientes incrementar el nivel de confianza hacia su producto o

servicio.

El diseño y desarrollo surge para dar un apoyo y facilidad al cliente, el mismo

que en muchas ocasiones (especialmente en épocas altas de ventas de regalos) no

pueden ser atendidos de manera personal en las islas que tiene la empresa en los centros

Page 17: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

3

comerciales; esta deficiencia en el proceso implica no poder realizar rápido la toma de

pedidos, dando como efecto una mala venta y demora en la entrega del regalo

personalizado, siendo esto una incomodidad para el cliente y también para la empresa,

ya que pierde una venta o ventas a fututo, afectando sus ventas y el ingreso de capital a

fututo.

Frente a este panorama la empresa quiere dar un aporte, que no solo brinde un

beneficio y facilite al cliente en hacer sus pedidos; sino más bien que sea una palanca

que desarrolle, que eleve las ventas y de al cliente una oportunidad de personalizar su

regalo y llegar en menos tiempo a su destino.

Con esta página, se optimizará tiempos, recursos, y elevar las ventas de la

empresa, de esta manera se le eliminará las colas en los centros comerciales (tiempos

muertos), él mismo podrá hacer sus pedidos en línea bajo las condiciones (personalizar

el regalo) que haga y puede retirar su obsequio en la isla que le resulte más cercana, o

puede ser enviada a domicilio.

Esta investigación tiene relación con el “objetivo número siete Plan Nacional del

Buen Vivir que dice: “Mejorar la calidad de vida de la población” (Senplades, 2013,

pág. 123) (Senplades, 2013, pág. 159). En base a lo expuesto, el proyecto como

definición tiene el mejorar los procesos de pedido, venta, y entrega a sus clientes; razón

por la cual el mejorar y satisfacer sus expectativas se da como resultado un mejor

servicio, mejora las motivaciones tanto de los clientes internos como externos, que son

pilares que dan un inicio a mejorar el estado de ánimo y por ende el mejorar la calidad

de vida de los ecuatorianos.

Page 18: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

4

1.03. Definición del problema central (Matriz T)

El análisis de Campo de Fuerzas es una herramienta que permite identificar las

fuerzas positivas (dinamizadoras) y negativas (“frenadoras”) del cambio. Es utilizado

cuando se quieren encontrar los factores que apoyan o van en contra de la solución de

un asunto o problema para que lo positivo pueda reforzarse y/o lo negativo pueda ser

eliminado o reducido (Lewin, 2010, pág. 2)

Tabla 1: Análisis de las Fuerzas T de la empresa Personalizalo.net, 2017

Elaborado por: Elvia Seaz

Análisis de las fuerzas T

Situación Empeorada Situación Actual Situación mejorada

Decrecimiento y baja en las

ventas de la empresa en las islas

de los centros comerciales.

Deficiencia en el proceso de

toma de pedidos en las islas de

los centros comerciales

Incremento en ventas

Fuerza impulsadora I PC I PC Fuerza bloqueadora

Portal web optimizado, con

aplicaciones que permita hacer

pedidos y pagos en línea.

2 4 4 3 Diseño de web poco

llamativa, difícil de

comprender y uso complejo

para el cliente.

Concientizar mediante charlas

informativas sobre importancia

del contar con una página web.

3 5 5 2 Tiempo limitado para la

estructura, diseño y ejecución

del proyecto.

Elaboración de piezas

publicitarias informativas

2 4 3 1 Presupuesto bajo para la

aplicación de la pagina

Interés y apoyo por parte de los

dueños.

2 5 4 2 Intereses personales de los

socios, desacuerdos del

grupo.

Aceptación e involucramiento

por parte de los empleados de las

islas de los centros comerciales,

3 4 4 3 Desinterés, por parte de los

empleados

Page 19: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

5

CAPÍTULO II

ANÁLISIS DE INVOLUCRADOS

2.01. Mapeo de los Involucrados

En el mapeo de involucrados se representan de manera gráfica todos los actores

o involucrados, que influyen o están beneficiados del tema del proyecto.

Se detalla a los involucrados organizados desde el mayor al menor de los aportes. En sentido horario, es

decir por nuestra derecha.

Figura 1: Mapeo de involucrados de la empresa Personalizalo.net

Elaborado por: Elvia Seaz

2.02. Matriz de Análisis de Involucración

La participación de las personas beneficiarias o interesadas en el proyecto desde

el principio de la planificación es importante. Identificar los grupos y organizaciones

relacionadas directa o indirectamente con el problema y analizar su comportamiento y

Municipio de Quito

Investigador

Proveedores

Cámara de

Comercio

electrónico del

Ecuador

Instituto Ecuatoriano de propiedad

Intelectual (IEPI)

Clientes

ELABORACIÓN DE UNA

PÁGINA WEB CORPORATIVA

PARA LA EMPRESA

SUBLIMACIÓN

"PERSONALIZALO.NET" EN EL

DISTRITO METROPOLITANO DE

QUITO AÑO 2016 - 2017

Empleados

Page 20: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

6

acciones con respecto al proyecto, permitirá darle mayor objetividad al proceso de

planificación y conciliar acuerdos. Además de fomentar un sentido de pertenencia por

parte de los beneficiarios (López, 2000).

Tabla 2: Análisis de Involucrados

Elaborado por: Elvia Seaz

Actores

Involucrados Interés Sobre

el problema

Problemas Percibido

Recursos

Mandatos y

Capacidades

Interés Sombre

el proyecto

Conflicto

Potencial

Investigador

Mejorar la

eficiencia de la

empresa

Deficiencia en el

proceso de

ventas

Recursos

Materiales

Técnicos

Humanos

Financieros

Capacidades

interpersonal

Diseño de

página Web

Limitado

tiempo para la

realización del

producto.

IEPI

(Instituto

Ecuatoriano

de la

Propiedad

Intelectual)

Legalización y

protección de la

propiedad

intelectual del

proyecto

Proyectos con

piezas, logos de

otros autores.

Mandatos:

Reglamento a

la ley de

propiedad

intelectual

(decreto no.

508)

conexos art.7

Correcto

proceso de

legalización

del proyecto y

proclamación

de autoría.

Cancelación del

proyecto

Empleados Mejoras de los

sueldos

Comisiones

bajas

Deberes

Derechos

Obligaciones

Incremento de

los ingresos

Inconformidad

con las

propuestas

Municipio de

Quito

Cumplan con

las leyes y

ordenadas

municipales

Incumplimiento

de normativas

Leyes

Artículo 19

de Uso de

suelo

Artículo 2 de

patente

municipal

Legalizar toda

actividad

comercial en

el distrito

Demoras en los

tramites y

multas

Cámara de

Comercio

electrónico

de Ecuador

Regularizar las

actividades

comerciales en

la web.

Deficiencias en

los procesos de

legalización y

cumplimiento de

normativas

Mandatos.

Reglamento

del Mintel,

Art 9 –art 12

Cumplimento

de las leyes,

normas y

reglamentos

Incumplimiento

y multas,

suspensión y

cierres

Clientes Acceso a

nuevos

productos

No existe

variedad

Recursos

Materiales

Humanos

Nuevos

productos

Demora en la

entrega

Proveedores Disponibilidad

de insumos y

materiales

No hay mucha

salida de

mercadería

Recursos

Materiales

Mas compras

de materiales

No

disponibilidad

en bodega

Page 21: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

7

CAPÍTULO III

PROBLEMAS Y OBJETIVOS

3.01. Árbol de Problemas

Es una ayuda importante para entender la problemática que debe resolverse. En

este esquema tipo árbol se expresan las condiciones negativas detectadas por los

involucrados relacionadas con un problema concreto (en una sucesión encadenada tipo

causa/efecto) (Rovayo, 2014).

3.02. Árbol de Problemas

Efectos

Problema

Central

Causas

Figura 2: Árbol de Problemas

Elaborado por: Elvia Seaz

Confusión de los

clientes en la

información

Deficiencias informativas y gráficas para los pedidos en las

islas de los centros comerciales

Marca de la

empresa poco

recordada por parte

de sus clientes

Poca credibilidad de

la empresa.

Arquitectura de la

información

inconclusa en

artículos

informativos

Línea grafica mal

utilizada en

productos

promocionales

Mal uso de las redes

sociales (YouTube,

Facebook, twitter)

Disminución de los

clientes

Pérdida de fidelidad

y confianza por

parte de los clientes

Desinterés por parte

de los clientes

Información

relevante dificultad

de encontrar para el

cliente

Colores poco

enfocados al cliente

Poca actividad en

redes sociales

(Facebook)

Page 22: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

8

3.03. Árbol de Objetivos

Como se explica en el punto anterior, el árbol de objetivos no es la colocación de

los enunciados del árbol de problemas, pero en condición de positivo o solución de los

problemas.

Fines

Propósito

Medios

Figura 3: Árbol de Objetivos

Elaborado por: Elvia Seaz

Eficiencia informativa y gráfica para los pedidos en

las islas de los centros comerciales

Facilidad para el

cliente de encontrar

información

relevante

Arquitectura de la

información

completa

Mucha actividad en

las redes sociales

Buen uso de las

redes sociales

Línea grafica

óptima para la

promoción de los

productos

Aumento de ventas

Incremento en el

ingreso económico

de la empresa

Colores enfocados

al cliente

Fidelidad del cliente

Aumento de

credibilidad de la

empresa

Conformidad y

Satisfacción del

cliente

Ingreso de pedidos

a tiempo y con

eficiencia

Page 23: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

9

CAPÍTULO IV

ANÁLISIS DE ALTERNATIVAS

4.01. Matriz de Análisis de Alternativas e Identificación de Acciones

El análisis de alternativas consiste en identificar estrategias alternativas a partir

del “Árbol de Objetivos”, que si son ejecutadas, podrían promover el cambio de la

situación actual a la situación deseada (Lewin, 2010).

Figura 4: Matriz de Análisis de Alternativas e Identificación de Acciones

Elaborado por: Elvia Seaz

Facilidad de

encontrar

información

relevante.

Arquitectura de la

información

completa.

-Buscar un estilo que

se centre en el tema

del proyecto.

-Crear propuestas

gráficas de posibles

diseños para el portal.

-Elegir el diseño

adecuado en armonía

con los colores para el

cliente externo.

-Trabajar con

multimedia.

-Actualizar la

plataforma de

contenidos

-Establecer

conexiones entre redes

sociales y el portal

web.

Buen uso de las

redes sociales.

Línea grafica

óptima para la

promoción de los

productos.

- Investigar la

usabilidad del

portal web

-Conocer al público.

-Recopilar

información. -Organizar la

información.

-Diseñar y crear el

portal web.

Colores enfocados

al cliente.

Mucha actividad en

las redes sociales.

Page 24: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

10

4.01.01. Tamaño del proyecto

El proyecto a realizar está desarrollado para uso de personas con edad entre 18 a

50 años de ambos géneros; de un estatus económico medio a alto y que tengan acceso a

Internet; dicho margen de edad está tomada en vista que son las edades que más se

acercan a las islas en los centros comerciales.

El grupo objetivo ha sido escogido de acuerdo a las características esenciales

que necesita el proyecto con en fundamento a su objetivo. El universo es de 156.000

personas, aplicando la fórmula para la obtención de la muestra su resultado es de 384,

así como se puede observar en la siguiente captura de pantalla.

Figura 5: Fórmula de la muestra de la empresa “Personalízalo.net”, 2017

Fuente: Netquest. (s.f.). Recuperado el 2 de febrero de 2017, de:

https://www.netquest.com/es/panel/calculadora-muestras/calculadoras-estadisticas

4.01.02. Localización del proyecto

La creación del portal web para la empresa Personalízalo.net, se fundamenta

principalmente en sus islas en los centros comerciales, para tal caso se selecciona el

Centro Comercial El Recreo, centro comercial ubicado en el centro sur de la ciudad de

Page 25: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

11

Quito, al cual llegan clientes del norte, centro y sur de la ciudad de Quito. Sus límites

son la Avenida Pedro Vicente Maldonado, Quito EC170111.

Figura 6: Mapa de ubicación de la empresa "Personalizalo.net", 2017

Fuente: Google. (2017). Recuperado el 2 de febrero de 2017, de:

https://www.google.com.ec/maps/place/Centro+Comercial+El+Recreo/@-0.2522047,-

78.5248844,16.75z/data=!4m5!3m4!1s0x0:0x77d42af37adda941!8m2!3d-0.2522466!4d-78.5222969

4.01.03. Análisis ambiental

La contaminación ambiental es producida por los cambios físicos y químicos

que perjudica en un alto grado al medio ambiente (Ladines, 2014). Sin embargo,

existen elementos naturales y artificiales modificados por la acción humana para tratar

de mejorar nuestro entorno.

Partiendo de esta definición al momento de implementar el portal web se deben

de realizar un control de las causas que podría provocar la contaminación, de esta

forma disminuir la contaminación ambiental.

Page 26: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

12

4.01.03.01. Impacto positivo

La realización del portal web no afectará al medio ambiente, por la razón que su

diseño y creación es 100% digital, su publicidad será en medios digitales y visuales,

para estos se usarán tintas no tóxicas y así evitar la contaminación al medio ambiente.

4.01.03.02. Impacto Negativo

Al diseñar el portal web, tiene un efecto de acuerdo al uso del computador, que

producen CO2 (Dióxido de Carbono) como todo aparato electrónico en funcionamiento.

Al momento de imprimir, el material para el proyecto como flyers, afiches,

lona, entre otros, un ligero porcentaje será desecho y/o basura lo cual será considerado

contaminante al medio ambiente; se determinará un control para evitar la producción

excesiva, haciendo uso de papel cuché de 110 gramos que igual se demora en la

degradación pero menos que la lona que afecta más al medio ambiente.

4.02. Matriz de análisis de impacto de los objetivos

Es una matriz que permite analizar el impacto que generarán los objetivos

planteados, se considera también las diferentes factibilidades tales como la técnica,

financiera, social y política con lo cual se obtendrá un total y se podrá categorizar según

su prioridad.

Page 27: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

13

Tabla 3: Impacto de los Objetivos de la empresa "Personalízalo.net"

En la tabla que antecede encontramos la siguiente nomenclatura: Fact. = Factibilidad, T = Total y

Cat.=Categoría. Que muestra el impacto los objetivos que hayamos ejecutado el proyecto.

Elaborado por: Elvia Seaz

Total:

Alto: 21 a 25

Medio: 16 a 20

Bajo: 0 a 15

Objetivos

Impacto

sobre el

Propósito

Fact.

Técnica

Fact.

Financiera

Fact.

Social

Fact.

Política T. Cat.

Incentivar el uso del portal

para pedidos, regalos, pagos

y envíos.

5 5 5 5 4 24 Alta

Implementar material

informativo para dar a

conocer el portal Web

4 4 5 5 3 21 Alta

Crear diseños innovadores en

los regalos, empaques y

etiquetas.

4 5 5 5 3 22 Alta

Implementar estrategias

publicitarias adecuadas y

efectivas.

4 5 5 5 4 23 Alta

Diseñar el portal web en

función y enfocado a los

clientes.

5 5 5 5 4 24 Alta

Diseñar y aplicar material

gráfico de alta calidad, que

sea aceptado por el cliente

5 5 5 5 5 25 Alta

Page 28: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

14

4.03. Diagrama de estrategias

El diagrama como estrategia del proyecto colocamos lo que teníamos en el

Análisis de Alternativas contemporáneo. Analizar el papel del diagrama y su relación

con el proceso de proyecto.

Figura 7: Esta figura corresponde al Diagrama de estrategias

Elaborado por: Elvia Seaz

(A1) Facilidad para

el cliente de

encontrar

información

relevante

(A) Mucha

actividad en las

redes sociales

(A2) Colores

enfocados al cliente

(C1) Diseño virtual

de la información

completa

(C3) Buen uso de

las redes sociales

(C2) Línea gráfica

óptima para la

promoción de los

productos

(F 1) Aumento de

ventas

(P) Eficiencia informativas y gráficas para los

pedidos en las islas de los centros comerciales

(F 2) Conformidad

y Satisfacción del

cliente

(a1.1) Investigar la

usabilidad del

portal web

(a1.2) Conocer al

público objetivo.

(a1.3) Recopilar

información. (a1.4) Organizar la

información.

(a1.5) Diseñar y crear

el portal web

(F 3) Ingreso de

pedidos a tiempo y

con eficiencia

(a2.1) Buscar un estilo

adecuado con el tema

del proyecto.

(a2.2) Crear

propuestas gráficas

de posibles diseños

para el portal.

(a2.3) Elegir el diseño

adecuado en armonía

con los colores para el

cliente externo.

(a3.1) Trabajar con

multimedia.

(a3.2) Actualizar la

plataforma de

contenidos

(a3.3) Establecer

conexiones entre redes

sociales y el portal

web

Page 29: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

15

4.04. Construcción de la matriz de marco lógico

Es una metodología que tiene el poder de comunicar los objetivos de un

proyecto clara y comprensiblemente en un sólo marco o matriz (Stake Holders, 2014).

Su poder reside en que puede incorporar todas las necesidades y puntos de vista de los

actores involucrados en el proyecto y su entorno.

4.04.01 Revisión de los criterios para indicadores

Esta tabla representa los criterios para los indicadores.

Tabla 4: Revisión de los Criterios para Indicadores

Nivel Resumen Narrativo Indicador

Meta

Cantidad Calidad Tiempo Lugar Grupo

Social

Fin

ali

da

des

(F1.). Aumento de

ventas

Al final del primer

año de poner en

marcha el portal web

las ventas se

incrementan en un

25%, en

comparación a las

ventas actuales.

96 Alta 12

meses

Islas

de CC

H/M

18-50

años

(F2.).Conformidad y

Satisfacción del

cliente

En un año se

mejorará la

satisfacción del

cliente en 80%, el

cual será medido en

base a encuestas a

los consumidores.

307 Alta 12

meses

Islas

de CC

H/M

18-50

años

(F3.). Ingreso de

pedidos a tiempo y

con eficiencia.

Al finalizar el

primer año se

mejoran en 90% las

entregas a tiempo y

sin reclamos que

será medido

mediante encuestas a

los clientes.

347 Alta 12

meses

Islas

de CC

H/M

18-50

años

Pro

sito

(P1.). Eficiencia

informativa y gráfica

para los pedidos en las

islas de los centros

comerciales.

Al finalizar el año de

puesta en marcha del

portal en 90% de los

clientes percibe la

eficiencia del

proceso de ventas y

entrega

347 Alta 12

meses

Islas

de CC

H/M

18-50

años

Page 30: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

16

Nivel Resumen Narrativo Indicador

Meta

Cantidad Calidad Tiempo Lugar Grupo

Social

Co

mp

on

ente

s

(C1.).

Arquitectura de la

información

completa.

Se ubicará la

información de tal

manera que sea

entendible para el

usuario.

1 Alta 7 días Islas

de CC

H/M

18-50

años

(C2.). Línea

grafica óptima

para la promoción

de los productos.

Se seguirá la línea

gráfica establecida en

el manual corporativo,

para no distorsionar su

imagen.

1 Alta 7 días Islas

de CC

H/M

18-50

años

(C3.). Buen uso de

las redes sociales.

Se optimizará en base

a aplicaciones web. 1 Alta 1 año

Islas

de CC

H/M

18-50

años

Act

ivid

ad

es

(A1.). Facilidad

para el cliente de

encontrar

información

relevante

Sólo se ubicará

información relevante. 1 Alta 7 días

Islas

de CC

H/M

18-50

años

(a1.1.). Investigar

la usabilidad del

portal web

Los empleados

levantando la

información

1 Alta 7 días Islas

de CC

H/M

18-50

años

(a1.2.). Conocer al

público.

Aplicar las encuestas.

35 Alta 2 días

Islas

de CC

H/M

18-50

años

(a1.3.). Recopilar

información

Tabulación de

encuestas

1 Alta 2 días Islas

de CC

H/M

18-50

años

(a1.4.). Organizar la

información Análisis de encuestas

1 Alta 2 días

Islas

de CC

H/M

18-50

años

(a1.5.). Diseñar y

crear el portal web

Propuesta en base a los

resultados obtenidos

1 Alta 1 meses Islas

de CC

H/M

18-50

años

(A2) Colores

enfocados al

cliente

Diseños adecuados al

grupo objetivo. 1 Alta 2 días

Islas

de CC

H/M

18-50

años

(a2.1.) Buscar un

estilo adecuado con

el tema del proyecto.

Existe relación de las

gráficas hacia al tema

del portal web

1 Alta 2 días Islas

de CC

H/M

18-50

años

(a2.2.).Crear

propuestas

gráficas de

posibles diseños

para el portal

Se creará diversas

propuestas en bocetos

previos a su

digitalización.

1 Alta 2

semanas

Islas

de CC

H/M

18-50

años

Page 31: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

17

Elaborado por: Elvia Seaz

4.04.02. Selección de indicadores

Los indicadores son parte de la evolución que se ha realizado dentro de una

investigación según Fernández (2015) define como “una recogida sistemática de

información, centrada en los que se ha llamado indicadores” estos son los que brindan

una información exacta para que se cumpla el progreso hacia el logro de los objetivos

establecidos en el proyecto. En la tabla de selección de indicadores está expuesto la

calificación son llamados indicadores de importancia.

Nivel Resumen Narrativo Indicador

Meta

Cantidad Calidad Tiempo Lugar Grupo

Social

(a2.3.). Elegir el

diseño adecuado en

armonía con los

colores para el

cliente externo

Mejor elección de

acuerdo a los gustos y

usabilidad del

proyecto.

4 Alta 2 días Islas

de CC

H/M

18-50

años

(A3). Generar

actividad en las

redes sociales

Mediante un

cronograma

organizado se

publicará publicidad

en redes sociales.

4 Alta 1semana Islas

de CC

H/M

18-50

años

(a3.1). Trabajar

con multimedia.

Se creará multimedios

para promocionar la

empresa.

1 Alta 2 meses Islas

de CC

H/M

18-50

años

(a3.2.). Actualizar

la plataforma de

contenidos

Se recomendará a la

empresa mantener la

web actualizada,

1 Alta Indefinido Islas

de CC

H/M

18-50

años

(a3.3). Establecer

conexiones entre

redes sociales y el

portal web

Los usuarios se

mantuvieron al día

mediante información

y publicidad oportuna

en redes sociales.

1 Alta Indefinido Islas

de CC

H/M

18-50

años

Page 32: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

18

Tabla 5: Selección de Indicadores

Nivel Resumen Narrativo Indicadores

Clasificadores de

Indicadores Puntaje Selección

A B C D E

Fin

ali

dad

es

(F1.). Aumento de ventas

Al final del primer año de

poner en marcha el portal

web las ventas se

incrementan en un 25%, en

comparación a las ventas

actuales.

X X X X X 5 Alto

(F2.).Conformidad y

Satisfacción del cliente

En un año se mejorará la

satisfacción del cliente en

80%, el cual será medido en

base a encuestas a los

consumidores.

X X X X X 5 Alto

(F3.). Ingreso de pedidos a

tiempo y con eficiencia.

Al finalizar el primer año se

mejora en 90% las entregas

a tiempo y sin reclamos que

será medido mediante

encuestas a los clientes.

X X X X 4 Alto

Pro

sito

(P1.). Eficiencia

informativa y gráfica para

los pedidos en las islas de

los centros comerciales.

Al finalizar el año de puesta

en marcha del portal en 90%

de los clientes percibe la

eficiencia del proceso de

ventas y entrega

X X X X X 5 Alto

Co

mp

on

ente

s

(C1.). Arquitectura de la

información completa.

Se ubicará la información de

tal manera que sea

entendible para el usuario.

X X X X X 5 Alto

(C2.). Línea grafica óptima

para la promoción de los

productos.

Se seguirá la línea gráfica

establecida en el manual

corporativo, para no

distorsionar su imagen.

X X X X X 5 Alto

(C3.). Buen uso de las

redes sociales.

Se optimizará en base a

aplicaciones web. X X X X X 5 Alto

Page 33: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

19

Nivel Resumen Narrativo Indicadores

Clasificadores de

Indicadores Puntaje Selección

A B C D E

Act

ivid

ad

es

(A1.). Facilidad para el

cliente de encontrar

información relevante

Sólo se ubicará información

relevante. X X X X 4 Alto

(a1.1.). Investigar la

usabilidad del portal

web

Los empleados levantando la

información X X X X X 5 Alto

(a1.2.). Conocer al

público.

Aplicar las encuestas.

X X X X X 5 Alto

(a1.3.). Recopilar

información

Tabulación de encuestas

X X X X X 5 Alto

(a1.4.). Organizar la

información

Análisis de encuestas

X X X X 4 Alto

(a1.5.). Diseñar y crear el

portal web

Propuesta en base a los

resultados obtenidos X X X X X 5 Alto

(A2) Colores enfocados

al cliente

Diseños adecuados al grupo

objetivo. X X X X 4 Alto

(a2.1.) Buscar un estilo

adecuado con el tema del

proyecto.

Existe relación de las gráficas

hacia al tema del portal web

X X X X X 5 Alto

(a2.2.).Crear propuestas

gráficas de posibles

diseños para el portal

Se creará diversas propuestas

en bocetos previos a su

digitalización.

X X X X X 5 Alto

(a2.3.). Elegir el diseño

adecuado en armonía con

los colores para el cliente

externo

Mejor elección de acuerdo a

los gustos y usabilidad del

proyecto.

X X X X X 5 Alto

(A3). Generar actividad

en las redes sociales

Mediante un cronograma

organizado se publicará

publicidad en redes sociales.

X X X X 4 Alto

(a3.1). Trabajar con

multimedia.

Se creará multimedios para

promocionar la empresa.

X X X X X 5 Alto

(a3.2.). Actualizar la

plataforma de contenidos

Se recomendará a la empresa

mantener la web actualizada.

X X X X X 5 Alto

(a3.3). Establecer

conexiones entre redes

sociales y el portal web

Los usuarios deben

mantenerse al día mediante

información y publicidad

oportuna en redes sociales.

X X X X 4 Alto

En la clasificación de indicadores se marcó según la siguiente nomenclatura: A = Es clara, B = Existe

información disponible, C = Es tangible y se puede observar, D = La tarea de recolectar datos está al

alcance y no requiere de expertos y E = Si es representativo para nuestro estudio. Por otro lado para la

selección se ha utilizado los siguientes valores: 4 y 5 = alta, 2 y 3 = media y 0 y 1 = baja

Elaborado por: Elvia Seaz

4.04.03. Medios de verificación

Así según López (2015) “los medios de verificación indican dentro de la matriz

de marco lógico un medio para obtener información acerca de los indicadores, por esto

Page 34: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

20

es necesario tomas algunas precauciones al momento de redactarlo” confirma que los

medios de verificación responden a las preguntas de quien los necesita, ¿por qué?

¿Cuándo? y ¿Con qué grado de detalle? Todas estas preguntas son útiles para la futura

supervisión y finalmente la evaluación del proyecto, por ello es tener una buena

redacción no es el único factor que se debe tener en cuenta sino que debe contar como

todos los requerimientos.

Tabla 6: Medios de Verificación

Nivel Resumen

Narrativo Indicador

Medios de Verificación

Fuente de

Información

Método de

Recolección

Método de

Análisis

Frecuencia

de

Recolección

Responsable

Fin

ali

da

des

(F1.). Aumento de

ventas

Al final del

primer año de

poner en marcha el portal web las

ventas se

incrementan en un 25%, en

comparación a

las ventas actuales.

Primaria Encuesta Cuantitativo 2 meses Investigador

(F2.).Conformidad

y Satisfacción del cliente

En un año se

mejorará la

satisfacción del cliente en 80%,

el cual será

medido en base

a encuestas a los

consumidores.

Primaria Encuesta Cuantitativo 2 meses Investigador

(F3.). Ingreso de

pedidos a tiempo y

con eficiencia.

Al finalizar el

primer año se mejora en 90%

las entregas a

tiempo y sin reclamos que

será medido

mediante encuestas a los

clientes.

Primaria Encuesta Cuantitativo 6 meses Investigador

Pro

sito

(P1.). Eficiencia

informativa y gráfica para los

pedidos en las islas

de los centros comerciales.

Al finalizar el

año de puesta en

marcha del portal en 90%

de los clientes

percibe la eficiencia del

proceso de

ventas y entrega

Primaria Encuesta Cuantitativo 6 meses Investigador

Page 35: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

21

Nivel Resumen

Narrativo Indicador

Medios de Verificación

Fuente de

Información

Método de

Recolección

Método de

Análisis

Frecuencia

Recolección Responsable

Co

mp

on

en

tes

(C1.). Arquitectura de

la información

completa.

Se ubicará la información de

tal manera que

sea entendible para el

usuario.

Primaria Encuesta Cuantitativo 6 meses Investigador

(C2.). Línea grafica óptima

para la

promoción de los productos.

Se seguirá la línea gráfica

establecida en

el manual corporativo,

para no

distorsionar su imagen.

Secundaria Doc. Cualitativo 6 meses Investigador

(C3.). Buen uso

de las redes

sociales.

Se optimizará

en base a

aplicaciones

web.

Secundaria Doc. Cualitativo 6 meses Investigador

Acti

vid

ad

es

(A1.). Facilidad

para el cliente de encontrar

información

relevante

Sólo se

ubicará información

relevante.

Secundaria Doc. Cualitativo 6 meses Investigador

(a1.1.).

Investigar la

usabilidad del portal web

Los

empleados

levantando la información

Secundaria Doc. Cualitativo 6 meses Investigador

(a1.2.). Conocer

al público.

Aplicar las

encuestas.

Secundaria Doc. Cualitativo 6 meses Investigador

(a1.3.).

Recopilar información

Tabulación de

encuestas

Secundaria Doc. Cualitativo 6 meses Investigador

(a1.4.).

Organizar la

información

Análisis de

encuestas

Secundaria Doc. Cualitativo 6 meses Investigador

(a1.5.). Diseñar y crear el portal

web

Propuesta en

base a los

resultados obtenidos

Secundaria Doc. Cualitativo 6 meses Investigador

(A2) Colores

enfocados al

cliente

Diseños

adecuados al grupo

objetivo.

Secundaria Doc. Cualitativo 6 meses Investigador

(a2.1.) Buscar

un estilo

adecuado con el

tema del

proyecto.

Existe relación

de las gráficas hacia al tema

del portal web

Secundaria Doc. Cualitativo 6 meses Investigador

(a2.2.).Crear

propuestas

gráficas de posibles diseños

para el portal

Se creará

diversas propuestas en

bocetos

previos a su digitalización.

Secundaria Doc. Cualitativo 6 meses Investigador

(a2.3.). Elegir el

diseño adecuado

en armonía con

los colores para

el cliente

externo

Mejor elección

de acuerdo a los gustos y

usabilidad del proyecto.

Secundaria Doc. Cualitativo 6 meses Investigador

Page 36: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

22

Nivel Resumen

Narrativo Indicador

Medios de Verificación

Fuente de

Información

Método de

Recolección

Método de

Análisis

Frecuencia

Recolección Responsable

(A3). Generar

actividad en las redes sociales

Mediante un cronograma

organizado se

publicará publicidad en

redes sociales.

Secundaria Doc. Cualitativo 6 meses Investigador

(a3.1). Trabajar

con multimedia.

Se creará multimedios

para

promocionar la empresa.

Secundaria Doc. Cualitativo 6 meses Investigador

(a3.2.).

Actualizar la

plataforma de

contenidos

Se

recomendará a la empresa

mantener la

web actualizada.

Secundaria Doc. Cualitativo 6 meses Investigador

(a3.3).

Establecer

conexiones entre redes sociales y

el portal web

Los usuarios

deben

mantenerse al día mediante

información y

publicidad oportuna en

redes sociales.

Secundaria Doc. Cualitativo 6 meses Investigador

Elaborado por: Elvia Seaz

4.04.04 Supuestos

Como define Esterkin (2015) “Un supuesto es un dato asumido como cierto a

efectos de la planificación del proyecto” es decir se toma un dato verdadero en el

momento de crearlo dentro del cronograma con la finalidad de introducirlo en el

programa crear una hipótesis y así verificarla.

Tabla 7: Supuestos

Nivel Resumen

Narrativo Supuestos

Factores de Riesgo

Financiero

Político Social Ambiental Legal

Fin

ali

dad

es

(F1.). Aumento de

ventas Falta de información X X

(F2.). Conformidad

y Satisfacción del

cliente

Producto de mala calidad X

(F3.). Ingreso de

pedidos a tiempo y

con eficiencia

No se han evaluado los

beneficios de utilidad y

eficiencia de la empresa

X X X

Page 37: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

23

Nivel Resumen

Narrativo Supuestos

Factores de Riesgo

Financiero

Político Social Ambiental Legal

Pro

sito

(P1.). Eficiencia

informativa y

gráfica para los

pedidos en las islas

de los centros

comerciales

No existe la preparación

de pedidos de forma eficaz

y eficiente, que deben

mostrar al mayorista y

minorista.

X X X

Co

mp

on

ente

s

(C1.) Arquitectura

de la información

completa

Una técnica poco

descriptiva de producto

que atraiga a los clientes

X X

(C2.). Línea grafica

óptima para la

promoción de los

productos

La propuesta para la

promoción y

comercialización no es

atractiva para la campaña

gráfica del producto

X X

(C3.). Buen uso de

las redes sociales

Falta de administración y

marketing dentro de las

redes sociales

X X

Act

ivid

ad

es

(A1.). Facilidad

para el cliente de

encontrar

información

relevante

No existe una gestión de

relaciones con los clientes

y por lo tanto no conocen

el producto por el que

deben buscar información

X X

(a1.1.). Investigar la

usabilidad del

portal web

La página web es

compleja y no se enfoca en

satisfacer la necesidad del

cliente

X X

(a1.2.). Conocer al

público.

Falta de acción

promocional y una

planificación que logre los

objetivos

X X

(a1.3.). Recopilar

información

Falta de una estrategia de

recopilación de datos X X X X

(a1.4.). Organizar la

información

Las tecnologías y equipos

destinados a organizar

información están in

actualizados o no existen.

X X

(a1.5.). Diseñar y

crear el portal web

Falta de conocimientos

informáticos para diseñar

un portal web

(A2) Colores

enfocados al cliente

No se define la psicología

de marketing enfocado al

cliente

X X

(a2.1.) Buscar un

estilo adecuado con

el tema del

proyecto.

La inexistencia de

evaluación de las

necesidades considerando

un balance equitativo entre

la importancia y las

necesidades

X X

(a2.2.).Crear

propuestas gráficas

de posibles diseños

para el portal

No existe una propuesta

atractiva al cliente de su

producto

X X

Page 38: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

24

Nivel Resumen

Narrativo Supuestos

Factores de Riesgo

Financiero

Político Social Ambiental Legal

(a2.3.). Elegir el

diseño adecuado en

armonía con los

colores para el

cliente externo

No existe simplicidad,

para grabarse en la

memoria.

X X

(A3). Mucha

actividad en las

redes sociales

Deficiencia de Marketing

en rede sociales X X X

(a3.1). Trabajar con

multimedia.

Deficiencia en lo

elementos informáticos y

en la repartición financiera

para la nueva tecnología

X X

(a3.2.). Actualizar la

plataforma de

contenidos

Inexistencia de solicitudes

para poder actualizar

dichos contenidos

referentes a la plataforma

X X

(a3.3). Establecer

conexiones entre

redes sociales y el

portal web

Existe una deficiente

administración del tiempo

de conexión desde la red

social al portal web

X X

Elaborado por: Elvia Seaz

4.04.05. Matriz de marco lógico

Según Prieto (2005) define que La matriz del marco lógico se basa en dos

principios elementales: relación causa-efecto entre las diferentes partes de un problema

que corresponde a los cuatro niveles (o filas) de la estructura, que se refieren a

actividades (o insumos), componentes (o resultados).

Tabla 8: Matriz de Marco Lógico

Resumen Narrativo Indicadores Medios de Verificación Supuestos

(F1.). Aumento de ventas

Al final del primer año de

poner en marcha el portal

web las ventas se

incrementan en un 25%,

en comparación a las

ventas actuales.

Primaria

Encuesta

Cuantitativo Mejora la cantidad de

pedidos

(F2.). Conformidad y

Satisfacción del cliente

En un año se mejorará la

satisfacción del cliente en

80%, el cual será medido

en base a encuestas a los

consumidores.

Primaria

Verificación

Cualitativo Seguridad por parte de los

vendedores

Page 39: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

25

Resumen Narrativo Indicadores Medios de Verificación Supuestos

(F3.). Ingreso de pedidos

a tiempo y con eficiencia

Al finalizar el primer año

se mejora en 90% las

entregas a tiempo y sin

reclamos que será medido

mediante encuestas a los

clientes.

Primaria

Encuesta

Cuantitativa Vendedores agiles y

capacitados

(P1.). Eficiencia

informativa y gráfica para

los pedidos en las islas de

los centros comerciales

Al finalizar el año de

puesta en marcha del

portal en 90% de los

clientes percibe la

eficiencia del proceso de

ventas y entrega

Primaria

Verificación

Cuantitativa Buena programación

(C1.) Arquitectura de la

información completa

Se ubicará la información

de tal manera que sea

entendible para el usuario.

Primaria

Verificación

Cuantitativa

Diseño acorde con el

grupo objetivo

(C2.). Línea grafica

óptima para la promoción

de los productos

Se seguirá la línea gráfica

establecida en el manual

corporativo, para no

distorsionar su imagen.

Primaria

Entrevista

Cualitativa

Mejora la presentación y

empaques de los regalos

C3.). Buen uso de las

redes sociales

Se optimizará en base a

aplicaciones web.

Primaria

Encuesta

Cualitativo

Mejora el uso de redes

sociales y tiempos

(A1.). Facilidad para el

cliente de encontrar

información relevante

Sólo se ubicará

información relevante.

Primaria

Entrevista.

Cualitativa

Página o portal agradable a

la vista

(a1.1.). Investigar la

usabilidad del portal web

Los empleados

levantando la información

Secundaria

Documentación.

Cuantitativa

Determinar los mejor usos

(a1.2.). Conocer al

público. Aplicar las encuestas

Primaria

Encuesta

Cualitativa

Colaboración del cliente

(a1.3.). Recopilar

información Tabulación de encuestas

Secundaria

Documentación

Cualitativa

Sacar la respuesta idónea

(a1.4.). Organizar la

información Análisis de encuestas

Secundaria

Documentación.

Cualitativa

Obtener los datos a tiempo

(a1.5.). Diseñar y crear el

portal web

Propuesta en base a los

resultados obtenidos

Primaria

Verificación

Cualitativa

Usuarios con

conocimientos de

multimedia

(A2) Colores enfocados al

cliente

Diseños adecuados al

grupo objetivo.

Primaria

Encuesta

Cualitativa

Conocimiento de la

psicología del color

(a2.1.) Buscar un estilo

adecuado con el tema del

proyecto.

Existe relación de las

gráficas hacia al tema del

portal web

Observación

Guía de observación.

Cuantitativa Tiempo limitado

(a2.2.).Crear propuestas

gráficas de posibles

diseños para el portal

Se creará diversas

propuestas en bocetos

previos a su digitalización

Secundaria

Guía de observación.

Cuantitativa Descontento con la

propuesta

(a2.3.). Elegir el diseño

adecuado en armonía con

los colores para el cliente

externo

Mejor elección de acuerdo

a los gustos y usabilidad

del proyecto.

Primaria

Entrevista

Cuantitativa Presupuesto limitado

Page 40: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

26

Resumen Narrativo Indicadores Medios de Verificación Supuestos

(A3). Mucha actividad en

las redes sociales

Mediante un cronograma

organizado se publicará

publicidad en redes

sociales.

Primaria

Observación.

Cualitativa

Congestión y lentitud de

las redes

(a3.1). Trabajar con

multimedia.

Se creará multimedios

para promocionar la

empresa.

Primaria

Observación.

Cualitativa

Costos elevados

(a3.2.). Actualizar la

plataforma de contenidos

Se recomendará a la

empresa mantener la web

actualizada,

Primaria

Entrevista

Cuantitativa

Tiempos limitados

(a3.3). Establecer

conexiones entre redes

sociales y el portal web

Los usuarios deben

mantenerse al día

mediante información y

publicidad oportuna en

redes sociales.

Primaria

Encuetas

Cuantitativa

Mejoras en los

presupuestos

Elaborado por: Elvia Seaz

Page 41: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

27

CAPÍTULO V

LA PROPUESTA

5.01. Antecedentes de la herramienta y perfil de la propuesta

Según Zamudio (2011) “Un modelo de sitio web para la empresa eventos

nacionales Ltda. en Colombia resulta ser un planteamiento útil para la expansión y

penetración de mercados” dentro de cualquier empresa es necesario introducir un sitio

web como medio de publicidad para que el producto se haga conocido, es decir

presentan una herramienta para la empresa de eventos la cual tendrá mayor efectividad

para acercarse a un futuro cliente con más facilidad.

Según indica Zamudio (2011) que para el desarrollo de este proyecto “se realizó

un estudio al mercado objetivo donde se evaluaron aspectos de consumo de Internet,

uso de herramientas web, sistemas de comunicación entre los jóvenes pertenecientes al

nicho de mercado y demás aspectos” a partir de estos puntos se construye la propuesta,

como es la oferta en línea e involucrándose en el mercado por medio del Internet.

Según menciona Isin (2011) que “Se creó un catálogo de patrones de diseño web

académico para formalizar un vocabulario común entre diseñadores, proporcionar el

modo en que se realiza el diseño y facilitar la usabilidad, navegabilidad e

interactividad” así se identifica la importancia del diseño de la base para la búsqueda de

soluciones a problemas comunes en el desarrollo de sitios web. Por esto quiere decir

que el trabajo se enfoca en crear un catálogo de patrones referentes al diseño de

interacción o interfaz.

Page 42: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

28

Como presenta Miranda (2008) “El diseño de una página web, utilizada como

medio de comunicación, hacia los niños y niñas de 7 a 9 años, transmitiendo el mensaje

de cariño, cuidado y respeto hacia los perros callejeros” este proyecto se enfoca en la

concientización dentro de la sociedad para que mejoren la calidad de vida de los perros

callejeros por medio de una manera creativa para que este mensaje sea difundido,

diseñando la imagen, la creatividad, la marca, el diseño, la tecnología en un solo

elemento, el cual sería una página web.

Los proyectos que presentan y la importancia que le dan a la página web es

necesaria sin embargo se debe tener en cuenta del cómo enfocar el mensaje que se

quiere expandir por medio de la página web teniendo en cuenta la competencia de otros

medios de comunicación como la televisión o las revistas, se enfocan en el mensaje mas

no en realizar una interacción con el público al que sea dirigido el mensaje, ya que el

internet es una herramienta que se utiliza de diversas maneras y debería ser explotada

con creatividad.

El trabajo que se realiza y por lo que se debería considerar para la elección es

por los elementos que se le incluye la interacción con el cliente ya que al ofrecer

sublimación en gorras, cerámica, camisetas, jarros y una serie de productos en los que

se necesita tanto del diseñador como del cliente.

Es decir la página web debe ser atractiva para el cliente así tener claro el

producto que va adquirir, de esta manera hacer frente a la competencia que se presenta

constantemente y cada vez más agresiva así de esta manera incrementando la

productividad en la empresa, la herramienta deber ser sencilla y accesible al cliente,

Page 43: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

29

jugando con los colores y el logo el cual será un elemento importante para la captación

del público y causar interés.

5.01.01. Marco teórico

5.01.01.01. Página Web

Según menciona (Belloch, 2016) “La página Web, es un documento electrónico

situado en una red informática, al que se accede mediante enlaces de hipertexto, una

página web es la unidad básica del World Wide Web. Se visualiza como un documento

que intenta ser estandarizado” así define a la página Web como una herramienta puede

tener varios formas y contenidos sin embargo en su estructura es estándar es decir de

manejo fácil.

Llamada también página de Internet o página Web, contiene información de

algún tema el cual está conectado a la red mundial de información denominada Internet,

por lo que puede ser usado por cualquier persona que se conecte a esta red mundial de

comunicaciones y que cuente con los permisos apropiados para hacerlo.

Una página Web tiene la característica peculiar de que el texto se combina con

imágenes para hacer que el documento sea dinámico y permita que se puedan ejecutar

diferentes acciones, una tras otra, a través de la selección de texto remarcado o de las

imágenes, acción que puede conducir a otra sección dentro del documento, abrir otra

página Web, iniciar un mensaje de correo electrónico o transportar a otro Sitio Web

totalmente distinto a través de sus hipervínculos.

Page 44: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

30

Como indica Hernández (2007) “Estos documentos pueden ser elaborados por

los gobiernos, instituciones educativas, instituciones públicas o privadas, empresas o

cualquier otro tipo de asociación, y por las propias personas en lo individual” las

páginas web son accesibles para todo público que las necesite.

5.01.01.02. Sitio Web

Un sitio es un espacio en Internet que se ocupa o puede ser ocupado por algún

sitio que tenga información y desee cargar a este espacio. Un website es un conjunto de

páginas Web, normalmente asociadas a un dominio de Internet o subdominio en la

World Wide Web en Internet.

El Sitio Web no necesariamente debe localizarse en el sistema de cómputo de la

organización. Al igual que los edificios, oficinas y casas, los Sitios Web requieren de

una dirección particular para que los usuarios puedan acceder a la información

contenida en ellos. Estas direcciones, o URLs (por sus siglas en inglés Uniform

Resource Locator o Localizador de Recursos Uniforme). Los nombres de estos sitios

Web obedecen a un sistema mundial de nomenclatura y están regidos por el ICANN

(Internet Corporation for Assigned Names and Numbers). Que es una corporación de

Internet para Nombres Asignados y Número. Las URLs organizan las páginas en una

jerarquía, aunque los enlaces entre ellas, controlan cómo el usuario percibe la estructura

general y cómo el tráfico Web fluye entre las diferentes partes de los Sitios.

Los Sitios Web pueden ser de diversos géneros, destacando los sitios de

negocios, servicio, comercio electrónico en línea, imagen corporativa, entretenimiento y

sitios informativos. Para acceder a algunos o a todos los contenidos de ciertos Sitios

Web, requieren un registro o una suscripción. Por mencionar y los que normalmente son

Page 45: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

31

Sitios con subscripción incluyen noticias, juegos, foros, servicios de correo electrónico

basados en Web etc.

Un Sitio Web puede ser el trabajo de una persona, una empresa u otra

organización y está típicamente dedicada a algún tema particular o propósito. Los Sitios

Web están escritos en HTML (Hyper Text Markup Language), o dinámicamente

convertidos a éste y se acceden usando un programa llamado navegador Web, también

conocido como un cliente HTTP. Las Páginas Web pueden ser visualizadas o accedidas

desde un abanico de dispositivos con disponibilidad de Internet como ordenadores,

ordenadores portátiles, PDAs y teléfonos móviles. Estos están alojados en un sistema de

ordenador conocido como servidor Web, también llamado servidor HTTP, y estos

términos también pueden referirse al software que se ejecuta en este sistema y que

recupera y entrega las Páginas Web en respuesta a peticiones desde el Sitio Web del

usuario.

Con el desarrollo de la tecnología, en especial en lo que es el avance tecnológico

de los últimos años, en temas como: las tecnologías de la información, las

telecomunicaciones e Internet, se ha logrado acercar a un sector cada vez más grande de

la población, a una gran gama de aplicaciones, sistemas de información y servicios en

tecnologías Web, los cuales siempre han sorprendido y ayudado en todos los ámbitos y

actividades de la vida cotidiana y profesional de la población.

Según menciona Hernández (2007) que “la planeación, desarrollo e

implantación de Sitio Web, no sólo ha requerido el uso e integración de diversas

tecnologías, herramientas y metodologías, sino que también, la conformación de

equipos de trabajo multidisciplinarios, conformados básicamente por profesionales”

Page 46: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

32

para la creación de las páginas web es necesario que se complemente tanto la tecnología

como el equipo de trabajo para que sea una herramienta efectiva, tanto de las áreas de

tecnologías de la información y sistemas, como de diseño, artes visuales, y otras,

quienes conjuntamente han podido lograr el desarrollo de este tipo de aplicaciones

exitosamente.

5.01.01.03. Portal

Portal es sinónimo de puente el cual es un espacio Web que sirve como un Sitio

principal de partida para las personas que se conectan al World Wide Web. Sirven para

localizar la información y los sitios de interés con lo cual se podrá iniciar una acción en

el Internet. Como se ha mencionado anteriormente, un portal es más bien una

plataforma de despegue para la navegación en la Web.

5.01.01.04. Diferencia entre Sitio, Página y Portal Web

Una página Web es un documento electrónico que contiene información

específica de un tema en particular y que es almacenado en algún sistema de cómputo

que se encuentre conectado a la red mundial de información, denominada Internet, de

tal forma que este documento pueda ser consultado por otras personas que se conecte a

esta red mundial de comunicaciones y que cuente con los permisos apropiados para

hacerlo.

Una Página Web puede estar compuesta por varios elementos como son: texto,

imagen, animación, sonido e incluso video. Una página es la unidad más pequeña

representada en la Web, mientras que un Sitio Web lo componen un grupo de Páginas

Web. Un Sitio Web no recibe el rango de portal por tratarse de un Sitio robusto,

importante o por contener información relevante. Un portal es una plataforma de

Page 47: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

33

despegue para la navegación en la Web y representa la puerta de entrada a varios Sitios

Web.

En resumen, una Página Web es la unidad mínima de la Web, por otro lado, se

diferencia con el Sitio Web porque este lo forman un conjunto de páginas agrupadas y

un portal representa la puerta de entrada a varios Sitios Web.

5.01.01.05. Multimedia

Según muestra Belloch (2016) que “El uso de los diferentes códigos o medios en

la que se presenta la información viene determinado por la utilidad y funcionalidad de

los mismos dentro del programa” es decir todos los códigos tiene su función

correspondiente y se desempeñan dentro de la herramienta creada. La inclusión de

diferentes medios de comunicación -auditivo, visual- facilita el aprendizaje,

adaptándose en mayor medida a los sujetos, a sus características y capacidades (pueden

potenciar: memoria visual, comprensión visual, memoria auditiva, comprensión oral,

entre otros).

5.01.01.06. Texto.

Para Insa (2008) "El texto refuerza el contenido de la información y se usa

básicamente para afianzar la recepción del mensaje icónico, para asegurar una mejor

comprensión aportando más datos y para inducir a la reflexión”. La inclusión de texto

en las aplicaciones multimedia permite desarrollar la comprensión lectora,

discriminación visual, fluidez verbal, vocabulario, etc. El texto tiene como función

principal favorecer la reflexión y profundización en los temas, potenciando el

pensamiento de más alto nivel. En las aplicaciones multimedia, además permite aclarar

la información gráfica o icónica. Atendiendo al objetivo y usuarios a los que va

Page 48: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

34

destinada la aplicación multimedia podemos reforzar el componente visual del texto

mediante modificaciones en su formato, resaltando la información más relevante y

añadiendo claridad al mensaje escrito.

5.01.01.07. Sonidos

Los sonidos se incorporan en las aplicaciones multimedia principalmente para

facilitar la comprensión de la información clarificándola. Los sonidos que se incorporar

pueden ser locuciones orientadas a completar el significado de las imágenes, música y

efectos sonoros para conseguir un efecto motivador captando la atención del usuario.

Son especialmente relevantes para algunas temáticas (aprendizaje de idiomas,

música,...) y sin lugar a duda, para las aplicaciones multimedia cuya finalidad es la

intervención en problemas de comunicación y/o lenguaje. Asimismo, la inclusión de

locuciones y sonidos favorece el refuerzo de la discriminación y memoria auditiva.

5.01.01.08. Gráficos e iconos.

Un elemento habitual en las aplicaciones multimedia son los elementos

iconográficos que permiten la representación de palabras, conceptos, ideas mediante

dibujos o imágenes, tendiendo a la representación de lo esencial del concepto o idea a

transmitir.

Como indica Belloch (2016) “El lenguaje visual gráfico o iconográfico implica

habitualmente abstracción aun cuando se plantee en términos de hiperrealismo. Siempre

un lenguaje icónico tiende a la abstracción por ser un modo de expresión que busca la

realidad en los códigos universales. La abstracción supone el arribo de una imagen

visual a la condición de código”. Su carácter visual le da un carácter universal, no sólo

particular, son por ello adecuadas para la comunicación de ideas o conceptos en

Page 49: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

35

aplicaciones que pueden ser utilizadas por personas que hablan diferentes idiomas o con

distintos niveles en el desarrollo del lenguaje.

5.01.01.09. Imágenes estáticas.

Las imágenes estáticas tienen gran importancia en las aplicaciones multimedia,

su finalidad es ilustrar y facilitar la comprensión de la información que se desea

transmitir. Asi Insa (2008) indica que la imagen puede realizar seis funciones distintas:

representación, alusión, enunciativa, atribución, canalización de experiencias y

operación. Podemos distinguir diferentes tipos de imágenes: fotografías,

representaciones gráficas, fotogramas, ilustraciones, etc.

5.01.01.10. Imágenes dinámicas.

De esta manera muestra Belloch (2016) que “Las imágenes en movimiento son

un recurso de gran importancia, puesto que transmiten de forma visual secuencias

completas de contenido, ilustrando un apartado de contenido con sentido propio” es

decir mientras más atractivas sean las imágenes mejor será la página ya que produce

atracción del público y es una buena publicidad.

5.01.01.11. Elementos Visuales de una Página Web, Sitio Web y Portal

Generalmente una Página Web, Sitio Web y Portal están compuestos de una

serie de elementos, y aunque tienen sus diferencias, los elementos visuales son

prácticamente los mismos, como se mencionó anteriormente estos elementos están

contenidos en una página, si se agrupa un conjunto de páginas se tiene un Sitio Web y si

se tiene una página que ligue a otros sitios, se tiene un portal en donde se pueden

observar sus páginas y los elementos que la conforman.

Page 50: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

36

a. Menús

Los menús, son un listado o un conjunto de opciones que le dan acceso a cada

una de las secciones del documento electrónico. Estos constituyen el mecanismo

principal para guiar al visitante hacia un recorrido ordenado del Sitio. Los menús

pueden ser tipo Sílice, tipo Clásico o tipo selección.

b. Botones

Los botones son íconos que se utilizan generalmente para que el usuario los

pulse (de ahí viene su nombre) para que se ejecute una acción determinada, tal como

cargar otra página, un sonido, entre otros. Existen diferentes formas y tipos de botones.

c. Frames

Los frames son un conjunto de divisiones que se le pueden hacer a una Página

Web, los cuales permiten dividir la pantalla en varias partes o secciones. Cada una de

estas secciones es una página Web diferente con diferentes atributos, que puede ser

actualizada en forma separada de las otras secciones; los frames son de una gran

utilidad, funcionan en la mayoría de los navegadores (Browsers). Son principalmente

usados para: Colocar el menú principal del Sitio, colocar el contenido del mismo,

colocar banners o avisos (Álvarez, 2012).

d. Banners

Un banner es un gráfico usado en Internet para hacer publicidad sobre algo.

Anuncios o spots publicitarios basados en una imagen gráfica que se muestra al cargar

una página Web, generalmente elaborados en un formato de archivo. .Gif o .JPG de

aproximadamente 480x60 pixeles, el cual se coloca como un encabezado o una

representación de una página en un Sitio Web.

Page 51: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

37

Los banners pueden clasificarse como estáticos o animados, de acuerdo con la

cantidad de archivos gráficos que se utilicen en su preparación, o como simples y

complejos, según la cantidad de elementos que intervienen en su composición. Los

banners complejos son aquellos en lo que se utilizan efectos especiales en menor o en

mayor cantidad. El movimiento es un efecto especial, el cual se obtiene con la

combinación de dos o más archivos en secuencia.

e. Enlaces

Los enlaces o también llamados Hipermedios, son un conjunto de enlaces o

vínculos (uniones entre una Página Web y otra) de la información que puede presentarse

utilizando distintos medios, como documentación ejecutable, de texto, gráficos, audio,

video, animación o imagen.

El Hipertexto son palabras o frases (comúnmente de color azul subrayadas) que

permiten al usuario acceder a una Página Web y donde normalmente haciendo clic con

el ratón, se muestra inmediatamente la información relacionada.

f. Correo Electrónico

Es importante incluir una dirección de correo, en un Sitio Web, ya sea para

contactar a la persona que diseño dicho Sitio o para simplemente proporcionar algún

comentario.

g. Animaciones

Normalmente hechas en Flash, son aplicaciones diseñadas para crear películas,

desde simples animaciones hasta películas interactivas. Estas son muy usadas para el

diseño de Páginas Web. Desde barras de navegación hasta animaciones complejas que

pueden incluir sonido y son creadas con un programa llamado Flash. La particularidad

Page 52: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

38

más importante de las animaciones, es que, a pesar de ser necesarios el uso de varias

imágenes, dibujos o sonidos para crear una animación, Flash comprime todos estos

archivos y el resultado final es una película de unos pocos KB, es decir una animación

de poco peso.

5.01.01.12. Importancia y Utilidad de un Sitio Web

Los Sitios Web que se pueden encontrar en la World Wide Web (WWW),

proporcionan uno de los servicios que ofrece más opciones para un usuario. Esto debido

a que se ofrece una gran gama de posibilidades, como:

a. Buscar información de un tema determinado.

b. Comprar cualquier cosa (libros, CD) entre otros.

c. Enterarse de las noticias actualizadas de cualquier parte del mundo.

d. Hacer una página propia con todo lo que se requiera y que miles de personas

puedan acceder a ella y vean el contenido.

e. Actualizar cualquier tipo de información.

Actualmente en Internet se puede encontrar información muy diversa y

actualizada en cualquiera de las áreas del saber, esta puede servir como ayuda y

herramienta para las actividades que se desarrollan en el quehacer diario de una persona.

Al considerar que los Sitios Web, son grupo de páginas que contienen texto,

imágenes, animaciones y en algunos casos sonidos y videos, indica que son un recurso

más interactivo y dinámico que simplemente un documento; quizá por esto, el uso que

se le da en la actualidad a Internet cada vez es más grande y extenso, de allí, la utilidad

didáctica de estos sitios: ya que se puede localizar información referente a cualquier

temática y en cualquier idioma.

Page 53: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

39

Es posible acceder a muchos foros de discusión, con temas de toda índole, los

cuales pueden servir de ayuda para aclarar toda clase de dudas sobre uno o varios

aspectos. Se puede conseguir programas o software de utilidad, ya sea pagándolos o de

forma gratuita, esto dependiendo de lo que se requiera, pero incluso puede haber el

mismo programa que se encuentre en forma gratuita en algún Sitio y que se tenga que

pagar por él, en algún otro.

También se pueden adquirir recursos como imágenes, sonidos, videos y

animaciones. Existen otras utilidades de los Sitios Web, pero no se debe descartar que

haya muchos de éstos que no tiene mayor contenido educativo y que no poseen

veracidad y confiabilidad, de allí la importancia de revisar objetivamente a la hora de

trabajar con los diferentes Sitios.

El potencial que ofrecen las redes de computadoras, especialmente Internet y la

WWW en la educación, capacitación y entrenamiento, han estimulado la investigación

en sistemas integrados de enseñanza-aprendizaje que, además de proporcionar material

educativo multimedia, permitan clasificar, planificar, evaluar y orientar las actividades

de los alumnos, para que estos aprendan eficientemente.

5.01.01.13. Navegadores

Es el programa que se utiliza para conectarse a un servidor web. Mediante un

navegador actual es posible acceder a servidores Web, pero también a servidores de casi

todos los demás servicios (E-mail, FTP, News...). Es posible ver imágenes, escuchar los

sonidos, o reproducir las películas sencilla y automáticamente, sin más herramientas que

nuestro navegador.

Page 54: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

40

El navegador web es el vehículo y la principal herramienta de cualquiera que se

adentre en el mundo virtual de internet. Lógicamente la velocidad, la ligereza a la que te

muevas, la seguridad que pueda dar, hasta que lugares remotos te pueda llevar, depende

en gran parte del navegador que se escoja y que se decida usar. Para el uso de un

navegador predeterminado o más adecuado es necesario informarse sobre qué

navegadores están disponibles, cuáles son sus características, que funciones ofrecen, ver

comparaciones entre ellos, conocer sus ventajas y desventajas, para al final decidir

sobre el más adecuado.

El más usado en la web es el Internet Explorer, esta ventaja es debido a su

característica de estar integrado en todas las instalaciones de Windows. La disminución

de su empleo por los usuarios se debe a la popularidad alcanzada por otros navegadores

alternativos, que han conseguido superarlo en velocidad y rendimiento (Delgado, 2015).

A continuación, se presentan los navegadores más usados:

5.01.01.14. Internet Explorer

También llamado IE o MSIE. Internet Explorer fue un popular navegador web

de Internet gratuito desarrollado por Microsoft para su sistema operativo Windows, fue

reemplazado por el navegador Microsoft Edge al lanzarse Windows 10 en julio de 2015.

Internet Explorer fue lanzado en 1995 y se convirtió en el principal competidor de

Netscape, el navegador más popular en ese momento. Fue quitándole protagonismo a

Netscape hasta alcanzar casi un 90% de mercado de navegadores a nivel mundial entre

2001 y 2005; sin embargo, con el tiempo surgieron competidores como Firefox y

Google Chrome y comenzó su lento declive.

Page 55: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

41

Durante su larga vida Internet Explorer fue criticado por lento, vulnerable en la

privacidad y seguridad, por no respetar los estándares web, haciendo uso y abuso de su

posición dominante para establecer sus propios "estándares", trayendo complicaciones

en la visualizaciones de los sitios web. Además, tanto EE.UU. como la Unión Europea

consideraron que su integración con Windows afectaba el mercado de navegadores.

(Alegsa, 2015)

5.01.01.15. Características varias

Entre las principales características se tiene que desde la versión 4.0 en adelante,

el navegador Internet Explorer utiliza el motor de renderizado Trident para mostrar las

páginas web. A partir de Internet Explorer 7, y gracias a los cambios en este motor, el

navegador se apegó más a los estándares web. De hecho superó el test acid2 en Internet

Explorer 8.

5.01.01.16. Google Chrome

Google Chrome es el navegador web creado por la compañía Google INC.

Considerado como el navegador más rápido del mundo, en poco tiempo que tiene

desarrollado Google Chrome cumples con sus objetivos principales, rápido, seguro,

practico, estable y con un sentido minimalista único, que le brinda al usuario la mayor

comodidad a la hora de navegar por la web.

Este navegador, forma parte de los planes de expansión de la gigante canadiense

a otros campos de la web. Puede ser instalado en casi cualquier sistema operativo y está

disponible en 50 idiomas. El secreto de la rapidez de Google Chrome se basa en la

capacidad que tiene el navegador de procesar códigos de JavaScript, los cuales son los

que se usan en la mayoría de las páginas web.

Page 56: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

42

Google aparte de ser sencillo de utilizar presenta características que lo

convierten en el favorito, tal es el caso de los temas personalizables, la presencia de la

barra “Omniboox” es la que combina la barra de direcciones con la barra de búsqueda

en una sola, lo que facilita el acceso a las páginas con un solo click, además, también

posee una página de presentación en la que se muestran en cuadros grandes centrados

en la pantalla, los últimos o más favoritos visitados, con una captura de pantalla como

portada, su historial, permite encontrar sin problema alguno, alguna página reciente

perdida con los sistemas de buscador que viene integrado. (Concepto definición, 2015)

5.01.01.17. Características de Google Chrome

Entre sus características tiene un cuadro para todo, nuevas pestañas, accesos

directos a aplicaciones, posee pestañas dinámicas con lo que se puede crear de nuevas

ventanas a partir de las pestañas ya abiertas con sólo arrastrarlas. También tiene

pestañas independientes, modo incógnito, navegación segura y otras características:

marcadores (o favoritos) instantáneos, importación de la configuración y marcadores,

administrador de descargas, etc. (Alegsa, 2015)

5.01.01.18. Mozilla Firefox

Mozilla Firefox es un navegador de Internet libre y de código abierto, con

interfaz gráfica de usuario desarrollado por la Corporación Mozilla y un gran número de

voluntarios externos. Firefox, abreviado Fx o FF, comenzó como un derivado del

Mozilla Application Suite, que terminó por reemplazarlo como el producto emblemático

del proyecto Mozilla, bajo la dirección de la Fundación Mozilla.

Este navegador web utiliza el motor Gecko para renderizar páginas web y es

multiplataforma ya que está disponible en versiones para Microsoft Windows, Mac OS

Page 57: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

43

X y GNU/Linux. Sin embargo el código también ha sido portado por terceros a otros

sistemas operativos como FreeBSD OS/2, Solaris, SkyOS y BeOS.

El código fuente de Firefox está disponible libremente bajo la triple licencia de

Mozilla como un programa libre y de código abierto. (Enciclopedia US, 2014)

5.01.01.19. Características de Mozilla Firefox

Posee complementos: “Firefox ofrece más de 1000 complementos que permiten

aumentar las prestaciones por defecto de este navegador web: lectura de noticias RSS,

herramientas web y de desarrollo, descargas de archivos, privacidad y seguridad,

herramientas de búsqueda, marcadores, diccionarios, multimedia, etc.” Además de

plugins. “Firefox dispone de la mayoría de plugins necesarios para visualizar todo tipo

de contenidos multimedia: Adobe Flash Player, Java, QuickTime, RealPlayer, Windows

Media Player, etc”. (Instituto Superior de Formación y Recursos en Red para el

Profesorado, 2008).

5.02. Descripción de la herramienta

Elaboración de una página web corporativa para dar a conocer todos los productos de la

empresa de sublimación “PERSONALIZALO.NET” en el Distrito Metropolitano de

Quito año 2017 – 2018, esta página ofrecerá un servicio de información para crear

interés en los usuarios y así difundir los productos que ofrece la empresa.

Para ello se crearán contenidos como información, videos, galería y noticias

sobre los productos y promociones que ofrece el local. Se realizará un diseño llamativo

y dinámico con el fin de que el sitio web capte el interés de los usuarios y logre

transmitir su mensaje.

Page 58: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

44

5.01.01.20. Página de inicio

a. Banner

Consta del log animado para dar dinamismo

b. Menú

Consta de las categorías en las que se divide la página web mostrando diferente

información como fotos, productos, videos etc.

c. Galería

Constará de todas las fotos de los productos más representativos de la empresa.

d. Contenido

Consta de las subcategorías en la que se puede encontrar diversa información

e. Contactos

Mostrará la información de los contactos para hacer pedidos o solicitar

información.

5.02.01. Metodología (materiales y métodos)

Diseño de investigación

El diseño de la investigación es exploratorio, descriptivo y transversal. Es

exploratorio ya que se utilizan para familiarizarse con el estudio acerca de páginas web.

Descriptivo debido a que permite explicar y analizar las variables sobre la creación de

una página web corporativa. Finalmente se utiliza la investigación transversal por lo que

se analiza cuál es el nivel o estado de una o diversas variables en un momento dado, es

decir, en un punto en el tiempo.

Población y muestra

Page 59: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

45

En su uso más habitual, la palabra hace referencia al grupo formado por las

personas que viven en un determinado lugar o incluso en el planeta en general. También

permite referirse a los espacios y edificaciones de una localidad u otra división política,

y a la acción y las consecuencias de poblar. La población a investigar son personas que

pueden dar opinión sobre la creación de la página web y sus comentarios de los

parámetros principales a considerar en el desarrollo de la misma.

La muestra se obtendrá a través del muestreo casual-accidental, no

probabilístico, se trata de un proceso que se selecciona directa e intencionadamente los

individuos que conformarán la población. Es decir a los individuos de fácil acceso como

es el caso de las personas que llegan al local de sublimación de la empresa

“Personalizalo.net” (Tapia, 2012).

La muestra a considerar en el desarrollo de este proyecto es de 100 personas.

Muestra = 100 personas

Page 60: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

46

Métodos, técnicas e instrumentos de investigación

Métodos

En esta investigación se ha planificado la utilización de los siguientes métodos:

a. Método descriptivo

El método permite realizar de la realidad o problema una exposición narrativa,

numérica y/o gráfica, lo más detallada (Abreu, 2015).

b. Método analítico sintético

Consiste en el análisis de un todo en partes para observar las causas, la

naturaleza y los efectos. El análisis es la observación y examen de un hecho en

particular. Explica la relación entre los elementos y el todo, así como también la

reconstrucción de las partes para alcanzar una visión de unidad, en lo referente a la

creación de una página web corporativa.

c. Método inductivo y deductivo

Permite configurar el conocimiento y generalizar de forma lógica los datos

empíricos relacionados con la creación de una página web.

d. Método estadístico

Es una secuencia de procedimientos para el manejo de los datos cualitativos y

cuantitativos de una investigación (Reynaga, 2015).

Organiza la información alcanzada con la aplicación del instrumento propuesto

en esta investigación

Técnicas

La técnica que se usó en la investigación fue la bibliográfica, de campo y la

encuesta los cuales se describen a continuación.

Page 61: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

47

Se define las técnicas que facilitarán el proceso de investigación, tenemos las

siguientes:

a. Técnica de investigación bibliográfica

Para la presente investigación se usó la investigación bibliográfica ya que esta

permite centrarse en la reflexión innovadora y crítica de textos y los conceptos

planteados en ellos a través de la lectura, como medio importante para conocer, analizar

y seleccionar aportes teóricos, conceptuales y metodológicos sobre orientación y

mentoría (Campos, 2009). Con lo que a través de esta técnica el resumen o paráfrasis

como medio para presentar un texto original de forma abreviada; permite favorecer la

comprensión del tema, entender mejor el texto y redactar con exactitud y calidad.

b. Técnica de investigación de campo

La investigación de campo es el manejo no comprobada de una variable, bajo

una situación controlada, con el objetivo de con el fin de investigar las causas que

produce una situación. Es el proceso que permite obtener conocimientos en el campo de

la realidad social. (Investigación pura), o bien investigar un acontecimiento que permite

el diagnóstico de las necesidades y problemas a efectos de aplicar los conocimientos

con fines prácticos (investigación aplicada).

Llamada también investigación in situ ya que el investigador se traslada al sitio

del acontecimiento en el cual está el objeto de estudio. Con lo que se tiene una

investigación más a fondo por parte del investigador, los resultados obtenidos son más

seguros y se pueden utilizar en diseños exploratorios, descriptivos y experimentales, en

consecuencia creando una situación de control en la cual manipula sobre una o más

variables dependientes (efectos) (Graterol, 2010).

Page 62: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

48

c. Encuesta

La técnica a aplicar es la encuesta que permite recolectar información a través de

un formulario de preguntas de selección sobre el problema a investigar (Crece

Negocios, 2016). Por lo que se realizó una encuesta a las personas que visitan el local

de la empresa de sublimación “Personalizalo.net”.

Instrumentos

a. Cuestionario

El instrumento a usar es un cuestionario compuesto de preguntas de selección

múltiple dirigido hacia los clientes de la empresa de sublimación “Personalizalo.net”

para investigar acerca de la creación de una página web.

Page 63: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

49

5.02.02. Resultados

Pregunta 1.- ¿Consideras que el diseño de la interfaz: estructura,

organización, de la página web son importantes?

Se muestra que, del total de 100 encuestados, 85 personas que representan el

85% consideran que si es importante el diseño de la interfaz: estructura, organización,

de la página web, y por otro lado 15 personas representando el 15% creen que no es

importante el diseño de la interfaz. Se tiene que la mayoría de encuestados se

encuentran los 85 personas consideran que si es importante el diseño de la interfaz

Pregunta 2.- ¿Ha usado una página web como medio informativo para

conocer sobre algún tema en especial?

Se muestra que, del total de 100 encuestados, 23 personas que representan el

23% consideran que si ha usado una página web como medio informativo para conocer

sobre algún tema en especial, y por otro lado 77 personas representando el 77% creen

que no ha usado una página web como medio informativo. Se tiene que la mayoría de

encuestados se encuentran 77 personas que consideran que no han usado una página

web como medio informativo.

Pregunta 3.- ¿Considera que el diseño de la interfaz: accesibilidad,

navegación, etc., de la página web deben ser fáciles de usar?

Se muestra que, del total de 100 encuestados, 60 personas que representan el

60% consideran que si debe ser el diseño de la interfaz: accesibilidad, navegación, de la

página web fácil de usar, y por otro lado 60 personas representando el 40% creen que no

Page 64: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

50

debe ser el diseño de la interfaz de la página web fácil de usar. Se tiene que la mayoría

de encuestados se encuentran 60 personas que consideran que si debe ser el diseño de

la interfaz: accesibilidad, navegación, de la página web fácil de usar.

Pregunta 4.- ¿Cree que existe información suficiente de la importancia de la

creación de una página web en el entorno empresarial como personal?

Se muestra que del total de 100 encuestados, 60 personas que representan el

60% consideran que si existen información suficiente de la importancia de la creación

de una página web, y por otro lado 40 personas representando el 40% creen que no

existe información suficiente de la importancia de la creación de una página web. Se

tiene que la mayoría de encuestados se encuentran 60 personas que consideran que si

existe información suficiente de la importancia de la creación de una página web.

Pregunta 5.- ¿Crees que los elementos multimedia utilizados en las páginas

web facilitan el proceso de enseñanza-aprendizaje de los contenidos?

Se muestra que, del total de 100 encuestados, 70 personas que representan el

70% consideran que los elementos multimedia utilizados en la página web si facilitan el

proceso de enseñanza-aprendizaje de los contenidos, y por otro lado 30 personas

representando el 30% creen que los elementos multimedia utilizados en las páginas

webs no facilitan el proceso de enseñanza-aprendizaje de los contenidos. Se tiene que

la mayoría de encuestados se encuentran 70 personas que consideran los elementos

multimedia las páginas webs si facilitan el proceso de enseñanza-aprendizaje.

Page 65: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

51

Pregunta 6.- ¿Le gustaría que el lenguaje utilizado de una página web sea

claro y conciso?

El gráfico muestra que, del total de 100 encuestados, 75 personas que

representan el 75% consideran que si les gustaría que el lenguaje utilizado de una

página web sea claro y conciso, y por otro lado 25 personas representando el 25% creen

que no debe ser el lenguaje de la página web clara y concisa. Se tiene que la mayoría de

encuestados se encuentran 75 personas que consideran si les gustaría que el lenguaje

utilizado de una página web sea claro y conciso.

Pregunta 7.- ¿Cree que es importante que usted como usuario de alguna

página web este informado sobre lo que está pasando cuando interactúa con ella?

El gráfico muestra que, del total de 100 encuestados, 70 personas que

representan el 70% consideran que si es importante el usuario de alguna página web

este informado sobre lo que está pasando cuando interactúa con ella, y por otro lado 30

personas representando el 30% creen que no es importante estar informado sobre lo que

está pasando cuando interactúa. Se tiene que la mayoría de encuestados se encuentran

70 personas que si es importante el usuario de alguna página web este informado sobre

lo que está pasando cuando interactúa con ella.

Pregunta 8.- ¿En la actualidad cree que las páginas web forman parte de la

vida de las personas?

El gráfico muestra que, del total de 100 encuestados, 85 personas que

representan el 85% consideran que las páginas web si forman parte de la vida de las

Page 66: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

52

personas, y por otro lado 15 personas representando el 15% creen que las páginas web

no forman parte de la vida de las personas. Se tiene que la mayoría de encuestados se

encuentran 85 personas creen que las páginas web si forman parte de la vida de las

personas.

Pregunta 9.- ¿Cree que el diseño de una página web lo podría realizar

cualquier persona con facilidad?

El gráfico muestra que, del total de 100 encuestados, 30 personas que

representan el 30% consideran que el diseño de una página web si lo podría realizar

cualquier persona con facilidad y por otro lado 70 personas que representan el 70%

consideran que el diseño de una página web no lo podría realizar cualquier persona con

facilidad. Se tiene que la mayoría de encuestados mencionan que el diseño de una

página web no lo podría realizar cualquier persona con facilidad.

Pregunta 10.- ¿Cree que para el manejo y control de la página web debe

existir un manual de uso?

El gráfico muestra que, del total de 100 encuestados, 80 personas que

representan el 80% consideran que si es necesario para el manejo y control de la página

web debe existir un manual de uso, y por otro lado 20 personas representando el 20%

creen que no es necesario para el manejo y control de la página web un manual de uso.

Se tiene que la mayoría de encuestados se encuentran 80 personas creen es necesario

para el manejo y control de la página web un manual de uso.

Page 67: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

53

5.02.03. Interpretación

Disponer de un sitio web importante que se destaca en el mundo de las nuevas

tecnologías es fundamental, para potenciar las ventas y conseguir mayores beneficios

económicos. La empresa que no está presente en la Red no existe, una realidad que se

debe al aumento masivo de usuarios que cada vez más, realizan sus compras a través de

ordenadores, móviles o tablets.

El diseño de página web responde a las expectativas de pequeñas y medianas

empresas que buscan alcanzar su público y vender más. La herramienta que brinda

Internet es hoy en día indispensable en los negocios. Dependiendo de la profesionalidad

en la creación del sitio, desarrollo de tecnologías digitales, posicionamiento web y otros

factores técnicos se puede contar con un número inimaginable de potenciales

compradores de los productos que se ofrecen. La identidad corporativa requiere un

excelente servicio desde la navegación, hasta la atención permanente que se consigue

con la página abierta 24 horas los 365 días de la semana.

Dada la importancia de la creación de una página web se realiza el análisis de los

principales resultados de la aplicación de la encuesta. La población investigada

considera que si es importante el diseño de la interfaz: estructura, organización, de la

página web dando importancia a que el diseño debe ser bien realizado y llamativo. Por

lo cual como medio informativo es muy usado para buscar información o para conocer

sobre algún tema en especial. Dando prioridad a la facilidad de manejo del diseño de la

interfaz ya que esta debe tener accesibilidad y de fácil navegación.

Respecto a la creación de una página web se tiene que la existencia de suficiente

información ayuda a la creación de una página web. En el diseño de la página web los

Page 68: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

54

elementos multimedia utilizados facilitan el proceso de enseñanza-aprendizaje de los

contenidos. Por lo que la parte visual en el desarrollo de una página web ayudará a

mejorar el interés del usuario. Además de tener un lenguaje claro y conciso.

La página web debe estar actualizada constantemente ya que el interés de los

usuarios dan a conocer que si les gustaría estar informado de la últimas tendencias en

personalización. En consecuencia se puede deducir que las nuevas tecnologías ya

forman parte de la vida cotidiana de las personas. En su gran mayoría respecto al diseño

de una página web opinan que su diseño NO lo podría realizar cualquier persona con

facilidad. Adicional se encontró que un manual para el manejo de una página web si es

necesario ya que guía un poco mejor al futuro usuario.

5.03. Formulación del proceso de aplicación

5.03.01. Concepción

Propósito: desarrollar una página web la cual contenga información sustancial

para dar a conocer acerca de los productos de sublimación que ofrece la empresa.

Usuario: el contenido es apto para todo público ya que se ofrece productos para

distintos gustos y edades.

Género: está desarrollado para cualquier persona que tenga acceso a un celular

o laptop con acceso a internet.

Concepto: la página web tendrá en su presentación una interfaz en la cual cada

botón, gráfica y texto muestran o envían un mensaje visual. Usa colores detallados sin

dejar el formalismo de lado.

Page 69: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

55

Servicios: será una página web que dará información a través de texto, imagen,

sonido, video y animación, con lo que el usuario podrá conocer acerca de los productos

que ofrece la empresa.

Benchmarking o análisis de la competencia: las páginas web son la

implantación de una empresa en el tráfico de la red, distingue a una empresa de otra y se

puede hacer publicidad con menos gastos y puede estas al alcance de cualquier persona

en cualquier horario.

Competencia

Figura 8: Empresa de sublimación sublimazone. Quito

Figura 9: Empresa de sublimación sublimahouse. Quito

Page 70: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

56

5.03.02. Diseño

Guion: la página web estará compuesta por diversas pantallas las cuales

muestran los diferentes productos y servicios que ofrece la empresa:

a. Pantalla de inicio.

El logo de la página será la carga de inicio con algunas promociones y noticias

actuales.

El nombre de la página web es “Personalizalo.net” va de bajo del logo, así

mismo el slogan de la campaña.

Figura 10: Pantalla de inicio

Figura 11: Pantalla de inicio

Page 71: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

57

b. Pantalla de nosotros.

Muestra la descripción de la empresa y la reseña histórica.

Figura 12: Pantalla de nosotros

c. Pantalla de productos.

Consta de todos los productos que ofrece la empresa, para todos los gustos y

edades como regalos, presentes, moda, artículos de hogar y oficina.

Figura 13: Pantalla de productos

Page 72: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

58

d. Pantalla de ¿Cómo comprar?

Muestra las opciones de pago y los pasos para comprar.

Figura 14: Pantalla de servicios

e. Pantalla de videos.

Muestra videos de los productos y de su proceso de producción.

Figura 15: Pantalla de videos

Page 73: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

59

f. Pantalla de contactos.

Muestra la dirección de contacto, el teléfono y un correo en el que el visitante

pueda tener acceso a la información o si desea conocer más puede comunicarse

directamente con la empresa.

Figura 16: Pantalla de contactos

Diseño de programación: Diagramas UML

Figura 17: Diagrama UML

Inicio o

Carga

Menu

principal

Inicio

Nosotros

Productos

¿Cómo

comprar?

Videos

Contacto

Page 74: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

60

5.03.03. Planificación

Se presenta la tabla de planificación la cual describe las actividades a realizar

durante el proceso de generación de la página web, cada actividad tiene un responsable

y un tiempo para que se desarrolle, finalmente se tiene el resultado de cada actividad.

Tabla 9: Planificación

N.- Actividad Responsable Tiempo Resultados

Mes Semana

1 2 3 4

1 Recopilación de

información.

Investigador Enero. x Información textual de los

productos, servicios y

fotografías para la página web

2 Creación de las

pantallas

Investigador Febrero. x Pantallas de la página web.

3 Creación de

estructura gráfica

Investigador Febrero. X Organización de la información

4 Desarrollo de

animación y

programación

Investigador Marzo. X Animación de contenidos de la

página web

5 Pruebas del producto Investigador Marzo. x Cambios a realizar.

Elaborado por: Elvia Seaz

5.03.04. Pruebas

Pruebas físicas

En las pruebas de la página web la cual posee muchas animaciones e incluso

varias imágenes y videos no presentaron algún error durante su ejecución.

Page 75: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

61

Figura 18: Pruebas físicas

Pruebas alpha

En esta prueba se presentó la página web a un diseñador con experiencia con lo

que se puede tener una opinión más profesional del producto. Dando a conocer que el

diseño es correcto e interactivo pero dio ciertas sugerencias respecto a dimensiones y

distribución de colores.

Figura 19: Pruebas alpha

Page 76: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

62

Pruebas beta

Se realiza la presentación a una población para que esta interactúe con la página

para ver si la manipula sin ningún inconveniente y si le parece agradable.

Figura 20: Pruebas beta

5.03.06. Mantenimiento

Para la actualización de los contenidos de la página web serán por parte del

personal de la propia empresa ya que ellos manejan los nuevos productos y las

promociones que ellos quieran poner a disposición de los clientes.

5.03.07. Marketing y difusión

Para conocer la empresa es necesario realizar un análisis FODA.

Al crear un análisis FODA, se verá de forma más clara hasta qué punto el sitio web

cumple con los objetivos, y cuáles son los factores que están impulsando este

cumplimiento. Además de conocer cuáles son los factores importantes para el éxito de

la página web, y cuáles podrían dañarlo.

Page 77: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

63

Fortalezas internas

a. Un diseño web y sistema de contacto enfocados en el cliente

b. Llamadas efectivas a la acción

c. Contenido útil y relevante

d. Funciones de búsqueda y navegación intuitivas

e. Un proceso de compra que sea rápido y sencillo

Debilidades internas

a. Un diseño web anticuado o inefectivo

b. Una arquitectura de sitio y sistema de navegación confusa

c. Un proceso de compra difícil de manejar

d. Falta de presencia en las redes sociales

e. Una velocidad de carga muy baja

Oportunidades externas

a. Nuevas tecnologías que pueden mejorar la experiencia del usuario

b. Mercados emergentes

c. Nuevos nichos y segmentos del mercado

d. Nuevas tendencias de diseño web para mejor difundir tu mensaje

e. Cambios positivos en factores sociales

Amenazas externas

a. La posibilidad de que la competencia copie o robe ideas

b. La aparición de nuevos competidores

c. Un cambio en las necesidades del cliente

d. Nuevas leyes o regulaciones

Page 78: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

64

e. La llegada de SPAM o publicidad no solicitada

f. Una actualización del software de los navegadores

g. Ciberataques o actividad fraudulenta

Mercado

El mercado para dar a conocer los productos de la empresa Personalizalo.net se

describe a continuación:

El proyecto está dirigido para personas del Ecuador, de todas las clases sociales

y edades, al poseer variedad de productos y servicios que están al alcance de todos, el

nivel socioeconómico no es relevante para este proyecto.

Estrategia creativa

Beneficio Emocional: Convencimiento

Mensaje básico: Dar a conocer las promociones, productos y servicios de sublimación

de la empresa Personalizao.net.

Tono: Indiferente

Estilo: Llamativo

Insight: Regala algo especial

Eje de la campaña.- Para conocer hay que publicitar

Slogan de la campaña.- Personaliza tu regalo especial

Beneficio Emocional: se quiere mostrar los productos y servicios que ofrece la empresa

de sublimación por medio de la página web.

Page 79: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

65

Mensaje básico: se dice que para conocer un producto o servicio hay que publicitarlo y

la información es fundamental para que las personas interesadas se sientan atraídos a la

página web.

Tono: es indiferente ya que no compite con ningún otro producto para hacerlos diferente

a la competencia.

Estilo: es llamativo al tener contrastes con colores vivos y diseños atractivos de todas

las pestañas de la página web.

Insight: “Regala algo especial” refleja la idea principal de la creación de la página web,

que sea un regalo diferente y personalizado para esa persona especial.

Eje de la campaña: se basa en la frase “Para conocer hay que publicitar” demostrando

que la publicidad en un negocio es el eje principal si se quiere ingresar al mercado.

Slogan de la campaña.- “Personaliza tu regalo especial”, de acuerdo con el eje de

campaña se trata de encontrar un mercado exclusivo y diferente que pueda hacer un

regalo especial y personalizado.

Plan de medios

Medios principales.- “impacto” mediante medios impresos y virtuales como las

redes sociales se puede llevar a publicitar una página web con el objetivo de mostrar los

productos y servicios de la empresa Personalizalo.net

Page 80: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

66

Fan Page

Figura 21: Fan Page.

Tarjeta personal

Figura 22: Diseño de la tarjeta personal

Medios secundarios.- “refuerzo” se los usa ya que estos son los más conocidos

por la población.

Page 81: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

67

Flyer

Figura 23: Flyer

Instagram

Figura 24: Instagram

Medios Auxiliares.-“recuerdo” a través de videos o imágenes que muestren la

información más relevante de la página.

Page 82: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

68

Youtube

Figura 25: Publicidad Youtube

Post

Figura 26: Post 1

Page 83: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

69

Figura 27: Post 2

Page 84: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

70

CAPÍTULO VI

ASPECTOS ADMINISTRATIVOS

6.01. Recursos

6.01.01. Técnicos – tecnológico

Técnicos:

Tener un conocimiento previo de los softwares a utilizar mejora la calidad del

producto final por lo que se debe tener:

a. Conocimiento de software de diseño Dreamweaver

b. Conocimientos de fotografía

Tecnológicos:

Para el diseño de la página web es necesario los siguientes artículos

tecnológicos.

a. Laptop

b. Memoria flash

c. Impresora

d. Cámara fotográfica

6.01.02. Humano

El recurso más importante es la persona a desarrollar el proyecto.

a. Elvia Seaz

6.01.03. Económico

El aspecto económico influye en la calidad del proyecto ya que es vital para la

compra de todo el material a utilizar.

a. Transporte

Page 85: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

71

b. Hojas

c. Lápices

d. Borrador

e. Alimentación

6.02. Presupuesto

6.02.01 Gastos operativos

Los gastos operativos describen los valores a necesitar para cada actividad, entre

los cuales se tiene gastos en textos, copias, transportes y por actividades varias que son

necesarias para la culminación de la página web y del proyecto.

Tabla 10: Valores de gastos Operativos

VALOR FINANCIACIÓN

Valor Unitario Cantidad Universidad Empresa Estudiante Total

1. BIBLIOGRAFÍA X

a) Textos. 5 2 X 10,00

b) Fotocopias. 0,02 100 X 2,00

c) Internet. 0,6 40 X 24,00

d) Transporte 0,25 60 X 15,00

e) Otros. 1 5 X 5,00

2. EXPERIMENTACIÓN X

(a) Laboratorios y equipos 5 2 X 10,00

Nuevos.

b) Ensayos contratados: 5 3 X 15,00

(Pruebas, análisis).

3. ANÁLISIS Y MANEJO X

DE INFORMACIÓN

a) Computador 0 0 X 0,00

c) Software especializado. 8 1 X 8,00

d) Digitación 0 1 X 0,00

Page 86: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

72

VALOR FINANCIACIÓN

Valor Unitario Cantidad Universidad Empresa Estudiante Total

5. DOCUMENTO FINAL X 0,00

a) App digital 0 0 X 0,00

b) Anillado 2 3 X 6,00

c) Impresión. 0,1 200 X 20,00

d) Empastes. 10 3 X 30,00

Otros… (Planos, 10 2 X 20,00

Fotografías…).

6. COSTOS PERSONAL X

d) Elaboración. 100 1 X 100,00

Evaluación (Propuesta, 30 3 X 90,00

Proyecto terminado).

g) Imprevistos 50 1 X 50,00

TOTAL 405,00

Elaborado por: Elvia Seaz

6.02.02 Aplicación del Proyecto

A continuación se especifica los gastos de aplicación del proyecto tales como

compra de software, gastos en material de publicidad como impresiones de flyers,

afiches, lonas y artículos varios con lo que se tiene un valor de gastos total para la

aplicación del proyecto.

Tabla 11: Gastos de Aplicación del Proyecto

VALOR FINANCIACIÓN

V Unitario Cantidad Universidad Empresa Estudiante Total

Software especializado. 10 5

X

50

Impresión Flyer 0,05 1000

X

50

Impresión tarjetas

personales 2 1000

X

20

Impresión lona 14 1

X

14

Otros… (publicidad

promociones) 1 100

X

100

Pruebas de calidad 15 5

X

75

TOTAL

309,00

Page 87: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

73

6.03. Cronograma

La siguiente tabla describe todas las actividades a desarrollar en el proceso de

este proyecto. Se especifica por cada capítulo principal la actividad a desarrollar con su

respectivo tiempo y los resultados que cada actividad debe generar.

Tabla 12: Cronograma de actividades

Elaborado por: Elvia Seaz

N. Actividad Resp. Tiempo

Resultados Esperados

MES Semana

1 Antecedentes Autor Enero X Obtener información

necesaria.

2 Análisis de

Involucrados Autor Febrero X

Elegir con caridad las

personas o instituciones

involucradas en el proyecto.

3 Problemas y Objetivos Autor Febrero X

Especificar con mayor

exactitud los problemas y

objetivos y sus componentes.

4 Análisis de

Alternativas Autor Febrero X

Definir todas las alternativas

que constan en el proyecto.

5 La Propuesta Autor Marzo X Presentar la planificación y

Diseño de CD Interactivo.

6 Aspectos

Administrativos Autor Marzo X

Especificar los ingresos y

egresos requeridos en el

proyecto.

7 Conclusiones y

Recomendaciones Autor Marzo X

Mencionar conclusiones y

recomendaciones para

promover el uso del CD

Interactivo.

Page 88: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

74

CAPÍTULO VII

CONCLUSIONES Y RECOMENDACIONES

7.01. Conclusiones

A continuación se presenta las conclusiones del presente estudio.

La Página web como sus elementos se encuentras situados en una red

informática a la cual puede acceder cualquier usuario que se encuentre al alcance

de Internet ya que este documento electrónico contiene información que podría

ser útil para alguna persona interesada en el a nivel mundial y pueda hacer

pedidos, regalos, pagos y envíos .

A través de la tarjeta de presentación y de Flyers se puede dar a conocer el portal

web aumentando el número de visitantes.

Mediante la innovación de la página web se puede publicitar productos con

nuevas características aumentando el interés del futuro comprador.

Es necesario para que una página sea publicada y difundida por el internet debe

tener su propia identidad como es el Dominio y el Hosting son servicios

considerados necesarios para hacer pública la página web.

La definición de los lugares que interactúa el usuario son definido es decir se la

funcionalidad de la página web se tiene claro desde el principio lo cual hace que

el diseñador tenga definido el tiempo y el costo para realizar la página.

La utilización de imágenes reales de los productos da confianza al consumidor y

al futuro cliente ya que ve el producto final creado y la calidad en la cual va a

recibir su pedido.

Page 89: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

75

7.02. Recomendaciones

Las recomendaciones servirán como sugerencias para la mejora del producto y

de las necesidades del cliente.

Se debe tener claro el negocio, producto o servicio de la empresa para poder

realizar el tipo de web necesaria así poder competir dentro del mercado y

posicionarse a nivel nacional o internacional.

Todo los elementos Visuales de una Página Web, Sitio Web y Portal se debe

tener en cuenta y tener claro para una correcta creación de la página web que

serán útiles para que el usuario se sienta identificado con el sitio web.

Para la realización de la página web se debe tener en cuenta los colores, logotipo

y guía de estilo para que sea atractivo al usuario y cumplir los objetivos.

Se debe tener claro la idea del proyecto para para la realización de la página web

para de esta manera que el costo no sea elevado y se realice en el tiempo

previsto y así poder hacer la página pública.

La publicidad es necesaria para dar a conocer los productos que ofrece una

empresa por lo que su continua utilización e innovación mejora el producto

final.

El uso de programas actuales de diseño ayuda a obtener un producto de calidad

ya que consta de nuevas funciones como animaciones y estructuras diferentes

para la distribución de los productos en la página web.

Page 90: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

ELABORACIÓN DE UNA PÁGINA WEB CORPORATIVA PARA LA EMPRESA

SUBLIMACIÓN "PERSONALIZALO.NET" EN EL DISTRITO METROPOLITANO DE

QUITO AÑO 2017 - 2018

76

La opinión de los usuarios es relevante ya que se tendrá un punto de partida para

la creación de nuevos productos o modificar los actuales para que sean más

atractivos al futuro cliente.

El estudio a la competencia siempre es necesario ya que al conocer sus ofertas se

puede buscar estrategias para poder competir y entrar al mercado.

Tener un logotipo que representa a una marca puede ser de ayuda ya que los

clientes reconocen la calidad del producto que ofrece la empresa.

La innovación constante permite que una empresa se mantenga en el mercado

por lo que la difusión y el desarrollo de nuevos productos siempre será

necesario.

Page 91: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

77

BIBLIOGRAFÍA

Abreu, J. L. (2015). Análisis al Método de la Investigación.

Acosta, J. (2012). La imagen publicitaria. Madrid: UOC.

Alegsa. (2015). Diccionario de informática y tecnología. .

Álvarez, M. (2012). Frames en HTML.

Banco Interamericano de Desarrollo. (2004). El Marco Lógico para el Diseño de

Proyectos. Washington, DC.

Belloch, C. (2016). Aplicaciones Multimedias Interactivas.

Concepto definición. (2015). Obtenido de http://conceptodefinicion.de/google-chrome/

Crece Negocios. (2016). Obtenido de http://www.crecenegocios.com/que-es-una-

encuesta/

Delgado, a. (2015). Manual del uso del Internet y Herramientas Tecnológicas.

Enciclopedia US. (2014). Obtenido de

http://enciclopedia.us.es/index.php/Mozilla_Firefox

Graterol, R. (2011). Metodología de la Investigación.

Hernández, R. (2007). Propuesta de Metodología para el desarrollo de Páginas y Sitios

Web.

Insa, D. (2008). Multimedia e internet. Madrid: Paraninfo.

Instituto Superior de Formación y Recursos en Red para el Profesorado. (2008).

Instituto Superior de Formación y Recursos en Red para el Profesorado.

Isin, M. (2011). Creación de un catálogo de patrones de diseño de interfaz gráfica para

sitios web académicos.

Ladines. (2014). Contaminación Ambiental.

Page 92: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

78

Lewin, K. &. (2010). Campo de Fuerzas .

López. (2000). Matriz de Análisis de Involucración.

Mendieta. (2014). Importancia de la web.

Miranda, A. P. (2008). Diseño de una página web, como herramienta de comunicación,

que sensibilice a niños de 7 a 12 años.

Rovayo. (2014). Arbol de problemas.

Senplades. (2013). Plan Nacional del Buen Vivir. Quito: Senplades.

Stake Holders. (2014). Html.

Tapia, F. (2012). Estadística Aplicada al área Económico Administrativa. .

Zamudio, D. G. (2011). Descripción de un modelo de sitio web para la empresa eventos

nacionales ltda en Colombia.

Page 93: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

79

ANEXOS

Anexo 1. Formato de la encuesta

La presenta encuesta tiene como objetivo compilar información acerca de la

creación de una página web como medio de publicidad para la empresa de sublimación

“Personalizalo.net”.

Conteste las siguientes preguntas marcando con una X según su criterio.

1. ¿Consideras que el diseño de la interfaz: estructura, organización, de la página web

son importantes?

___Sí ___No

2. ¿Ha usado una página web como medio informativo para conocer sobre algún tema

en especial?

___Sí ___No

3. ¿Considera que el diseño de la interfaz: accesibilidad, navegación, etc., de la página

web deben ser fáciles de usar?

___Sí ___No

4. ¿existe información suficiente de la importancia de la creación de una página web en

el entorno empresarial como personal?

___Sí ___No

5. ¿Crees que los elementos multimedia utilizados en esta página web facilitan el

proceso de enseñanza-aprendizaje de los contenidos?

___Sí ___No

6. ¿Le gustaría que el lenguaje utilizado de una página web sea claro y conciso?

___Sí ___No

Page 94: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

80

7. ¿Cree que es importante que usted como usuario de alguna página web este

informado sobre lo que está pasando cuando interactúa con ella?

___Sí ___No

8. ¿En la actualidad cree que las páginas web forman parte de la vida de las personas?

___Sí ___No

9. ¿Cree que el diseño de una página web lo podría realizar cualquier persona con

facilidad?

___Sí ___No

10. ¿Cree que para el manejo y control de la página web debe existir un manual de uso?

___Sí ___No

Gracias por su colaboración., esta información será de gran utilidad para el desarrollo

de una página web.

Page 95: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

81

Anexo 2. Isla de la empresa Personalizalo.net

Page 96: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

82

Page 97: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

83

Page 98: CARRERA DE DISEÑO GRÁFICO ELABORACIÓN DE UNA PÁGINA …

84