INDICE PRE-PROYECTO
Brief Justificación Medios tecnológicos Referentes
MARCO TEORICO
Elementos dsitractores Dominio Hosting Dns
PROYECTO
Esquema humano Planificacion (carta gant)
DISEÑO Y DESARROLLO Imagen corporativa Árbol de navegación Grafico inicial Producción Integración
1
PRE-PROYECTO
BRIEF EMPRESA
MISIÓN
Empresa chileno-italiana de comercio exterior es- Ofrecer servicios de exportación con calidad, credibilidad, rapidez, seriedad y precios competitivos. pecializada en frutos secos. Atender en forma personalizada las necesidades de cada uno de nuestros clientes, creando lazos HISTORIA La Compañía nace gracias a la unión de dos socios comerciales sólidos y permanentes. que a través de los años han logrado ocupar un importante lugar en el sector de las exportaciones. Luego de adquirir una amplia experiencia en el sector de productos desde varios países del mundo hacia el mercado italiano, se decide expandir los negocios a Chile creando la Compañía de Comercio Exterior Mondial Export S.A.
METAS
Llegar a ser una Empresa vista en el ámbito nacional como la mejor compañía exportadora de productos elaborados en Chile hacia mercados internacionales, siendo reconocida como una sociedad que respeta las normas del sector, trabajando con absoluta precisión y colaboración ya sea con nuestros proveedores como con nuestros clientes, cultivando de esta forma relaciones de confianza y a largo plazo.
Pre-proyecto | brief |
1 3
PRODUCTOS O SERVICIOS
¿POR QUÉ SUS CLIENTES PREFIEREN SU Exportación de frutos secos como almendras, nue- PRODUCTO O SERVICIO SOBRE OTROS? ces, pasas y ciruelas deshidratadas.
Nuestros años de experiencia nos han permitido manejar procesos de altos estándares, lo que conPÚBLICO OBJETIVO Empresas y personas relacionadas con el mundo lleva ofrecer un servicio de calidad que es muy bien alimentario, ya sea de venta directa, restoranes y percibido por nuestros clientes, generándose lazos estables y permanentes similares. ¿COMO QUIERE SER PERCIBIDO? Como una empresa de calidad, sólida, con experiencia, confiable y eficaz.
PRE-PROYECTO
JUSTIFICACION El sitio web que posee la empresa, ha sufrido el inevitable deterioro ante el paso del tiempo. Salta a la vista que fue creado hace bastantes años, ya que su gráfica e interfaz mantienen elementos considerados a estas alturas como obsoletos.
Para remediar estos inconvenientes, se hace necesaria una renovación total a dos niveles:
Identidad corporativa actual y actualizacion del sitio web.
La identidad corporativa es demasiado genérica y presenta falencias de escalabilidad, originalidad y En el contexto actual, no resulta agradable visual- memorablilidad, para lo cual se le otorgarán caracmente, posee una paleta cromática inconsistente y terísticas más identificativas, mayor consistencia y su navegación es poco amigable. Por otro lado, aún versatilidad para las diversas aplicaciones. mantiene algunas páginas en construcción, lo que sugiere abandono y despreocupación. Estos factores han desembocado en que el sitio no refleje fielmente lo que la empresa desea transmitir, sino que al contrario, deja la impresión de ser una empresa indiferente con su imagen, arrastran- En base a los resultados que se obtengan en el prodo consigo al resto de sus aspectos, lo que a fin de ceso del rediseño de la imagen , se abordará el replanteamiento del sitio weben relacion a consepto cuentas termina por perjudicarle. e imagen. Pre-proyecto | Justificación|
5
PRE-PROYECTO
MEDIOS TECNOLOGICOS
Proveedor del servicio: Manquehuenet IP del sitio:190.96.85.139 Organización del Sitio: Manquehuenet Ubicación geográfica: Santiago de Chile Dominio base: mondialexport.cl
El proyecto interactivo se llevará a cabo mediante el lenguaje HTML, hojas de estilo CSS y elementos de jQuery a través de la plataforma Dreamweaver. El sitio web ya posee su dominio y hosting (manquehuenet) y ambos se encuentran vigentes, por lo que no sería necesario hacerse de ellos nuevamente. Para los elementos gráficos como botones e íconos, se utilizará la plataforma Adobe Illustrator y Adobe Photoshop. Al mismo tiempo se integrarán redes sociales para fines informativos y de difusión.
REFERENTES Proveedor Servicio Internet: E-MONEY IP del servidor: 200.3.212.27 Organización del sitio: E-MONEY Locación geográfica: Santiago de Chile Dominio base: rioblanco.cl El sitio está creado en lenguaje html5, con elementos de CSS y JS En su inicio posee animaciones simples realizadas con JavaScript Menú vertical lateral izquierdo Familia tipográfica a través de google fonts. Versión Bilingüe (Español/Inglés)
Pre-proyecto | Referentes |
7
Proveedor Servicio Internet: Gtd Internet S.A. IP del servidor: 190.196.69.221 Organización del sitio : Gtd Internet S.A. Locación geográfica: Santiago de Chile Dominio base: sunagro.cl El sitio está creado en lenguaje html5, con elementos de CSS y JS Presencia de Sliders y Lightbox Menu horizontal superior. Familia tipográfica a través de sistema. Versión Bilingüe (Español/Inglés)
Proveedor Servicio Internet: Telmex Servicios Empresariales S.A. IP del servidor: 190.54.12.77 Organización del sitio : Telmex Servicios Empresariales S.A. Locación geográfica: Santiago de Chile Dominio base: carter.cl El sitio está creado en lenguaje html, con elementos de CSS, JS y Flash. Presencia de Sliders y Lightbox Menu horizontal superior Familia tipográfica a través de sistema. Versión Bilingüe (Español/Inglés) Pre-proyecto | Referentes |
9
MARCO TEORICO
INFORMACIÓN ADICIONAL DOMINIO Proceso por el cual una persona pasa a tener el control sobre un nombre de dominio a cambio de pagar una cierta cantidad de dinero a un registrador. El procedimiento es el siguiente: Elegir un dominio. Verificar la disponibilidad del nombre de dominio deseado en algún registrador. Ingresar los datos personales. Elegir la cantidad de tiempo que el dominio permanecerá registrado. Pagar el dominio, normalmente con tarjeta de crédito (o también por transferencia bancaria) Una vez comprado, el ahora dueño del dominio (registrante) debe configurarlo con la URL a la cual redirec- cionar, IP del servidor al que encontrará mediante la DNS, servidor DNS usada por este.
El dueño del dominio debe esperar un tiempo para que el dominio sea reconocido en todos los servidores de Internet. Para los dominios .com y .net la demora es entre 4 y 8 horas, y para otros es generalmente entre 24 y 48 horas. En ese período: El registrador contacta con ICANN y realiza el proceso de forma transparente para el registrante. Se avisa al registrante que el dominio fue registrado. El nuevo dominio funciona, y resuelve a la IP apropiada en el servidor DNS usado, pero no en el resto de servidores DNS del mundo. Poco a poco se va propagando el cambio al resto de servidores (propagación DNS). Como cada uno tiene distintos tiempos de actualización y parámetros de caché distintos, pasan va- rias horas hasta que todos los servidores DNS del mundo conocen cómo hacer la resolución del dominio. La página ya es accesible mediante un nombre de dominio
HOSTING
El hospedaje web aunque no es necesariamente un servicio, se ha convertido en un lucrativo negocio para las compañías de internet alrededor del Servicio que provee a los usuarios de Internet un mundo . sistema para poder almacenar información, imátipos de alojamiento: gratuito, compartido , evengenes, vídeo, o cualquier contenido accesible vía web. Es una analogía de “hospedaje o alojamiento dedor ,Servidores virtuales ( ,Servidores dedicados Colocación ,Alojamiento web en la nube . en hoteles o habitaciones” donde uno ocupa un Servicios de pago lugar específico, en este caso la analogía aloEste tipo de obtención, por lo general viene dado jamiento web o alojamiento de páginas web, se por el contrato de un proveedor de internet, el refiere al lugar que ocupa una página web, sitio cual junto con dar conexión, entre la posibilidad web, sistema, correo electrónico, archi- vos etc. en internet o más específicamente en un servidor de almacenamiento mediante disco virtual o espacio web o combinación de ambos. que por lo general hospeda varias aplicaciones o Servicios gratuitos páginas web. Este tipo de servicio viene dado por la base de ser Las compañías que proporcionan espacio de un servidor a sus clientes se suelen denominar con el gratuito, y sin costo alguno al suscriptor. Sin embargo, quienes usan este servicio, por lo general término en inglés web host. son páginas de bajos recursos de mantenimiento . Marco Teórico | Informacion adicional |
11
DNS (Domain Name System) sistema de nomen-
clatura jerárquica para computadoras, servicios o cualquier recurso conectado a Internet o a una red privada. Su función más importante, es traducir (resolver) nombres inteligibles para las personas en identificadores binarios asociados con los equipos conectados a la red. Como medio de financiamiento, el servidor coloca avisos de publicidad de Adsense u otras empresas, ha- ciendo que la página se llene de publicidad en algún punto. SERVIDORES : Un alojamiento web se puede diferenciar de otro por el tipo de sistema operativo, uso de bases de datos y motor de generación de sitios web exista en él. Algunos de los servicios más comunes que se pueden entregar son lo de FTP, manejo por sitio web y múltiples clientes en las bases de datos.
SERVICIOS GRATUITOS
Este tipo de servicio viene dado por la base de ser gratuito, y sin costo alguno al suscriptor. Sin embargo, quienes usan este servicio, por lo general son páginas de bajos recursos de mantenimiento o aquellas que los dueños no poseen suficiente dinero para ser mantenida.
DOMINIOS : Algunos planes de alojamiento
(pero no los gratuitos) incluyen un nombre de dominio para que sea más fácil acceder al sitio. Si no viene incluido, es el usuario quien tiene que registrar un dominio mediante un registrador o bien usar un subdominio de la misma compañía.
PROYECTO
ESQUEMA DEL EQUIPO ESQUEMA DEL EQUIPO HUMANO Para la realizaci贸n del proyecto debe haber una organizaci贸n en relaci贸n al equipo humano involucrado en el. Es necesario el dividir las labores y realizar un trabajo en equipo.
ANDREA G.
MARCO V. preproyecto identidad corporativa desarrollo
realizacion de propuestas testeo e implementacion modificaciones difucion entrega Proyecto | Esquema de equipo |
13
PLANIFICACION PLANIFICACIĂ“N (CARTA GANT ) Al realizar una carta Gantt definimos los tiempos de cada etapa del proceso del proyecto, para posteriormente comenzar a trabajar de una manera organizada.
Proyecto | Planificaci贸n |
15
DISEÑO Y DESARROLLO
IMAGEN CORPORATIVA DESCRIPCIÓN TEXTUAL Y PRESENTACIÓN VISUAL
AREA DE SEGURIDAD.
Aquí es donde se constituye el área que debe existir entre Mundial es una marca de expor- la imagen y los objetos que le tación de frutos secos que busca rodean. globalizarse. Al renovar su logotipo hemos 11 X mantenido la imagen del mundo, pero esta vez de una manera más abstracta. En relación a su tipografía se utilizo , ya que es mas legible y 8X crea un equilibrio en relación a imagen y texto. La elección del color se baso específicamente en que la empresa busca manifestar la sensación de institucionalidad y a la vez lo #12384C natural de sus productos.
GRILLA DE CONSTRUCCION Se establece las medidas básicas para construir la marca.se delimitan las proporciones para una optima legibilidad, determinadas por la variante X. 10 X 1X
1X
7X
R:18 / G:56 / B:76
ARBOL DE NAVEGACIÓN
Decision Diseño y desarrollo | Mapa de sitio
17
WIREFRAMES 1
WIREFRAMES 2
Dise単o y desarrollo | Wireframes |
19
MOCKUP 1
Dise単o y desarrollo | Mockup |
21
MOCKUP 2
Dise単o y desarrollo | Mockup |
23