Your SlideShare is downloading. ×
Informe snkr
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Informe snkr

124
views

Published on


0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
124
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. INTRO DUCCIÓN
  • 2. Este proyecto trata sobre el desarrollo de una página web para una empresa dedicada a la venta de zapatillas. La cual está en su punto de partida. Nuestra labor para con esta empresa es lanzar este proyecto desde una plataforma virtual, implementando una página con diferentes características que evaluaremos, discutiremos y plantearemos a lo largo de este informe de manera clara y grafica para un usuario básico/medio de medios informáticos. Todo esto, tomando en cuenta el área del diseño, resaltando y mostrando los factores identificativos de la marca para luego plasmarlos en la web.
  • 3. ÍNDICE
  • 4. CAPITULO 1conceptos básicos del medio CAPITULO 2 CAPITULO 3 CAPITULO 4 CAPITULO 5reconocimiento etapas del desarrollo recopilación de información variables del soporte arquitectura de la información
  • 5. MULTIMEDIA INTERACTIVA
  • 6. El concepto de multimedia ha ido evolucionando gradualmente, y si bien al principio simplemente se trataba de sonidos, imágenes y textos, a medida que paso el tiempo se comenzó a combinar estos elementos de diferentes maneras, creando lo que hoy denominamos como multimedia interactiva, y justamente la suma de todos estos medios multiplica los efectos de la multimedia gracias a la inclusión de la interactividad de medios. En primer lugar podemos decir que cuando hablamos de multimedia interactiva o interactividad nos referimos principalmente a la demanda de una acción que efectúa el producto en cuestión al usuario, la cual puede llegar a tener diferentes medios de expresión tales como tocar una pantalla, pisar un suelo y algunas más clásicas como arrastrar con el Mouse, en la computadora. Pero más allá de esto debemos decir que desde el punto de vista del usuario, multimedia interactiva es la cantidad y magnitud del control que el mismo posee sobre los contenidos, es decir que esta segunda definición hace referencia al grado de interactividad que puede llegar a tener el producto, y es importante tener en cuenta el hecho de que mientras más alto sea el grado de complejidad que tenga dicho producto su desarrollo será mucho más lento y su precio más alto. Esta es una de las razones principales por las cuales, el nivel de interactividad que tenga el producto deberá seleccionarse según el tipo de proyecto que se quiera presentar pero de todos modos esto no quiere decir que mientras más alto sea el nivel de interactividad tenga, mejor será el producto, pero lo cierto es que todo producto de multimedia interactiva debe tener, como recién mencionamos, un nivel de Interactividad adecuado y suficiente. Nuestro desarrollo de este concepto fue asimilar la simplicidad que debía tener nuestro sitio y el fácil acceso para manejar la información necesaria, debido a que el usuario desea encontrar de forma rápida lo que busca, sin distractores pero de una forma más innovadora y acogedora que brinda la posibilidad de experimentar un catálogo desplegado y en nuestro home. Además gracias a recursos JavaScript podemos integrar recursos que reforzaran la interacción como en la vista tipográfica del sitio, mapas desplegables, lightbox además de botones de sustitución entre otras características básicas. Esta visión se centra principalmente en el usuario debido a que este lo clasificamos como un usuario de conocimiento tecnológico básico/medio, que sería capaz de desplazarse en nuestra web sin mayores conflictos, garantizando un experiencia satisfactoria para el usuario. INFORME DESARROLLO WEB| SNKR
  • 7. INTERACTIVIDAD La interactividad entre el usuario y el sitio será mediante elementos y factores de interés para este. Se presentara atreves de la entrega de información inmediata y actualizada. Dentro de esto se contemplan: las imágenes, botoneras, botoneras interactivas, menús desplegables. La relación entre usuario y red se puede comprender como una relación interactiva. La red, al emitir un estímulo a través de sus páginas web solicita al usuario/observador que tenga una participación activa. Es solicitando al usuario con cual interfaz desea establecer un dialogo comunicativo, y a partir de este cual es el camino que desea seguir. Se le entregara de la siguiente manera:
  • 8. INTERACCION CON RE- DES SOCIALES Al lado de la botonera principal se encuentran links directos a nuestras páginas de redes sociales, en ellas encontrará una información actualizada de nuestras promociones. Los usuarios Podrán opinar y preguntar acerca de servicios y productos, de esta manera se establecerá una comunicación más directa con el usuario. PRESENTACIÓN DE IM- ÁGENES. Los productos serán presentados a través de galerías de imágenes, estas se mostraran básicamente de dos formas distintas, primero en la página de inicio se encontrara un Slideshow1 que presentara las novedades y promociones, luego en la página de productos, cada imagen contara con un Lightbox2 . Para que de esta manera el usuario pueda apreciar con mayor detalle el producto. FORMULARIO DE CON- TACTO La página contara con un formulario de contacto mediante el cual, se podrá comunicar el usuario con el cliente. Esta es una instancia donde el usuario puede dejar comentarios, hacer consultas, etc. INFORME DESARROLLO WEB| SNKR
  • 9. FORMATO DE IMAGENES Al captar una nueva imagen a través de nuestra cámara digital o bien a través de cualquier otro dispositivo, obtenemos una imagen digital. Actualmente existen muchas clases de archivos del tipo informático, pero para guardar el archivo existen muchísimos formatos y cada programa utiliza su propio tipo de archivo o formato A continuación explicaremos algunos de los formatos de archivos de imágenes que utilizan las cámaras digitales, así como los archivos que utilizan diferentes clases de software. MAPA DE BITS Los archivos de las imágenes se guardan normalmente en forma de mapa de bits o mosaico de pixeles. Cada pixel guarda la información de color de la parte de imagen que ocupa. Este tipo de imágenes son las que crean los escáneres las cámaras digitales. Esta clase de archivos ocupan mucha más memoria que las imágenes vectoriales. El principal inconveniente que presenta esta clase de archivos es el de la ampliación. Cuando un archivo se amplía mucho. Se distorsiona la imagen mostrándose el mosaico “los pixeles” y una degradación en los colores llegando al efecto de pixelación, debido a la deformación de la fotografía. FORMATO TIFF Tagged Image File Format, es un formato que lo desarrollo Aldus, una compañía propiedad actualmente de Adobe. Es un tipo de archivo estándar para guardar imágenes de alta calidad, ya que es compatible con los sistemas operativos de Windows, Linux y Mac. Se encuentra reconocido por muchos programas de retoque y edición gráfica. No obstante si tenemos alguna duda sobre como enviar un archivo para la impresión o edición. Optaremos por el formato universal TIFF, para que se pueda abrir y editar sin problemas.
  • 10. FORMATO RAW El formato RAW. Solo se encuentra disponible en cámaras digitales sofisticadas indicadas para los fotógrafos profesionales este formato ofrece la máxima calidad ya que contiene los pixeles en bruto tal y como se han adquirido. Normalmente el funcionamiento de los otros formatos que utilizan las cámaras digitales (TIFF y JPEG) participa el sensor para transmitir la señal eléctrica y convertir los datos de analógicos a digitales, pero en cambio los pixeles que capta el procesador de la cámara en el caso del RAW, los pixeles no se procesan ni transforman, se mantienen brutos tal cual. A este proceso se le llama negativo digital. FORMATO BMP Esta clase de formato lo utiliza el sistema de Windows y el MS Dos. Para guardar sus imágenes. este sistema de archivo puede guardar imágenes de 24 bits(millones de colores), 8 bits (256 colores) y menos. A esta clase de archivos puede seleccionarse una compresión RLE (Run Length Encoding) sin pérdida de calidad. El uso más común de este formato, es generar imágenes de poco peso y no se aconseja utilizarlo en imágenes recién captadas, sino en imágenes una vez reducidas a los 24bits. Se utiliza mucho para crear fondos para el escritorio de Windows. FORMATO PDF Portable Document format. Este formato lo creo adobe para poder intercambiar archivos entre diferentes sistemasoperativos.Porejemplo;unarchivo o documento creado en algún programa de Windows puede verse en la plataforma Linux o Mac, con solo tener el visualizador de PDF. Disponible gratuitamente en la página de adobe. Este formato guarda con toda precisión el diseño del archivo incluyendo sus fuentes, imágenes y demás gráficos. INFORME DESARROLLO WEB| SNKR
  • 11. Las imágenes pueden ser de muchos formatos diferentes bmp, gif, jpg, etc. Pero no todos estos formatos son adecuados para una web, debido a que pueden ocupar mucha memoria o a que no son compatibles con algunos navegadores. Por consiguiente, los formatos que vamos a utilizar son los siguientes; Gif, jpg, Png. Que a pesar de ser imágenes de menor calidad que las imágenes Bmp. Son más recomendables para usar en web debido a que ocupan menos memoria. Formato GIF. Este formato lo utilizaremos para imágenes con grandes áreas de un mismo color o de tonos no continuos, ya que permite definir transparencias y animación, será nuestro formato para las imágenes de fondo. Formato JPG. Este formato lo utilizaremos para toda la sección de galería , ya que estas imágenes son de mayor calidad que las Gif. Formato png: Será utilizado cuando necesitemos agregarle un efecto a una imagen o sacarle un fondo. FORMATO DE IMAGENES
  • 12. FORMATO JPEG The joint Photographers experts group es uno de los formatos más conocido para la compresión de fotografías digitales. Es uno de los pocos formatos que se soporta en internet. Todas las cámaras y escáneres almacenan las imágenes en formato JPEG no obstante y dado que la compresión de este formato afecta a la calidad de la imagen. Se ha creado una opción para escoger diferentes niveles de compresión. A más baja compresión mayor calidad de imagen. FORMATO PNG Considerado un formato para sustituir el famoso GIF, debido a que el PNG utiliza sistemas de compresión estándares gratuitos, como el método ZIP. Y permite al mismo tiempo mayor profundidad de color en las imágenes, llegando hasta los 24 bits de profundidad de color, mientras que el formato GIF solo recoge 8 bits. Esteformatotambiénposeelascaracterísticas dereconocerlosnavegadores,peroenelcaso del internet Explorer, opera a partir de la versión 5.0, o único que debemos tener en cuenta es que si utilizamos este formato para la red, los usuarios que posean versiones anteriores no podrán verlas. FORMATO GIF Es un formato de archivo bastante antiguo. Lo desarrollo Compuserve para su propia red comercial. Este tipo de archivo se creó con la finalidad de obtener archivos de tamaños muy pequeños. GIF es muy indicado para guardar imágenes no fotográficas tales como: logotipos, imágenes de colores planos, dibujos, etc. Para guardar una imagen en formato GIF utilizaremos la opción guardar para la web. Una gran ventaja de este formato, es que podemos realizar transparencias en la paleta de colores, haciendo que ese color quede invisible. Este formato permite crear animaciones a través de fotogramas secuenciales. INFORME DESARROLLO WEB| SNKR
  • 13. La palabra hosting viene del inglés y significa alojamiento. Es el término con el que se conocen los sitios donde normalmente se aloja una página web. No obstante normalmente los hostings también ofrecen servicios de correo electrónico, bases de datos, ftps y más variedad de opciones. Básicamente a nivel hardware consiste en un servidor conectado a internet con una dirección Internet Protocol (IP) pública fija. En esa máquina servidora se ha de instalar el software servidor http (apache, IIS, etc.), software servidor ftp, lenguajes de programación web (php, asp, java, etc), bases de datos (sql, oracle, mysql, etc.), servidores de correo electrónico, etc. Una sola máquina servidora puede alojar múltiples hostings. El número de hostings que aloja es algo que habrá que tener en cuenta a la hora de elegir, ya que dependiendo del tipo que sea nuestro sitio web requerirá más o menos recursos de la máquina y si está demasiado saturada, esta no nos servirá. Dado que es un servicio bastante específico en cuanto a infraestructura fisca expone la máquina que proporciona el hosting a todo Internet, es por esto que debe llevar una seguridad bastante elevada. Por lo general es un servicio que suele contratarse fuera de la infraestructura de las empresas o fuera de los domicilios particulares de los usuarios domésticos, y es por esto que existen compañías especializadas que ofrecen servicios de hosting. HOSTING
  • 14. NIXIWEB En nuestro proyecto era esencial cumplir la labor de informarnos sobre la elección del hosting, ya que este debe cumplir con los ciertos requerimientos para optimizar el funcionamiento de nuestra página y cumplir con el coste estipulado para el tipo de cliente o empresa. En internet se pueden encontrar una amplia gama de planes de hosting lo que da la opción de cotizar y seleccionar el que mejor se adecue a nuestras necesidades y requisitos. En nuestro caso buscamos un hosting gratuito en el cual pudiéramos agregar el dominio de Snkr.cl (previamente registrado en nic.cl). Llegamos mediante la búsqueda de “hosting gratis” a la página www.zobyhost. com una vez dentro de la página nos pedía un registro previo con el siguiente mensaje: “Zobyhost ya no acepta nuevos registros para el servicio de hosting gratis. A los usuarios que necesiten un servicio de alojamientowebgratuitolesrecomendamos nixiweb!”. Entonces nos dirigimos a www.nixiweb. com Nixiweb es un sitio que ofrece alojamiento web gratuito (hosting gratis) para usuarios del habla hispana (el usuario recibe el servicio de alojamiento web sin necesidad de dar nada a cambio). Requisitos del uso del hosting; los usuarios de nixiweb nunca deberán pagar, agregar publicidad en su sitio o postear en ningún tipo de foro. Panel de control Nixipanel Espacio de disco Ilimitado Transferencia Ilimitado Cuentas FTP Ilimitado Cuentas de correo Ilimitado Base de datos My SQL Ilimitado Dominio adicionales Ilimitado Dominios apuntados Ilimitado Sub-dominios Ilimitado Auto instalador de Scripts a Site-builder a Backups de 1-click a CARACTERÍSTICAS INFORME DESARROLLO WEB| SNKR
  • 15. A continuación luego de un registro, creamos una cuenta nueva con los datos personales del usuario, para luego confirmar el registro a través de un correo electrónico. Una vez activada creamos la cuenta nueva que nos da como defecto el plan de alojamiento gratis, luego seleccionamos la opción de “agregar dominio propio” y digitamos el nombre. Finalizando el proceso de registro y activación de cuenta tenemos acceso a CPanel, este es un panel que contempla toda la información de la cuenta, en donde podemos modificarla y tener acceso a variadas funciones. En este cuadro se pueden observar los datos que se generan a partir de la creación de una cuenta, manejando estos datos se puede proceder a generar y manipular la página.
  • 16. Siguiendo con el proceso del desarrollo web de snkr.cl se accede a la información del DNS (sistema de nombres de dominio) que nos entrega la cuenta creada en nixiweb, estos DNS deben ser agregados a nuestro dominio en nic.cl Para que el sitio este siempre disponible (Uptime 100%) es necesario configurar más de un DNS para mayor seguridad. Para finalizar Nixiweb incorpora un menú de auto instalación de un buen número de gestores de contenidos. Plataformas de formación, etc. Entre ellos Wordpress, Joomia, phpBB, etc. En el caso nuestro instalamos Wordpress para el desarrollo de nuestra web. NIXIWEB INFORME DESARROLLO WEB| SNKR
  • 17. DOMINIO Un dominio de internet es una red de identificación a un grupo de dispositivos o equipo conectados a la red Internet. El propósito principal de los nombres de dominio en Internet y del sistema de nombres de dominio (DNS), es traducir las direcciones IP de cada nodo activo en la red, a términos memorizables y fáciles de encontrar. Esta abstracción hace posible que cualquier servicio (de red) pueda moverse de un lugar geográfico a otro en la red Internet, aun cuando el cambio implique que tendrá una dirección IP diferente. Un dominio se compone normalmente de tres partes: en www.masadelante. com, las tres primeras letras (www), el nombre de la organización y el tipo de organización (com). Los tipos de organización más comunes son .COM, .NET, .MIL, y .ORG, que se refieren a comercial, network, militar, y organización (originalmente sin ánimo de lucro, aunque ahora cualquier persona puede registrar un dominio .org)
  • 18. TIPOS Luego de tener los conocimientos sobre el dominio y que tipo es el más adecuado para nuestro proyecto se procede a ver cuál será el nombre del sitio y donde debemos registrarlo. .ORG Originalmente para servir a organizaciones que no se clasifican adecuadamente en los otros dominios. Suelen ser usados por asociaciones sin ánimo de lucro, ONG, uno de estos ejemplos es wikipedia. .TK Tokelau ofrece la mayoría de dominios .tk como gratuitos. Los dominios gratuitos están señalados a los servidores de Tokelau, los cuales ofrecen servicio de re direccionamiento web. .CL Eseldominiodenivelsuperior geográfico para chile creado en 1987. Es administrado por NIC Chile(Nic.cl). Organismo dependiente de la Universidad de Chile. .COM Del inglés comercial es un dominio de internet genérico que forma parte del sistema de dominios de internet. INFORME DESARROLLO WEB| SNKR
  • 19. Nic es una sigla que significa “Network Information Center”, o centro de información de redes. Nombre histórico usado en todo el mundo para definir la organización encargada de administrar los nombres de dominio en alguna categoría en internet. IANA1 (Internet Assigned Number Authority), delego el ejercicio de esa función al departamento de ciencias de la computación de la universidad de Chile, con el objeto de permitir la creación de nombres de dominio correspondientes a nuestro país, originándose el sufijo “cl” Además en el año 2006 se firmó un “ acuerdo de responsabilidad” entre NIC Chile e ICANN2 , donde se formalizo la relación existente entre ICANN y NIC Chile, estableciéndose las responsabilidades que ambas entidades tienen en la preservación de la estabilidad, la seguridad y la interoperabilidad de internet. Desde su fundación en 1998, ICANN ha tenido entre sus prioridades el poder establecer acuerdos de este tipo con los operadores de registro de nombres de dominios de países, pero solo recientemente se han logrado acuerdos en esta materia. Con la firma de este documento, NIC Chile se convirtió en el primer país latinoamericano en establecer relaciones familiares con ICANN. IANA1 ; Internet Assigned Number Authority, es la organización mundial que administra los nombres de dominio de internet. ICANN2 ; Internet Corporation for Assigned Names and Numbers, corporación de internet que rige los nombres y direcciones para internet.
  • 20. ETAPAS DEL PROYECTO El proyecto surge a parir de un encargo para taller VI, el cual consta en desarrollar una página Web a nivel profesional, junto con la confección de un informe explicativo a nivel usuario, con cada uno de los pasos, procesos, herramientas de la creación y estructuración de ambos. A partir de esto, generamos nuestro proyecto Web el cual consiste en la creación de una página web para la venta de zapatillas. El primer paso es reconoces e identificar las posibles necesidades del cliente, luego buscar las mejores alternativas para resolver las necesidades encontradas. Una vez conseguid esto debemos organizarnos y seguir cuatro importantes y esenciales pasos para llevar a cabo el proyecto.
  • 21. PLANIFICACIÓN Previo a la configuración y diseño de una página web existe la instancia de planificación en donde se organiza los aspectos a considerar, para establecer y decidir parámetros para la construcción y armado del sitio. PRODUCCIÓN Luego se recopilan y editar los datos, se realizan propuestas del armado del sitio en donde se trabaja estructuralmente siguiendo los pasos previos de el proceso investigativo. PUBLICACIÓN Ahora prosigue el cargado del contenido del sitio en el hosting de la página, la configuración del domino y posterior puesta enmarchadelsitiosonmúltiples pruebas de usuario. FEEDBACK Con el sitio ya operativo y una cantidad contundente de visitas, se puede crear un registro de los puntos bajos del sitio, áreas ciegas y posibles bigs para corrección y o actualización. 1· 2· 3· 4·
  • 22. NUESTRO PROYECTO Nuestro proyecto comienza con el contacto de un cliente, quien tenía la problemática de desarrollar una página Web para la venta de zapatillas. A partir de esto comienza nuestro proyecto donde se complementa el informe con el proceso creativo de la página. Ya teniendo las especificaciones iniciales para nuestro proyecto procedemos a recolectar la información de nuestro cliente y desarrollamos junto a él las necesidades que plantearíamos para la elaboración de su página Web.
  • 23. BACKGROUND El proyecto surge como una idea para desarrollar una PYME, La cual consiste básicamente en vender zapatillas exportadas, de tendencias urbanas. Considerando que esta empresa no posee un lugar físico para llevar a cabo sus ventas, necesita implementar un sitio que le permita darse a conocer de forma rápida y fácil. De manera que pueda hacer llegar sus productos al público. Para esto el sitio debe permitirle fomentar su posicionamiento en el mercado. DATOS OBLIGATORIOS Dentro de todo lo más importante es la galería de fotos de todos los productos que se ofrecerán con sus respectivos datos y precios. Además de esto, necesitamos un carro de compra donde especificar el método de compra y por ultimo una página de contacto para mantener los canales abiertos para la comunicación con los posibles usuarios. OBJETIVO Con este proyecto Snkr. Nuestro objetivo es dar a conocer la empresa, que la gente vea de forma óptima los productos que se ofrecen, haciendo que la visita a la página una posible compra o cotización para que así el cliente tenga claro lo que desea al momento de comprar. FORMATO: Para su construcción utilizaremos Adobe Dreamweaver, HTML/ CSS, PHP, lenguaje Javascript, que nos permitirá accionescomoLightbox,slideshowyotrosparalainteractividad del sitio. MENSAJE Queremos dar a conocer los productos, el buen servicio y la calidad que se ofrecerán a través de la página.
  • 24. EQUIPO DE TRABAJO
  • 25. PROGRAMACIÓN Y DESARROLLO WEB Encargada de desarrollar la página web, y programarla para que sea visible en internet. Claudia Bravo DISEÑO Y DIAGRAMACIÓN Encargada de buscar contenidos y diagramar el informe según los requerimientos pedidos por el cliente. Marcela García
  • 26. Idea inicial Nuestro cliente Surge como una pyme enfocada a la venta de zapatillas exclusivas a través de internet, como un modo de adaptarse a las nuevas tendencias de compras y cubrir las necesidades de la población actual, que ya no solo busca una zapatilla común, si no, algo que los represente como individuos. Es así como se establece esta Pyme como un negocio absolutamente online. Que busca importar y entregar de forma eficiente e informada la compra de zapatillas. Enrique Acosta Egresado de la carrera de Ingeniería en Conectividad y Redes. Es una persona proactiva, que se caracteriza por su espíritu joven, fresco e inquieto. Quien busca iniciar una empresa por sus propios medios. Enrique es quien genero la idea del sitio, el posee noción del tema ya que es un consumidor habitual del tipo de zapatillas vanguardistas que desea vender.
  • 27. Requisitos del cliente Financia miento Nuestro cliente necesita implementar un sitio que le permita dar a conocer de forma rápida y eficiente sus productos al público. Y fomentar su posicionamiento en el mercado Es necesaria una plataforma web , que le permita presentar sus productos de una manera atractiva y ordenada , haciendo referencia en los precios, modelos y tamaños. Además, debe contar con una plataforma para poder comprar sus productos la cual debe estar debidamente incrita y legalizada para poder entregar un servicio óptimo y confiable El sitio web a crear no tendrá costo para el cliente ya que es nuestro primer proyecto web y no buscamos beneficiarnos monetariamente. La compra del Hosting (nic.cl) tiene un valor de $ 18.000 valido por dos años luego anualmente se cancela $ 9.450. Este costo es financiado por el cliente “enrique acosta” quien será la persona en mantener el hosting vigente. La integración del sistema de pago Paypal es gratuita, solo es necesario un registro mediante un correo electrónico
  • 28. Publico Objetivo Es un público joven y adulto joven femenino y masculino, aproximadamente entre 18 y 35 años, son jóvenes que se quieren diferenciar del resto, logrando una identidad propia, todo esto, porque se aburren de lo que vende el mercado, que resulta masivo e industrial, y que no les permite sentirse identificados. A los clientes de Snkr les gusta la moda y la vanguardia, tienen un estilo propio, no se quedan conformes con lo tradicional, haciendo uso de su imaginación y creatividad. FACTORES CULTURALES Los clientes de este tipo de tiendas poseen la costumbre de hacer sus compras atreves de Internet ya sea coordinar sus compras con vendedores por medio de algún tipo de red social para luego juntarse y realizar la transacción de forma informal o a través de pagos transacciones en línea, ya sea con cuentas bancarias o medios de pago, como tipo PayPal. FACTORES SOCIALES El público de la tienda es clase media y clase media alta, los precios de los productos van desde 20.000 a 120.000 pesos aprox. Por lo que es alcanzable para cualquier tipo de razón social. Considerando el hecho de que los productos son nuevos, de diseño y su venta es a través de Internet se descartan las clases sociales más vulnerables al ser este medio una opción menos accesible para ellos. ESTEREOTIPO Buscan estilo y vanguardia, a un buen precio, nuestros clientes están tras de una identidad propia debido a su pasión por la moda, son capaces de gastar lo que sea necesario por un producto que les guste. Sobre todo les gusta sentir que visten una prenda exclusiva.
  • 29. SEGMENTACIÓN DE NUESTRO MERCADO SEGMENTACIÓN GEOGRÁFICA Se tratara de llegar a un nivel de ventas regional, como nacional y así ser más accesibles a los consumidores SEGMENTACIÓN DEMOGRÁFICA Este punto está relacionado con la demanda y es relativamente fácil de medir. Entre las características demográficas más conocidas esta la edad que en este caso sería un público joven y adulto joven de ambos sexos entre 18/35 años, el género al que está dirigido es tanto hombres como mujeres y el ingreso objetivo para esta empresa es a partir de la clase ABC1 hasta la clase C3. SEGMENTACIÓN PSICOGRÁFICA Nuestro consumidor tomaría una actitud relajada ya que podría observar lo que desea comprar y adquiriría su producto de una manera accesible. Al llegar a la empresa conociendo sus productos y servicios que les ofrece. Con la definición de nuestro target la empresa busca en primer lugar no desperdiciar esfuerzo económicos ni comunicación a un público que no esté interesado en nuestra propuesta y en segundo lugar, lograr impactar a un público que se sienta cómodo frente a nuestro mensaje de oferta de un bien o servicio el cual reconozca su motivaciones de compra. Segmeta ción de mercado
  • 30. Viabilidad proyecto
  • 31. Si deseamos que el proyecto se lleve a cabo con éxito, primero debemos saber si es viable, esto quiere decir si el proyecto tiene probabilidades de llevarse a cabo o de concretarse gracias a sus circunstancias o características actuales. La característica que deseamos entregarle a esta página es generando una página web innovadora e interactiva qu sea fácil de manejar, mostrándoles a estos los productos que se ofrecerán. Para esto debemos calcular su punto de equilibrio, es decir, el volumen de ventas, cuya ganancia le permitirá cubrir el total de los gastos fijos del negocio. Éste debe ser su punto de referencia mínimo para el primer año de actividad VIABILIDAD COMERCIAL El plus que deseamos entregarle a nuestra página es que sea una web innovadora, fácil de manejar sin mensajes distractores que pudiesen arruinar la compra o cansar al cliente. VIABILIDAD TÉCNICA En este punto, hacemos referencia a la realización del proyecto, para esto utilizaremos el programa Dreamweaver, para programar la página utilizando lenguaje HTML, CSS, Java, Php. Ademas de utilizar programas de edición fotográfica. Los que nos ayudaran a desarrollar el proyecto de una manera mas rápida. VIABILIDAD LEGAL En este punto tendremos que preocuparnos de tener todo el ámbito legal en reglamento, como por ejemplo pagar nuestro dominio, tener los recibos por cualquier imprevisto, y tener al día nuestro servicio adquirido de hosting, para que el mantenimiento de la página no tenga ningún eventual problema. VIABILIDAD AMBIENTAL La implementación del proyecto no tendría ninguna variable sobre el entorno, ya que es un proyecto web, por lo que no habrá efectos de contaminación en el medio ambiente actual. VIABILIDAD ADMINISTRATIVA Para que nuestro proyecto sea viable, designamos cargos para desarrollar un trabajo más completo, estos cargos fueron: Diseñeño y diagramación: Encargado de buscar contenidos y diagramar el informe según los requerimientos pedidos por el cliente. Programador web y desarrollador web: encargado de desarrollar la página web, y programarla para que sea visible en Internet.
  • 32. FODA FORTALEZAS El sitio creara una interfaz de comunicación estrecha entre el cliente y el diseñador, a la vez, masificara la marca logrando posicionarse. La página contara con una amplia variedad de productos y a un muy buen precio, lo que provocara una fidelidad por parte de los consumidores OPORTUNIDADES Introducirse en el mercado, con contenido dinámico y con la posibilidad de realizar compras online, aumentando el circulo de contacto. Entregando un servicio profesional a nuestro cliente.. DEBLIDADES Una gran desventaja es la forma de innovación en sus ventas y de comunicación que actualmente desempeñan, comenzando por la falta de una identidad, para esto se ha recurrido a una Web que primeramente será informativa la cual podrá en vistas futuras, dependiendo el desarrollo de la PYME contar la inversión para un carro de compra apto para más público. Aún existe cierta desconfianza o falta de información por parte de algunos consumidores al momento de hacer compras por Internet, AMENAZAS La principal amenaza es el ser una empresa nueva, hay q partir desde cero y el no tener un renombre puede significar la inseguridad por parte de los consumidores. Otra amenaza visible es que al ser una página en vías de desarrollo, competirá con grandes distribuidores de zapatillas.
  • 33. Mix de marketing PRECIO Este es positivo ya que la empresa al exportar los productos desde China reduce sus costos, esto quiere decir que brinda el producto con un 20% a 40% más barato que la competencia y ya obtiene ganancia considerable y lo destaca. PRODUCTO Este es un producto de gran calidad pero su falencia es la de promoción o publicidad de este. PLAZA Como elección de canal de comunicación exploraremos internet, y las diferentes redes sociales sin dejar de lado nuestra web PROMOCIÓN Será ejecutada en diferentes redes sociales como YouTube, Issuu, flickr y facebook, además de nuestro sitio principal www.Snkr.cl
  • 34. PRESUPUESTO
  • 35. Este documento traduce los planes en dinero, logrando ver lo que necesita gastarse para desarrollar actividades planificadas y el dinero que necesita generarse para cubrir los costes de finalización del trabajo. Consiste en una estimación o en conjeturas hechas con fundamento sobre las necesidades en términos monetarios para realizar nuestro proyecto. Dominio $18.900 Hosting $32.850 Porcentaje de licencia $17.500 Diseño Web $80.000 Sesión fotográfica $50.000 Servicio de transporte $5.000 Internet $14.500 Impresión $10.500 Empastado $5.000 Horas trabajadas $144.500 Neto $378.750 IVA $73.862 Total: $452.612
  • 36. Crono grama SEMANA 1 En nuestra primera semana nos dedicamos a recopilar la información necesaria para comenzar a armar nuestro proyecto. Además de esto nos contactarnos con nuestro cliente y quisimos saber los detalles sobre su proyecto, SEMANA 2 En la segunda semana, se continúa recompilando información, como fotos, datos del público objetivo, definiendo la imagen que se quiere proyectar a los usuarios y los servicios que se ofrecerán. Entre otras cosas, además de esto se comienza a editar y producir el informe SEMANA 3 En la tercera semana comienza el proceso de hosting, dominio, informe, estudios etc. cotizando y haciendo un presupuesto de estos. se comienza a realizar maquetas de la página Web Estructurar wireframes. Se visita al cliente para mostrarle el avance que lleva el proyecto y realizar correcciones que requiera además de las correcciones correspondientes a lo que es el informe del proceso. SEMANA 4 Se desarrolla más a fondo sobre el sistema PayPal y el carrito de compra, se formula la confección del mapa de navegación para luego presentar propuestas finales de wireframes y una vez elegido este por el cliente comenzamos a crear los mockups. SEMANA 5 Se revisan los detalles del informe para una última corrección y luego pasar a la parte de impresión y empastado de este para la entrega final. Partiendo desde aquí con el desarrollo web.
  • 37. Recopilación de información Contactar cliente Editar y producir el informe Cotizar hosting Diagramar informe Creación y disponibilidad dominio Estructurar wireframes Creación mockups Correcciones / Aprobación Impresión informe Empastado informe Presentación proyecto Entrega de informe
  • 38. Carta Gantt
  • 39. Horas de trabajo 4 hrs. diarias
  • 40. Variables del soporte
  • 41. DREAMWEAVER Nuestra página web se realizara en dreamweaver, programa para crear páginas web.Es el programa más usado en el sector del diseño y programación web. Posee, como toda la línea de adobe, excelentes funcionalidades e integración con otras herramientas. Su éxito data desde 1990 y en la actualidad capta el 90% del mercado de editores HTML. Usaremos este programa porque es bastante flexible, sobre todo para el diseño. Tiene variadas opciones como botones flash, botones normales y formularios, se puede diseñar y crear páginas web sin in gran conocimiento del código HTML. Todas las herramientas se encuentran rápidamente a nuestra disposición. JAVASCRIPT Es un lenguaje de programación interpretado, dialecto del estándar ECMAScript Se utiliza principalmente en su forma del lado del cliente, implementado como parte de un navegador Web permitiendo mejoras en la interfaz de usuario y páginas web dinámicas, aunque existe una forma de JavaScript del lado del servidor. Usaremos JavaScript ya que es fácil de aplicar para el desarrollo de sitio web, pues las funciones básicas de este lenguaje son soportadas por la mayoría de los navegadores que se utilizan mayormente, aparte de brindar un mayor dinamismo a la página. HTML Es el lenguaje de marcado predominante para la elaboración de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). Aplicamos con HTML nuestro trabajo porque es un lenguaje muy sencillo que permite describir hipertexto, es decir, texto presentado de forma estructurada y agradable, con enlaces (hyperlinks) que conducen a otros documentos o fuentes de información relacionadas, y con inserciones multimedia (gráficos, sonido...). CSS es un lenguaje usado para definir la presentación de un documento estructurado escrito en HTML o XML (y por extensión en XHTML). Trabajaremos con estilo CSS porque tiene un control centralizado de la presentación de un sitio Web completo, con lo que se agiliza de forma considerable la actualización del mismo. Además de esto los navegadores permiten a los usuarios crear y diseñar su propia hoja de estilo local, que será aplicada a un sitio web, con lo que facilita considerablemente la accesibilidad. Por ejemplo, personas con deficiencias visuales pueden configurar su propia hoja de estilo para aumentar el tamaño del texto o remarcar más los enlaces de la página. PHP es un lenguaje de programación interpretado, diseñado originalmente para la creación de páginas Web dinámicas. Básicamente aplicaremos PHP para generar un carro de compra.
  • 42. Slideshow La creación de la galería tipo Slideshow presente en el inicio de nuestra página web se desarrollara en Smooth Gallery un plugin para Wordpress usando PHP Smoothgallery permite crear una galería de imágenes con efectos en unos cuantos minutos. Está basada en mootools la cual nos permite navegar por las imágenes de la galería, determinar el tiempo que se mostrara una imagen, y entre otras opciones que podemos configurar http//Smoothgallery.jondesign.net/
  • 43. Jquery Consiste en un único fichero JavaScript que contiene las funcionalidades comunes de DOM, eventos, efectos y AJAX. La característica principal de la biblioteca es que permite cambiar el contenido de una página web sin necesidad de recargarla, mediante la manipulación del árbol DOM y peticiones AJAX La sencillez de su sintaxis y la poca extensión del código que necesitas escribir son las características más notables. Si hicieras lo que hace jQuery con getElementById y window.onload no solo tendrías que escribir mucho, si no que podrían haber diversos problemas. JQuery es una liviana librería de JavaScript, pensada para inte¬ractuar con los elementos de una web por medio del DOM. Lo que la hace tan especial es su sencillez y su reducido tamaño. Dentro de sus dificultades se encuentra que para utilizar una de las diversas opciones de galerías que ofrece jquery, el usuario debe tener cierto conocimiento de web y javascript para lograr una eficiente edición de esta.
  • 44. WordPress WordPress es una avanzada plataforma semántica de publicación personal orientada a la estética, los estándares web y la usabilidad. WordPress es libre y, al mismo tiempo, gratuito. Y nos permitirá un sitio auto administrable, por lo cual permite crear contenidos en minutos sin necesidad de FTP, posee sistema de archivo y organización por categorías y tags. Además nos da la opción de implementar y actualizar con diferentes plugin, como un carrito de compra de fácil edición y uso. Wordpress puede ser una solución para una pequeña página corporativa hasta una red social. BENEFICIOS Es gran soporte, además existen miles de recursos que podemos añadir a WP para dotarlo de mayor funcionalidad (plugins), es un software de gestión de contenidos, muy simple de navegar y sencillo d utilizar. DIFICULTADES Para lograr un sitio con mejores resultados, se debe tener cierto conocimiento web, para editar el html que posee los temples o agregar nuevas características PLUGING Los plugins son herramientas para extender la funcionalidad de WordPress. Los Plugins ofrecen funciones personalizadas que cada usuario puede personalizar su sitio a sus necesidades específicas.
  • 45. Carro de compras El Carrito de Compras te permitirá vender múltiples artículos desde tu sitio Web. Los clientes compran en el sitio, eligiendo distintos productos y luego lo agregan al Carrito. Cuando hayan terminado su compra pueden elegir el método de pago, y en pocos minutos, se confirma la compra. Nuestro cliente no posee un lugar físico, y el carrito de compra le permite volver masiva la tienda, de forma fácil y le da un plus más serio, confianza y profesionalismo al sitio. BENEFICIOS Cada día es más sencillo poder disponer de nuestra propia tienda online sin necesidad de grandes inversiones ni conocimientos técnicos, y a través de un plugin gratuito de Wordpress nos ayudará a crear y mantener una tienda online. DIFICULTADES Tiene problemas de compatibilidad con algunos plugin, es mejor no usar plugins de cache para WordPress ya que pueden también cachear la sesión actual de cliente. PLUGIN ECOMMERCE Es la plataforma ecommerce más completa en la actualidad, ofreciendo flexibilidad y control siempre acompañado de un gran diseño y funcionalidad. Por esto, este será el plugin que implementaremos en el sitio.
  • 46. Desarrollo Snkr en Wordpress CARACTERÍSTICAS BÁSICAS DEL ALOJAMIENTO: Espacio en disco: Con 100 Mb es mas que suficiente para empezar, no se suele requerir mucho espacio salvo que se vaya alojar muchos vídeos o imágenes de alta resolución. PHP y MySQL: Con 1 base de datos es suficiente para crear nuestro sitio en Wordpress. Tasa de Transferencia: Este es otro elemento vital pues, además de ser el elemento mas caro, es el que te garantizará la fluidez de carga del sitio. El mínimo imprescindible “para empezar” debe ser de 1 Gb, debiendo ampliar la tasa de transferencia a medida que crezca snkr.cl. Teniendo contratado el alojamiento el proveedor facilitará unos datos vitales para gestionar tu espacio: Nombre de usuario FTP DNS Contraseña FTP Dirección IP Nombre de dominio y subdominio La primera acción una vez que se tenga el alojamiento es crear una base de datos donde se almacenará la información del sitio WordPress. Hay dos maneras posibles de hacerlo; bien desde alguna utilidad que se ofrezca del proveedor de alojamiento, o desde PHPmyAdmin, la utilidad imprescindible de gestión de bases de datos. El proveedor debe facilitar acceso a esta aplicación, un nombre de usuario y clave para poder entrar. El proceso de crear la base de datos. Datos imprescindibles: 1. Nombre de la base de datos MySQL 2. Usuario de acceso a la base de datos MySQL 3. Clave de acceso a la base de datos MySQL 4. Nombre del HOST Con esto ya tenemos todos los datos del alojamiento necesarios para instalar y configurar nuestro sitio.
  • 47. INSTALACIÓN DE WORDPRESS: Disponemos del alojamiento y luego accedemos a el mediante el programa FTP Filezilla para mac. Una vez descargado e instalado el cliente elegido se ejecuta e introduce la información de acceso al espacio. Guardaremos los datos para poder acceder a nuestro espacio desde el cliente de FTP. Debemos saber cual es la carpeta donde alojaremos WordPress, por ejemplo en una nueva carpeta, con el nombre “sitio”, de modo que para acceder al mismo haya que teclear “snkr.cl/sitio/“. Descarga de WordPress y carga de archivos a nuestro espacio. Descargamos la última versión y la instalamos en nuestro ordenador. Subimos el contenido de la carpeta WordPress a tu espacio con el cliente FTP (es un procedimiento muy sencillo ya sea a través de cuadros de diálogo donde se eligen los archivos a subir, ya sea arrastrando el contenido de la carpeta a la ventana del cliente FTP donde se muestra nuestro espacio). Terminado el proceso está cargado todo lo necesario para arrancar nuestro sitio y empezar la instalación. Editar archivo de configuración wp-config.php Abrir el archivo wp-config-sample.php y editarlo para incluir la información de nuestra base de datos. El proceso es el siguiente: •Haceruna copia del archivo wp-config-sample.php y renombrarlo como wp-config.php. •Editarlo con la información de la base de datos (nombre de BD, usuario, contraseña) LA INSTALACIÓN EN 3 PASOS: Teclear en el navegador la siguiente dirección: http://snkr.cl/wp-admin/install.php Se sigue los pasos y luego se introduce los datos del nombre SNKR y el email de administrador. Aceptamos y luego ya tenemos la información para acceder a nuestro panel de administración, empezar a configurar y escribir en nuestro nuevo sitio.
  • 48. Canales de comunicación apropiados.
  • 49. VENTAJAS DE YOUTUBE Analizamos las ventajas que subyacen en You Tube, propiedad de Google y no lo hacemos porque crezca un 35% al año o porque los videos hayan experimentado un alza del 20% desde los dispositivos móviles. Analizamos las ventajas de You Tube porque más de 50.000 vídeos se suben a la plataforma cada día siendo una gran cantidad de ellos, vídeos corporativos que contienen información de las marcas y seguro, nuestra competencia está entre ellos, por lo que se consolida como una gran herramienta para analizar qué hacen los demás y cómo mejorarlo. VENTAJAS DE FACEBOOK Las ventajas de las redes sociales son numerosas. Su atractivo esencial radica en la participación e interacción que proporcionan a los internautas. La relación entre los usuarios en estas plataformaspasadeserverticalahorizontal, posibilitando que todos estén al mismo nivel. Cualquiera puede convertirse en emisor y producir sus propios contenidos. En el ámbito empresarial las redes sociales tambiénabrenmuchasnuevasposibilidades. Hay empresas que empiezan a sacarles partido en sus oficinas. Crean grupos privados, que funcionan como una especie de Intranet, para compartir información corporativa. El ejemplo de esta iniciativa es la empresa estadounidense Serena Software que impulsó los “viernes Facebook”. Permite a sustrabajadoresdedicarunahoraalasemana para actualizar sus perfiles, colaborar con colegas y establecer nuevos contactos. Hay que destacar que esta política sólo empieza a implantarse en empresas y todavía queda mucho potencial por explotar. VENTAJAS DE FLICKR es un servicio Web que permite almacenar, ordenar, buscar y compartir fotografías y videos online. Actualmente Flickr cuenta con una importante comunidad de usuarios quecompartelasfotografíasyvideoscreados por ellos mismos. Esta comunidad se rige por normas de comportamiento y condiciones de uso que favorecen la buena gestión de los contenidos. Vamos a enumerar algunas ventajas de usar Flickr por parte de las empresas, y que demuestran su potencial: • Aprendizaje y gestión de conocimiento: Flickr permite acceder a un repositorio inmensodeimágenes,filtrarlasycompartirlas de un modo mucho más eficiente y eficaz. • Difusión y marketing: Flickr puede ayudar a dar una mayor visibilidad de la empresa bien sea publicando imágenes de sus productos, o también de actividades y eventos que organiza. Algunas organizaciones están utilizando esta herramienta, incluso, como catálogo online.
  • 50. funcionalidad de la información La función que deseamos darle a la página web es informar de los productos que ofrece nuestro cliente, la variedad de zapatillas que entrega y que la gente se interese en comprar, deseamos que gracias a la difusión de la página, la empresa aumente las ventas, para esto expondremos los precios con cada foto del producto, aunque un estudio realizado comprueba que es más probable concretar una compra con el cliente dentro de la empresa que fuera, no poniendo los precios, pero esto no siempre funciona, ya que estamos hablando de web, la gente necesita que se le faciliten las cosas y que les hagan ahorrar tiempo, por lo que necesitan ver el producto y el valor, para hacerse una estimación de si es lo que necesita y si está al precio que buscaban o aún mejor más barato que en otros lados. Nuestra información se dispondrá fácilmente en la página web, el usuario no tendrá que hacer mayores alcances para obtener la información. Las acciones que buscamos con esto, es que la gente se interese en los productos y principalmente que esta nueva empresa se haga conocida.
  • 51. Acotando contenidos Lo que queremos entregar al crear este proyecto, es primero dar a conocer la empresa, captar clientes y que la gente pueda ver la información de los productos;, precio, marca, talla, etc. Para lograr esto desarrollaremos la página web de la empresa con una amplia galería de fotos, lo que captará gratamente la atención del usuario, esta será fácil de usar ya que la galería de fotos estará en una página horizontal, por lo que el usuario, que principalmente tiene un conocimiento básico, no tendrá que hacer clic en cada una de ellas para ver que contiene, además cada una de ellas entregara información básica. Por último agregaremos una página de contacto al sitio para que la gente que está interesada pueda llamar a la empresa, enviar un correo con las dudas que tenga, o si desea recibir información más personalizada acerca de algún producto en particular y contactarse directamente con el dueño, esto se facilitara para el cliente ya que mandando un mail podrá recibir la información que necesite.
  • 52. Propuesta de diseño Lo primero fue diseñar la página web según la definición de propósitos de la misma. Eso nos ayudó a tomar decisiones de forma y contenido para nuestro sitio web. La razón de ser de nuestra página es netamente para impulsar esta nueva empresa de venta online, por lo que, necesita que los clientes visualicen de una manera clara los productos.
  • 53. CONCEPTO Entre los conceptos que más se destacan son originalidad, actitud y vanguardia. Resultado de lo que buscan los clientes de Snkr, y por sobre, es todo lo que quiere reflejar la tienda. ESTRUCTURA La estructura tiene dos posibles accesos, una es el menú principal que lleva toda la información de la empresa y la segunda vía es un menú de productos realizado mediante botones, para mostrar nuestro catálogo o book. PALETA DE COLOR Como resultado de su proceso de creación, encontramos gran contraste de colores, con una constante fusión de diversas texturas que representan la vitalidad, vanguardia y actitud de la tienda. DEFINICIÓN DEL DISEÑO Nuestra página utilizará imágenes en formato JPG, se utilizara la familia tipográfica Din en sus versiones bold, medium,lihgt, la cual será utilizada en títulos o botones de navegación. VISTA DE DIFERENTES NAVEGADORES Nuestro diseño de página está desarrollada de una manera simple ya que utiliza recursos básicos de construcción pero no por esta razón su funcionalidad y estructura deja de ser innovadora además está pensada para la óptima vista desde cualquier navegador y su versión respectiva aunque esta no sea actualizada.
  • 54. Este mapa conceptual representa la estructura que tendrá el sitio web, sus fáciles accesos para ayudar al visitante a encontrar lo que busca, sin grandes distractores para familiarizar de forma rápida su funcionamiento. De esta forma, podremos convertir al visitante en un posible cliente. Árbol de navegación
  • 55. WWW.SNKR.CL SITIO Somos Productos Mis compras Contacto Formulario Contacto productos añadidos compras realizadas mi cuenta nike Supra Adidas
  • 56. Referentes De acuerdo a los solicitado por el cliente y las características observadas de nuestros futuros consumidores, realizamos un análisis de mercado y reconocimos ciertas características que podrían funcionar con el concepto que queremos dejar como proyecto SNKR. Que vendría siendo el importar zapatillas exclusivas de calidad a un buen precio.
  • 57. htpp://www.eastbay.com/arc/ Esta tienda de venta zapatillas Estadunidense la usamos como referencia por su implementación web, esta pag. No solo esta dedicada al área de las zapatillas, si no, se dedica a toda la área comercial de deporte Tienen en comun la actitud y energia que queeremos entregar a nuestros clientes. htpp://www.snry.com/ Esta tienda exclusiva de ventas de zapatillas es nuestro mayor referente, dede la parte visual a la informativa, creemos que es una pagina bastante completa y organizada. Tienen en comun la actitud de exclusividad marca y diseño como a la que nos queremos enfocar.
  • 58. Esta es la disposición de la información dentro del sitio, encontrándonos con el logo en la parte superior, continuando con un menú que lo re direccionara a las diferentes páginas. En el costado izquierdo se podrá acceder a las diferentes categorías y en el centro se podrán seleccionar los diferentes productos del sitio, ordenados por orden de publicación. Wireframe propuestas
  • 59. SOMOS... PRODUCTOS MIS COMPRASC ONTACTO LOGO INDEX 980 X 355 px. 311 x 111 px. 233 x 188 px. 1260 x 1200 px. Anda aut fugit explitibus es uiat autem Anda aut fugit explitibus es uiat autem Anda aut fugit explitibus es uiat autem Anda aut fugit explitibus es uiat autem Links
  • 60. SOMOS... PRODUCTOS MIS COMPRASC ONTACTO LOGO Somos… quam, vellabor assecto ilitae ped quat ut aliquod mo id ulpa velecatqui bera conse sum sunt omnihil luptatur aut dolum fugiassimet pligeni tionsenti ommo temporro corum quis ad magnihitam, nobitaest exerum volessin rae cum, simaximin ped ellut uquam ex explita erfernatur sunt optatem odipsam, si conem quis dolorum as doluptas et facernatur maio ipsani dolorum dolore sam, qui con nonsenistrum laborei catibus as evel int, nis sectum volest, ant, ullaborae nosam, quae quiam fuga. Aqui intum quossin usdaeptature niendit aquias ipsapid endam volupit, sit aceatis int mincieturia non non eum fugitib erehendae sequistrum rehenient, temquibusda nobis sit eat ommo vendi berati sunt. Search SOMOS... 311 x 111 px. 1260 x 1200 px.
  • 61. LOGO PRODUCTOS 311 x 111 px. 1260 x 1200 px. Search Add ToCart Add ToCart Add ToCart Add ToCart Add ToCart SOMOS... PRODUCTOS NIKE SUPRA ADIDAS MIS COMPRASC ONTACTO NIKE 150 X 150 px. Price: xxxxxx Price: xxxxxx Price: xxxxxx Price: xxxxxx Price: xxxxxx
  • 62. LOGO MIS COMPRAS 311 x 111 px. 1260 x 1200 px. Search SOMOS... PRODUCTOS Productos añadidos Compras realizadas Mi cuenta MIS COMPRASC ONTACTO Producto Cantidad Precio Total $xxxxx $xxxxx $xxxxx $xxxxx $xxxxx $xxxxx
  • 63. LOGO CONTACTO 311 x 111 px. 1260 x 1200 px. Search SOMOS... PRODUCTOS Productos añadidos MIS COMPRAS CONTACTO Contacto Nombre Email Asunto Mensaje ENVIAR
  • 64. Mockups propuestas