Embed Size (px)
DESCRIPTION
proceso de diseño
Citation preview
En función del ejercicio desarrollado durante el
presente semestre en sesiones de clase y
laboratorio, es que se presenta un ejemplo y
referencia visual, de cómo deben ser presentadas las
etapas de: Conceptualización y Diseño Gráfico
o r i e n t a d o a l w e b , p a r a e l p r o y e c t o :
Conceptualización, diseño y desarrollo de sitio web.
Diseño y desarrollode website Patagonia - Chile Ltda.
PatagoniaC h i l e
PatagoniaC h i l eAntecedentes
Diseño de website para promoción turística en la Región de Patagonia, Punta Arenas Chile
Patagonia - Chile Ltda.XII Región de magallanes, Chile
Turismo aventura y expediciones de alta montaña
La empresa PATAGONIA - CHILE Ltda. necesita una plataforma que le
permita difundir y promocionar sus servicios relacionados al rubro del
turismo aventura y expediciones de alta montaña. Plataforma que
además permita mostrar sus principales ventajas competitivas y lograr
que personas naturales y operadores turísticos nacionales e
internacionales depositen la confianza en la empresa para la
contratación de sus servicios en la Región de Patagonia.
Proyecto:
Empresa:
Rubro:
Necesidades Comunicacionales:
De acuerdo a las necesidades comunicacionales planteadas, se desarrollará un sitio web de tipo “Vitrina Comercial”.
Diseñar e implementar un website para la empresa Patagonia - Chile
Ltda., el cual permitirá promover sus servicios utilizando como
recurso comunicacional estratégico y persuasivo, el concepto de
“Vivir una experiencia única” en turismo aventura en uno de los
paisajes más bellos y sobrecogedores del planeta, la Patagonia
Chilena.
Tipo de sitio:
Objetivos:
Objetivos Específicos:
1.- Crear una plataforma que permita mostrar en plenitud, los servicios y programas turísticos ofrecidos por Patagonia - Chile Ltda.
2.- Implementar canales efectivos de comunicación entre la empresa, sus potenciales clientes y viceverza.
3.- Mostrar la experiencia de vivir una aventura en la zona más austral del planeta, de la mano de Patagonia - Chile Ltda.
4.- Generar lazos de confianza entre el Staff de profesionales que conforman Patagonia - Chile Ltda. y los usuarios, potenciales clientes y operadores turísticos para la contratación de sus servicios.
PatagoniaC h i l e
PatagoniaC h i l eContenidos
Este ítem se trabajará bajo el concepto de “vive la experiencia”, será un ítem de carácter testimonial, donde se presentarán fotografías de turistas disfrutando de las expediciones.Se establecerá además un vínculo a la cuenta de Flickr, donde se podrán ver las galerías completas de Patagonia - Chile. Estas galerías podrán ser actualizadas también por usuarios y las personas que han contratado los servicios de Patagonia - Chile.Se considera también la incorporación de videos incrustados desde nuestro canal oficial en Youtube, creado exclusivamente para este propósito y la respectiva vinculación al canal oficial en Youtube.
Este ítem nos permitirá establecer contactos con la empresa de las siguientes formas:El Staff de profesoionales de Patagonia - Chile, entregando datos como: Nombre, cargo que desempeña en la empresa, teléfonos y correo electrónico para contacto directo.Formulario de contacto: Permitirá establecer contactos directos con la empresa y se considerarán los siguientes campos:Nombre, e-mail, nacionalidad, asunto del contacto y comentario.
Este ítem considera además la incorporación de un mapa interactivo que permitirá al usuario conocer la ubucación exacta de la empresa en la ciudad de Punta Arenas, permitiendo además conocer los principales puntos referenciales de la ciudad.
03.- Multimedia
04.- Contactos
Home page dará la bienvenida al website, en ella se presentará una imagen central que grafique el espíritu de Patagonia - Chile y sus servicios. Esta página contará además con información relacionada a expediciones, geografía y otros datos útiles para el usuario que desea contratar los servicios.
Desde home page se consideran vínculos a las siguientes redes sociales: Twitter, Facebook y Blogspot. Además de un informe meteorológico que permitirá al usuario conocer de manera actualizada las condiciones actuales del clima en la Región de Patagonia.
El menu de navegación principal nos dará paso a los siguientes ítems:
En este ítem se presentan los tres servicios de expediciones y turismo aventura. En cada uno de ellos se presentará una descripción general de la expedición, el detalle de la expedición en una ficha tipo, con distancia de la expedición, duración, nivel de dificultad, lugares de inicio y término, más el valor expresado en dólares.Se presentará el itrinerario día a día con fotografías descriptivas de las actividades.El programa e itinerario podrán ser descargados en formato PDF para que operadores turísticos puedan archivar los servicio de Patagonia - Chile y considerarlo en la construcción de paquetes turísticos.
01.- Home Page
02.- Expediciones
Expediciones GaleríaMultimedia
Contactos
Expedición Nº1“Torres del Paine”
Expedición. Nº2“Monte Fitz Roy”
Expedición Nº3“Lago Gray”
GaleríaFotográfica
Galeríade Videos
Fotografía 01 Video 01
Fotografía 02 Video 02
Fotografía 03 Video 03
Fotografía 04 Video 04
Fotografía 05
Fotografía 06
Home Page
ContactosStaff
Contacto 01
Formulariode Contacto
Página derespuesta .PHP
}
DescargaDocumentos
PDFFlickr
YoutubeOfficial Channel
Acceso desdetodas la páginas aRecursos Externos
- Blogger
- Inf. Meteorológico
- Youtube
- Google Maps
} Vínculo y acceso a Redes Sociales
} Código incrustado
} Creación yadministraciónde cuentas
Recursos Externos:
GoogleMaps
Contacto 02Informe meteorológico: Debido a su particular clima y lo austral de la zona geográfica en la cual se desarrollan las expediciones.
Google Maps, de uso como referencia para ubicación de los principales puntos de la ciudad de Punta Arenas y ubicación de la agencia Patagonia - Chile Ltda.
Youtube: Se creará un canal oficial en youtube, donde se muestren videos de turistas que ya han “vivido la experiencia” al sur del mundo de la mano de Patagonia - Chile Ltda.
Redes Sociales: Se consideran vínculos directos a Blogspot, Twitter y Facebook, en las cuales Patagonia - Chile creará las respectivas cuentas.
Recursos aplicados:
Flujo & navegación
PatagoniaC h i l e
PatagoniaC h i l eElementos Corporativos
PatagoniaFontain Pen Frenzy
Punta Arenas -Chile
Bangle
RGB: 155 - 176 - 107CMYK: 20 - 0 - 60 - 20
RGB: 66 - 147 - 159CMYK: 60 - 0 - 20 - 20
RGB: 255 - 86 - 48CMYK: 0 - 80 - 90 - 0
Aplicación Corporativa
Aplicación Corporativa
Aplicación Corporativa
RGB: 31 - 26 - 23CMYK: 0 - 20 - 60 - 20
PatagoniaC h i l e
PatagoniaC h i l eBocetaje
Principales raffeos para definir formato, línea
gráfica, organización de información,
dispocición de elementos, jerarquización de
información, composición y layout de diseño.
Bocetaje
PatagoniaC h i l e
PatagoniaC h i l eBocetaje
PatagoniaC h i l e
PatagoniaC h i l eLayout & Maqueta Preliminar
Lorem ipsum do lo r s i t amet , consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes,
Lorem ipsum dolor sit amet
Lorem ipsum do lo r s i t amet , consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes,
Lorem ipsum dolor sit ametLorem ipsum dolor sit a m e t , c o n s e c t e t u e r adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum soci is natoque penatibus et magnis dis p a r t u r i e n t m o n t e s ,
Patagonia
Patagonia-ChileLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque
más info
más info
Lorem ipsum dolor sit amet,consectetuer adipiscing elit
10º CHumedad 40%
Lorem Ipsum
Pronostico
PatagoniaC h i l e
PatagoniaC h i l e
# 1E90FF Dodgerblue
Web safe colors
# 87CEFA Lightskyblue
# Cadetblue
5F9EA0
# 8FBC8F Darkseagreen
# F4A460 Sandybrown
# Sienna
A0522D
# Chocolate
D2691E
La paleta cromática utilizada en la línea gráfica de este website, toma como principal referente el paisaje de la Patagonia Chilena.
Su principal ícono, las Torres del Paine, lagos y ventisqueros; están reflejada en una paleta fría en tonos azules y verde azulado.
La extensas llanuras, propias de esta Región Austral son evocadas en los tonos verde musgo, tierra y ocre.
JustificaciónPaleta Cromática
# FFFFFF White } Valor Hexadecimal
HTML color name
PatagoniaC h i l e
PatagoniaC h i l eFonts / CSS
PatagoniaFontain Pen Frenzy
Times
Times New Roman
Arial
Bookman Old Style
Courien New
Comic Sans MS
Garamond
Georgia
Impact
Trebushet MS
Verdana
Explora, descubrey “vive la experiencia”
Swiss 721 BLK BT
Detalle de la expedición
Swiss 721 CN BT
Safe font /CSS Style
Decorativas
Fuentes seguras: Una
fuente segura, es aquella
que puede visualizarse en
todos los navegadores y
sistemas operativos. No
t o d o s l o s s i s t e m a s
o p e r a t i v o s ( a p p l e ,
windows, unix, linux) tienen
instalados los mismos tipos
de fuente; por lo cual
debemos procurar utilizar
fuentes que sean comunes
o que vengan instaladas
por defecto en los distintos
sistemas operativos.
Las familias tipográficas
más comunes presentes en
t o d o s l o s s i s t e m a s
operativos son las que se
muestran a continuación en
esta página.
Se presentan como ejemplo
las fuentes que se utilizarán
en diversas áreas del
w e b s i t e d e f o r m a
decorat iva, como por
ejemplo en un título.
La aplicación debe ser
mediante una imágen, en un
formato compatible (JPG,
GIF, PNG) o bien en
películas SWF.
Home page dará la bienvenida al website, en ella se presentará una imagen
central que grafique el espíritu de Patagonia - Chile y sus servicios. Esta
página contará además con información relacionada a expediciones,
geografía y otros datos útiles para el usuario que desea contratar los
servicios.
Desde home page se consideran vínculos a las siguientes redes sociales:
Twitter, Facebook y Blogspot. Además de un informe meteorológico que
permitirá al usuario conocer de manera actualizada las condiciones actuales
del clima en la Región de Patagonia.
Propuestas Gráficas
01.- Home Page
02.- Expediciones
Propuestas Gráficas
En este ítem se presentan los tres servicios de expediciones y turismo
aventura. En cada uno de ellos se presentará una descripción general de la
expedición, el detalle de la expedición en una ficha tipo, con distancia de la
expedición, duración, nivel de dificultad, lugares de inicio y término, más el
valor expresado en dólares.
Se presentará el itrinerario día a día con fotografías descriptivas de las
actividades.
El programa e itinerario podrán ser descargados en formato PDF para que
operadores turísticos puedan archivar los servicio de Patagonia - Chile y
considerarlo en la construcción de paquetes turísticos.
03.- Multimedia
Propuestas Gráficas
Este ítem se trabajará bajo el concepto de “vive la experiencia”, será un ítem
de carácter testimonial, donde se presentarán fotografías de turistas
disfrutando de las expediciones.Se establecerá además un vínculo a la cuenta de Flickr, donde se podrán ver las galerías completas de Patagonia - Chile. Estas galerías podrán ser actualizadas también por usuarios y las personas que han contratado los servicios de Patagonia - Chile.Se considera también la incorporación de videos incrustados desde nuestro canal oficial en Youtube, creado exclusivamente para este propósito y la respectiva vinculación al canal oficial en Youtube.
04.- Contacto
Propuestas Gráficas
Este ítem nos permitirá establecer contactos con la empresa de las
siguientes formas:
El Staff de profesoionales de Patagonia - Chile, entregando datos como:
Nombre, cargo que desempeña en la empresa, teléfonos y correo
electrónico para contacto directo.
Formulario de contacto: Permitirá establecer contactos directos con la
empresa y se considerarán los siguientes campos:
Nombre, e-mail, nacionalidad, asunto del contacto y comentario.
Este ítem considera además la incorporación de un mapa interactivo que
permitirá al usuario conocer la ubucación exacta de la empresa en la ciudad
de Punta Arenas, permitiendo además conocer los principales puntos
referenciales de la ciudad.
