Está en la página 1de 18

PROPUESTA TCNICA Proyecto: Servicio de creacion y diseo de identidad, imagen y linea grafica.

Adems de diseo y desarrollo sitio web programa Observatorio Turistico de la Region de Aysn.
Contraparte: Rodgers Hermosilla Inostroza.

ndice de Contenidos
Objetivos de la propuesta ........................................................................................................................................................3 Carta Gantt ................................................................................................................................................................................ 4 Productos ..................................................................................................................................................................................5
Reuniones de anlisis y recopilacin de informacin del proyecto ................................................................................................5 Diseo de Marca .....................................................................................................................................................................................5 Sitio Web .................................................................................................................................................................................................6 Servicio de Hosting ............................................................................................................................................................................. 10 Compra de Nombre de Dominio ......................................................................................................................................................... 10 Productos Adicionales ........................................................................................................................................................................ 10

Metodologa de Trabajo (Diseo de Marca) ....................................................................................................................... 12 Metodologa de Trabajo (Desarrollo Web) .......................................................................................................................... 15 Equipo SURDIGITAL ................................................................................................................................................................ 18

SURDIGITAL Agencia de Medios Digitales F: 67-246849 - D: Fco. Bilbao 457 Oficina 2 - Coyhaique - XI Regin www.surdigital.net

Pagina N 2

I. Objetivos de la propuesta
A. Objetivo General
Creacin de la identidad e imagen corporativa del Programa Observatorio Turstico de la regin de Aysn, adems de su sitio Web de carcter informativo y un trabajo de networking, esto quiere decir, asociar la pgina a redes sociales como Facebook y Twitter, transformar esta herramienta en el nexo entre nuestra entidad y la comunidad, nuestros colaboradores y usuarios para, entre otros, fortalecer la asociatividad y adems promover nuestro trabajo e impulsar el Observatorio como un referente de opinin y fuente constante de noticias e informacin relevante del sector.

B. Objetivos Especficos
1. Diseo de una Marca Institucional que identifique al Observatorio Turstico de la Regin de Aysn. 2. Crear papelera en base a la marca antes desarrollada 3. Creacin de un manual de uso de la Marca 4. Disear e implementar la prestacin del servicio de Desarrollo de Sitio Web, Considerando lo siguiente: 1.1. Confeccionar boceto del sitio web en base a los insumos aportados el Observatorio. 1.2. Desarrollar sitio web. 1.3. Implementar sitio web. 1.4. .Implementacin de Redes Sociales

SURDIGITAL Agencia de Medios Digitales F: 67-246849 - D: Fco. Bilbao 457 Oficina 2 - Coyhaique - XI Regin www.surdigital.net

Pagina N 3

II. Carta Gantt


Se estima un plazo de entrega de 40 das corridos desde la firma del contrato hasta la entrega de los productos comprometidos. A continuacin se presenta una carta Gantt, que muestra ambos procesos (Diseo de Marca y Desarrollo de Sitio Web

Carta Gantt

SURDIGITAL Agencia de Medios Digitales F: 67-246849 - D: Fco. Bilbao 457 Oficina 2 - Coyhaique - XI Regin www.surdigital.net

Pagina N 4

III. Productos
A. Reuniones de anlisis y recopilacin de informacin del proyecto.
Se realizarn un mnimo de 2 reuniones orientadas a recopilar informacin, estas darn las bases para el inicio del proceso de creacin de la Marca, Mapas del Sitio y definicin de Wireframes y personajes..

B.

Diseo de Marca.
El diseo de la marca considera los siguientes sub productos como resultado de la asesora Logotipo Institucional Diseo de Papelera institucional o o o o o o Diseo de tarjetas de presentacin Diseo de Carpeta Diseo de Sobre (Americano y de Bolsa) Diseo de Hojas (Carta y Oficio) Diseo de Presentacin en Power Point Diseo de Firma de Correo Electrnico

Manual de uso de Marca: Es un documento en el que se disean las lneas maestras de la imagen de una compaa, servicio, producto o institucin. En l, se definen las normas que se deben seguir para imprimir la marca y el logotipo en los diferentes soportes internos y externos de la compaa, con especial hincapi en aqullos que se mostrarn al pblico.

SURDIGITAL Agencia de Medios Digitales F: 67-246849 - D: Fco. Bilbao 457 Oficina 2 - Coyhaique - XI Regin www.surdigital.net

Pagina N 5

C.

Sitio Web.
DISEO WEB
SURDIGITAL se compromete a aplicar en el diseo Web la lnea grfica asociada al logotipo de la institucin, generando de esta forma continuidad y no producir un quiebre entre el sitio web y el resto de la grafica desarrollada. Como proceso de diseo Web se trabaja en conjunto con el cliente considerando los objetivos planteados inicialmente, los wireframes nos indican los elementos destacables a utilizar en la grfica y se fabrica un diseo acorde a esto, considerando este proceso se puede fabricar la base grfica en un solo diseo o necesitar muchos para llegar a algo definitivo, todo depender de la claridad de las ideas e informacin que el cliente posea.

Este es un ejemplo de la personalizacin, el sitio www.hosteriaalemana.cl en el cual desarrollamos un set de diseos en bas a lo que el cliente deseaba proyectar de su negocio.

SURDIGITAL Agencia de Medios Digitales F: 67-246849 - D: Fco. Bilbao 457 Oficina 2 - Coyhaique - XI Regin www.surdigital.net

Pagina N 6

DESARROLLO WEB

Mapa de Contenidos El siguiente mapa fue el resultado de la reunin realizada el da jueves 29 de marzo en conjunto con el cliente, en el se puede apreciar todos los tems a integrar en el sitio Web.

Referencia Sitio Web Autoadministrable Un sitio Autoadministrable considera la creacin de sistema que permitan la administracin del sitio Web por parte del Cliente con una clave de acceso, esto permite la modificacin de los contenidos del sitio Web y tambin la creacin de nuevo contenido (dependiendo de cada sistema). No Considera la creacin de contenidos por parte de nuestra empresa y tampoco la traduccin de las pginas, solo el traspaso de formato de diseo a Web. Al realizar un anlisis de las necesidades que posee el Observatorio Turstico de Aysn se llega a la conclusin que es necesario utilizar una mezcla entre sistemas autoadministrables y no autoadministrables llegamos a esta conclusin debido al poco rango de creatividad que permite un sistema autoadministrable y considerando que el contenido esttico posee modificaciones mnimas durante un periodo extenso (1 a 2 veces en el ao) permitiendo de esta forma realizar un diseo mucho mas acabado y mejor orientado al usuario. A continuacin se dar a conocer el detalle de cada pagina y la especificacin del sistema de administracin que utilizara.

SURDIGITAL Agencia de Medios Digitales F: 67-246849 - D: Fco. Bilbao 457 Oficina 2 - Coyhaique - XI Regin www.surdigital.net

Pagina N 7

Portada (Home) Si bien el Home es desarrollado en la fase de Diseo como propuesta de nuestra parte se recomienda incluir los siguientes tems mnimos para una organizacin informativa como es el Observatorio Redes Sociales: especial nfasis en Twitter como medio de comunicacin de tareas, los ltimos Twits seran desplegados directamente en la Web. Novedades. ultimas 3 o 4 novedades, con fotografa, titulo y bajada. Fotografas: Slide de fotografas clsico o slide con fotografas de fondo que grafiquen todas las reas del turismo que abarca el observatorio Newsletter: espacio para registro de interesados en los futuros newsletter que realizar el observatorio.- Buscador: buscador orientado a recorrer las novedades y la documentacin del sitio Web.

Sistemas Autoadministrables Se recomienda la creacin de 2 sistemas autoadministrables para el sitio Web del Observatorio Turstico de Aysn.

Sistema de Publicaciones Sistema de Novedades

Sistema de Publicaciones: este sistema es el encargado de organizar la documentacin subida al sitio Web, se compone de un modulo de clasificacin que permitir categorizar la documentacin publicada, adems es posible la asignacin de palabras clave para ayudar en la bsqueda de la documentacin, adicionalmente se incluye un ordenamiento en base a histricos y fechas de publicacin, de esta manera es posible realizar filtro en el tiempo y tener una referencia de la antigedad de la documentacin publicada. Los formatos aceptados por el sistema se listan a continuacin PDF

SURDIGITAL Agencia de Medios Digitales F: 67-246849 - D: Fco. Bilbao 457 Oficina 2 - Coyhaique - XI Regin www.surdigital.net

Pagina N 8

Word Excel PowerPoint JPG BMP PNG

Sistema de Novedades: Este sistema permite crear noticias o dar a conocer actividades realizadas por el Observatorio, el sistema permite crear una galera individual por novedad o actividad, adems permite la relacin con videos en Youtube, permitiendo crear una galera de videos de ser necesario, esta unin entre multimedia y contenidos da la posibilidad de comunicar de mejor manera cualquier novedad o actividad que se realice en el Observatorio. Adems el sistema cuenta con un mdulo de comentarios, de esta forma la gente puede interactuar o comentar sobre una novedad o actividad que se a realizado.

Contenidos No Autoadministrables El resto del contenido se recomienda que no sea autoadministrable ya que el nivel de modificaciones realizadas es muy pequeo como para invertir en este tipo de sistemas. Considerando el Mapa realizado los siguientes contenidos son estticos y pueden ser modificados solo por un profesional o por una persona con los suficientes conocimientos de HTML bsico. Quienes Somos: Detalle sobre el instrumento y sus implicancias para la regin, considerando beneficios e informacin que ser encontrada en la Web, de preferencia incluir: Objetivo, Misin y Visin Ubicacin: este espacio no solo muestra la ubicacin local (direccin) sino tambin la ubicacin en el mundo (la Patagonia, Chile, Coyhaique) Formulario de Contacto: Formulario que permite el envo de correo electrnico directo desde el Web a uno o varios correos pre configurados. Como medida de proteccin el formulario integra un filtro de reconocimiento de humanos (humanCheck) que evita el envo de SPAM desde el mismo.

SURDIGITAL Agencia de Medios Digitales F: 67-246849 - D: Fco. Bilbao 457 Oficina 2 - Coyhaique - XI Regin www.surdigital.net

Pagina N 9

D.

Servicio de Hosting por un periodo de 2 aos


Este tem corresponde al periodo de 2 aos desde la publicacin del Sitio Web en Internet. El periodo de Alojamiento Web incluye los siguientes servicios asociados:

Espacio en el disco duro 1.5Gb. 50 Cuentas de Correo Electrnico Auto responder para mail. Proteccin contra SPAM. Servidores con Sistema Operativo Linux.

E.

Compra de Nombre de Dominio, periodo 2 aos


Adquisicin por un periodo de 2 aos de un Dominio .com o .cl (dependiendo de un anlisis de mercado), este Dominio es transferido al cliente quedando l como propietario.

F.

Productos Adicionales

Google Apps: integracin del correo electrnico corporativo de cada empresario en Google Apps, con ello obtienen como beneficio la utilizacin de la plataforma GMail con 7Gb de capacidad de hasta 10 cuentas de correo, esto trae como beneficio para el empresario la gestin de correos en una plataforma que posee un uptime de 99,9%, ademas garantiza un filtro de Spam mucho mas avazado pero lo principal es la capacidad de 7Gb de espacio por cada cuenta. Adicionalmente se realiza una capacitacin para el uso de esta cuenta o de ser requerido por el usuario se configura su cuenta en su equipo Outlook. Estadisticas de Google Analitycs: si bien el hosting integra un sistema de estadisticas del sitio web, como adicional y para tener un punto de comparacin se integrar a cada Web con Google Analitycs, sistema gratuito de estadisticas que ofrece Google, estes sistema es muy simple de utilizar y permitir al emrpesario tener una visin mucho mas completa del comportamiento de su sitio y evualuar futuros cambios de contenido en base a estas

SURDIGITAL Agencia de Medios Digitales F: 67-246849 - D: Fco. Bilbao 457 Oficina 2 - Coyhaique - XI Regin www.surdigital.net

Pagina N 10

estadsticas.

Adaptacin de redes sociales a neuva marca: en el caso que la empresa no posea una cuenta de Facebook, Twitter o Youtube, esta inscripcin ser realizada por nuestra empresa, considerando la toma de desicin del empresario tanto en definicin de nombres como el la pertinencia de la creacin de una cuenta. A cada cuenta le ser aplicado una adaptacin de diseo asociado a la marca, registrando logotipos, referencias introductorias, direccin fsica y cualquier dato adicional que ayude en la propagacin de la organizacin en las redes sociales. Galera desde Flickr: dentro de la propuesta no se considera la creacin de galeras de fotos, es por ello que est es una solucin para los empresarios que puedan necesitar de este servicio, para lograrlo creamos una cuenta Flickr y creamos un script que lea las imgenes publicadas por un usuario especfico. Ultimos Twits: twitter es una herramienta que se puede utilizar como medio de comunicacin directo hacia nuestros clientes, es por ello que siempre recomendaresmo la creacin de una cuenta en este servicio, una manera de difundir que nuestra empresa est en constante movimiento es desplegar los ultimos twits que se han publicado, para ello hemos creado un script que muestra hasta los ultmos 10 twits publicados por una cuenta especifica.

SURDIGITAL Agencia de Medios Digitales F: 67-246849 - D: Fco. Bilbao 457 Oficina 2 - Coyhaique - XI Regin www.surdigital.net

Pagina N 11

IV. Metodologa de Trabajo (Diseo de Marca)


Introduccin
A continuacin daremos a conocer los procesos que involucra nuestra empresa en la creacin de una marca, esto dar a conocer nuestra metodologa de trabajo y nuestras capacidades tcnicas.

1. Contacto
Contacto con el cliente, este contacto puede ser personalmente, va telefnica, va mail, MSN o Skype. Las variables se dan debido a la situacin geogrfica de cada cliente. Gracias a nuestros aos de experiencia hemos desarrollado un sistema que aunque el cliente este a miles de km. de distancia, podamos entender a la perfeccin las necesidades para su diseo.

2. Pre Diseo
Una vez conversado sobre las necesidades e ideas del cliente y entendido bien al negocio sobre el cual vamos a realizar el diseo, se enva un formulario con 6 preguntas sencillas pero claves, para terminar de pulir y entender el tema.

3. Comienzo del Diseo


Luego de recibir el formulario, se comienza el proyecto designando el equipo de diseo. Se debate y se crea un brief luego de que cada miembro del equipo a aportado una idea o un enfoque sobre la marca.

4. Envi de opciones de diseo

SURDIGITAL Agencia de Medios Digitales F: 67-246849 - D: Fco. Bilbao 457 Oficina 2 - Coyhaique - XI Regin www.surdigital.net

Pagina N 12

El cliente recibe las primeras opciones de diseo. En este paso lo que recomendamos es que muestre y debata con otras personas de la empresa, familia, etc. y puedan sacar la mayor cantidad de conclusiones para que sea analizada por nuestro equipo.

5. Opciones
5.1. CONFORME CON LOS DISEOS
Las opciones le agradaron al cliente y decide entre algunos elementos de una marca y algunas de otras. Se continua avanzando

5.2. INCONFORME CON LOS DISEOS


Al cliente no le parasen aptas las marcas enviadas, o simplemente no es lo que buscaba, entonces se conversa sobre esto y se vuelve al paso 1

6. Se encamina el proyecto
Luego de comentarios e intercambio de opiniones se va encaminando el proyecto, se continan enviando opciones en base a los comentarios del cliente y en base a las sugerencias del equipo de diseo.

7. Se decide una opcin


Luego de un trabajo profesional y exhaustivo, pero gratificante, el cliente ve adecuada una de todas las opciones y la define como el futuro logo de su empresa, ya que a el lo complace 100%.

8. Etapa final

SURDIGITAL Agencia de Medios Digitales F: 67-246849 - D: Fco. Bilbao 457 Oficina 2 - Coyhaique - XI Regin www.surdigital.net

Pagina N 13

Una vez obtenido el logotipo se procede a la fabricacin de aplicabilidad y papelera institucional de la nueva marca.

9. Entrega Final
Se realiza la entrega final del producto, tanto logotipo, manual de marca y papelera.

SURDIGITAL Agencia de Medios Digitales F: 67-246849 - D: Fco. Bilbao 457 Oficina 2 - Coyhaique - XI Regin www.surdigital.net

Pagina N 14

V. Metodologa de Trabajo (Desarrollo Web)


A. Introduccin
A continuacin daremos a conocer los procesos que involucra nuestra empresa en la creacin de un sitios Web, esto dar a conocer nuestra metodologa de trabajo y nuestras capacidades tcnicas.

B. Definir Objetivos
Toda accin que los visitantes toman en un Sitio Web puede ser registrada, todos los das, las 24 horas. Es posible saber de donde vienen, que visitan, como interactan con pginas y aplicaciones, cuanto tiempo permanecen en el sitio y mucho ms. Pero si se tiene claros los objetivos de nada sirve toda esta avalancha de informacin. Para iniciar lo ideal es partir de lo que resulte ms importante para la empresa. La palabra clave es ENFOQUE. Cul es el propsito o razn del Sitio Web? en el marco de los objetivos de la empresa Qu es ante todo lo que queremos lograr? Dependiendo de cada caso podemos enumerar objetivos como: Vender productos o servicios. Conseguir prospectos. Establecer contacto con potenciales socios de negocios. Dar soporte a clientes y ahorrar costos. Vender publicidad y atraer visitantes que den clic en los anuncios. Manejar una campaa de relaciones pblicas. Dar servicios sociales y recaudar donaciones. Informar a la comunidad.

Indagar cul es el modelo de negocio, documentacin y consultar con los directivos de la empresa pueden ser maneras de recaudar y validar esta informacin. Muchas y diversas pueden ser las razones. La idea es sacar una breve lista de las ms importantes.

SURDIGITAL Agencia de Medios Digitales F: 67-246849 - D: Fco. Bilbao 457 Oficina 2 - Coyhaique - XI Regin www.surdigital.net

Pagina N 15

C. Identificar actores (personajes)


La creacin de personajes es un rea crucial en la identificacin de las necesidades de nuestros usuarios, debemos colocarnos en los zapatos de los verdaderos usuarios del Sitio Web no de los clientes, con ello se crean personajes asociados a los posibles lectores que sern los futuros clientes. Un personaje se define en base a rasgos personales como lo pueden ser la edad, gustos, lugar de origen, religin, nivel social y socioeconmico. Principalmente la creacin de personajes nos ayudar en la formacin e identificacin de la informacin

D. Mapa de Sitio
Ya poseemos los objetivos del Sitio Web y hemos identificado a los actores, por lo que ya nos encontramos en condiciones de generar un mapa de contenidos del sitio Web. El mapa posee un fin crucial que es dimensionar el sitio Web, esto incluye la cantidad de informacin a entregar como tambin los distintos sistemas a aplicar.

E. Wireframe
El wireframe, - o boceto, esquema, arborizacin, Page Architecture, Low Fidelity Mock-Up, Page Schematic, entre otras muchas denominaciones- es uno de los componentes ms importantes de un proyecto Web y cuando no se realiza o se realiza de manera incorrecta pueden aparecer muchos problemas que al querer resolverlos mas adelante provocan cambios en las planificaciones iniciales. Esta leccin es costosa y dura de aprender por los usuarios, directivos y hasta por algunos profesionales que trabajan en el giro. Y qu es el wireframe?, Un wireframe es un bosquejo de la ubicacin de los elementos en una pantalla. En dependencia de la etapa de desarrollo del proyecto, generamos un wireframe bsico, que expresa los elementos de una pantalla genrica, aplicable a todo un sistema; un wireframe tipo, que expresa la estructura de pantallas de una misma categora, como canales o pginas terminales; y un wireframe detallado, que especifica la composicin de pginas especficas -se aplica especialmente a pantallas que implican la realizacin de acciones. Usualmente no tienen color e incluyen pequeas notas. A pesar de lo aburrido que pueden sonar son el paso ms importante para determinar sobre el producto antes de desarrollarlo para evitar los cambios al final o luego de terminado

SURDIGITAL Agencia de Medios Digitales F: 67-246849 - D: Fco. Bilbao 457 Oficina 2 - Coyhaique - XI Regin www.surdigital.net

Pagina N 16

Los wireframes son, por tanto, herramientas que nos permiten adelantarnos al diseo final y observar de forma esquemtica cmo se estructurarn las pginas que conforman el sitio, sus relaciones y las partes de las que constar cada espacio en el Web.

F. Diseo
En base a los Wireframes obtenidos se inicia el proceso de diseo el cual se adapta a las necesidades de los clientes, en esta etapa se crearn 2 diseos y estos darn las lneas a seguir tanto en colores como en la posible iconografa, esta labor perite mejorar el diseo constantemente hasta llegar a uno definitivo y que deje al cliente conforme.

G. Programacin
Esta fase puede ser realizada junto con el diseo ya que al definirse los Wireframes ya es posible iniciar el proceso de programacin. La programacin es realizada PHP, JavaScript, XML y CSS, estos lenguajes y estndares son los que mejor se adaptan al mundo Web. La programacin genera los sistemas autoadministrables que utilizar el cliente final para as realizar modificaciones a la informacin contenida en el Web.

H. Montaje
Cada una de las etapas anteriores es realizada por especialistas por separado, la etapa de montaje rene toda la informacin, diseo y programacin anteriormente realizados y los une para formar el sitio final, esta etapa incluye la transformacin del diseo plano a formato Web.

SURDIGITAL Agencia de Medios Digitales F: 67-246849 - D: Fco. Bilbao 457 Oficina 2 - Coyhaique - XI Regin www.surdigital.net

Pagina N 17

VI. Equipo SURDIGITAL


Rodgers Hermosilla Inostroza
GESTIN DE PROYECTOS, DESARROLLO Y DISEO WEB. Ingeniero en Informtica. Ha concentrado su actividad en el desarrollado de Sitios Web para distintos tipos de entidades de Gobierno y entidades privadas de toda la Regin de Aysn por mas de 9 aos, Experto en plataformas informticas web 2.0, sitios Web institucionales, programacin, usabilidad, SEO, Diseo Grfico Web, programacin en aplicaciones para iPhone y iPad. Rodgers ser el jef del proyecto, su cargo contempla la recoleccin de empresarios, supervisin de diseos y prgramacin de sistemas, pero principalmente control de calidad del desarrollo y diseo.

Javier Encalada
DESARROLLO WEB. Ingeniero en Informtica de la Universidad Tecnolgica de Chile, su actividad se concentra en el desarrollo y programacin de plataformas Web, especializndose en programacin en PHP y MySQL, sus conocimientos incluyen manipulacin de estilos CSS, y manejo avanzado de programacin en PHP y JavaScript, en este ltimo principalmente el Framework jQuery. Javier es el encargado de la programacin de los sistemas auto-administrables, adems de la programacin de los efectos grficos realizados en JavaScript.

Esteban Paillahueque
DISEO GRFICO Esteban es un autodidacta muy avanzado en el rea de Diagramacin Web, conjel sus estudios de Ingeniero en Informtica para cambiarlos por el de Diseador Web. Si bien no posee ttulo profesional su experiencia le permite estar dentro de nuestro equipo ya que posee un alto nivel en diseo. Su principal funsin en este proyecto es realizar el traspaso de los Diseos realizados en PNG a HTML.

SURDIGITAL Agencia de Medios Digitales F: 67-246849 - D: Fco. Bilbao 457 Oficina 2 - Coyhaique - XI Regin www.surdigital.net

Pagina N 18