D I G I T A Lpointerdigital.es/images/dossier-web-pointer-digital-2016.pdf · wordpress y la...

7
DISEÑO WEB HTML5, Wordpress A partir de 1.250€ MANTENIMIENTO Consultar packs A partir de 37€/hora TIENDA ONLINE Wordpress+Woocommerce A partir de 2.450€ POINTER D I G I T A L

Transcript of D I G I T A Lpointerdigital.es/images/dossier-web-pointer-digital-2016.pdf · wordpress y la...

Page 1: D I G I T A Lpointerdigital.es/images/dossier-web-pointer-digital-2016.pdf · wordpress y la potencia de la tienda online del woocommerce, gestor de stock, envíos, ... Optimización

DISEÑO WEBHTML5, Wordpress

A partir de 1.250€

MANTENIMIENTO Consultar packs

A partir de 37€/hora

TIENDA ONLINE Wordpress+Woocommerce

A partir de 2.450€

POINTER D I G I T A L

Page 2: D I G I T A Lpointerdigital.es/images/dossier-web-pointer-digital-2016.pdf · wordpress y la potencia de la tienda online del woocommerce, gestor de stock, envíos, ... Optimización

WEB: Tecnologías y plazos

PLAZOS PREVISIÓN WEB BÁSICA (30 días), WEB AVANZADA (45-60 días)Comienzan a contar desde que el cliente responde al cuestionario de diseño y nos da toda la info:Objetivos de la web/Estructura/Menu/Redes Sociales/Contenidos/Diseño (Logo+Imágenes)1ª semana: estructurar sitio e info y diseñar la web acorde a los objetivos. Se presentará la Home, que es la pestaña más importante. Una vez tengamos el ok final a la Home se sigue con el resto.2ª semana: codificación del resto pestañas, previsión de una pestaña por día.3ª semana: modificaciones oportunas, completar web y comprobación del funcionamiento responsive.4ª semana: últimos pasos antes de subir, SEO y WPO básico.Una vez terminada la web comienza un período de prueba-comprobación en diferentes navegadores y corrección de posibles errores.

TECNOLOGÍAS- HTML5/CSS3: Es la tecnología para realizar webs más estándar y mejor optimizada para verse correctamente en todos los dispositivos, y por tanto la más elegida y nuestra recomendación.- WordPress: Sistema de Gestión de contenidos o CMS, usado para realizar webs que requieren la subida continua de contenido. El propio sistema de gestión es fácil de aprender, y permite tanto la gestión de la web como la subida de contenido de forma autónoma. Ideal para webs que requieran de blog o muchos cambios de contenido.- Tienda Online: Las realizamos con Woocommerce+Wordpress lo que da a la tienda las ventajas delwordpress y la potencia de la tienda online del woocommerce, gestor de stock, envíos, promociones, etc.

Page 3: D I G I T A Lpointerdigital.es/images/dossier-web-pointer-digital-2016.pdf · wordpress y la potencia de la tienda online del woocommerce, gestor de stock, envíos, ... Optimización

WEB: ¿Qué incluye el precio?

DISEÑO WEBHTML5, Wordpress

A partir de 1.250€

MANTENIMIENTO Consultar packs

A partir de 37€/hora

TIENDA ONLINE Wordpress+Woocommerce

A partir de 2.450€

¿QUÉ INCLUYE EL PRECIO DE LA WEB?- Diseño original personalizado basado en reunión previa o cuestionario a rellenar por el cliente. - Diseño responsive adaptado a las nuevas tecnologías de forma inteligente: Iphone, Ipad… - Gestión de la reserva/compra de hosting/dominio con datos del cliente y creación de cuentas de correo.- Maquetación web de pág. de inicio, 4 pestañas con información y 1 de contacto.- Formulario de contacto o pedido: Integración con Google Maps para localización. - Integración de la web con Redes Sociales: inserción en la web de los logos de las redes que necesite.- Adaptación a los navegadores principales: Navegación Crossbrowser IE9+, Chrome, Firefox, Safari.- WPO Básico (Mejorar tiempos de carga): Optimización de imágenes, eliminar archivos de sobra...etc.- SEO Básico: Indexación en Google, Sitemap, Robots.txt, Webmaster tools y alta en Google Analytics.

Page 4: D I G I T A Lpointerdigital.es/images/dossier-web-pointer-digital-2016.pdf · wordpress y la potencia de la tienda online del woocommerce, gestor de stock, envíos, ... Optimización

WEB: Extras

DISEÑO WEBHTML5, Wordpress

A partir de 1.250€

MANTENIMIENTO Consultar packs

A partir de 37€/hora

TIENDA ONLINE Wordpress+Woocommerce

A partir de 2.450€

A CONTINUACIÓN SERVICIOS A CONTRATAR CON LOS QUE PUEDE MEJORAR SU WEB- Pestañas de información adicionales 50 €/pestaña. - El WP/Blog incluye un gestor de contenido que puede ser utilizado por el usuario 250€. - El Ecommerce incluye gestión del inventario, costes y plazos de envío, IVA y cupones descuentos 1200€. - Legal: Redacción textos y plasmación en web de Aviso legal, Política de privacidad y cookies 450€.- Multi idioma: por cada idioma con traducción del cliente/6 pestañas 175€.- Imágenes: Compra en bancos100€/10 fotos o diseño de ilustraciones 125€. Optimización 50€/30 fotos.- Banners (Espacios publicitarios) 150€ Gif animado.- Urgencia para acortar plazos a la mitad: 500€.

Page 5: D I G I T A Lpointerdigital.es/images/dossier-web-pointer-digital-2016.pdf · wordpress y la potencia de la tienda online del woocommerce, gestor de stock, envíos, ... Optimización

WEB: Mantenimiento

Pack APor horas sueltas

45€/hora

120€/mes

Pack B3 horas/mes

185€/mes

Pack C5 horas/mes

* El pack B y C requieren contratación mensual. Los meses en que hubiera tiempo no consumido,

se utilizará para mejorar la web y realizar y estudiar informes de las visitas

mediante google analytics

Page 6: D I G I T A Lpointerdigital.es/images/dossier-web-pointer-digital-2016.pdf · wordpress y la potencia de la tienda online del woocommerce, gestor de stock, envíos, ... Optimización

WEB: ¿Por dónde empezamos?Puesto que la web va a ser su imagen corporativa online, es muy importante sentarse a pensar y analizar antes de empezar. Para que un proyecto web tenga éxito, es necesario planificar muy bien todo el proceso, es un trabajo de dos cliente/diseñador. No se trata de buscar cuatro imágenes y tres textos y armar con ello la web tipo 1&1. Para tener eso, es mejor no tener nada, porque una web mal hecha puede dañar su reputación online. Para poder presupuestar lo mejor posible, primero hay que responder los siguientes tres puntos. Una vez contestados, elegir la tecnología y los posibles extras que se requieran.1.- Definir objetivos por los que se hace la web. ¿Cómo los voy a alcanzar? ¿Target? 2.- Reunir contenidos: ESTRUCTURA.3.- Ver cómo plasmarlos: DISEÑO.

1.- Definir objetivos por los que se hace la web, ver qué tipo de web necesita y qué funcionalidades requiereA) ¿Quién soy? ¿Por qué quiero una web? Objetivos/Propósito. Para mostrar información general de productos/servicios, darme a conocer (Corporativa-Branding), para que me localicen (Tfno.+Mapa), facilitar el contacto (Email+Form), tienda virtual para vender, captar clientes, simplemente por estar…Home+Pest.+estruct.B) ¿Qué hago? ¿Qué me diferencia y hace único? Aunque hagamos algo que hace mucha gente, seguro que todas lo harán de manera diferente, no somos autómatas y todos tenemos algo que nos hace especiales. (Ej. Somos muy baratos, transporte, servicio incluido, trato personalizado, somos los mejores...Home)C) ¿A qué segmento de mercado quiero llegar? No sirve el querer llegar a todo el mundo, hay que segmentar, porque si no, tu mensaje/web se difunde y se pierde. SEO

2.- Contenidos web (Pestañas-menu / Textos / Imágenes): ¿Qué quiero comunicar y cómo?Una vez definidos los objetivos, hay que reunir todos los contenidos e imágenes. En el inicio de tu página web (Home) el usuario debe encontrar un texto claro y conciso que le ofrezca la información más importante: una breve descripción de los productos y/o servicios que ofreces. Las páginas siguientes deben presentarse en orden de importancia (detalle de los productos y/o servicios, clientes, historia, etc.) El contenido es el factor REY de toda web, tanto para el usuario como finalmente para el posicionamiento. Una web con un buen contenido y actualizado, generará más visitas y hará que Google le dé más importancia que a otras. Piense en qué es lo que le interesa ver al usuario, siempre desde la perspectiva del usuario y no desde la suya, no se preocupe si tiene mucho contenido en ciertas pestañas (la gente que esté interesada agradecerá toda la información) pero asegúrese de quitarlo que no sea conveniente o importante. Ordénelo por importancia y presente la info de forma clara y accesible lo más rápido posible.

Respecto a las Imágenes, son fundamentales para mejorar el contenido y hacer más entendible la web. Para ello recomendamos usar imágenes propias del negocio porque corresponden mejor con lo que se va a vender/ofrecer, y segundo, por evitar proble-mas con derechos de autor de las imágenes aunque cabe la posibilidad de comprarlas en banco de imágenes o de contratar con nosotros la realización de iconos o gráficos personalizados.

Una vez reunido todo el material hay que hacer categorías y subcategorías (Pestañas) y finalmente redactar los contenidos que desea mostrar a sus visitantes. Nosotros nos ocuparemos de darle forma a lo que nos mande, pero cuánto más trabajado esté por el cliente mejor y antes estará el resultado final. Opciones a dilucidar:A) Wide o Boxed. Ancho que ocupa en la ventana del navegador. B) Barra arriba: email´s, teléfonos, llamada a la acción “pida presupuesto”, limpio... C)Tipo de galería (Full screen, imagen quieta, formulario, Layer slider, Multipurpose...) D) Muy moderna (Mucho movimiento, tipos más grandes, colores planos, parallax...) vs Webs Clásicas (+serias, +pequeñas, movimiento pero no intrusivo)E) ***MUY IMPORTANTE*** Ver qué términos le gustaría que reforzáramos en SEO. Ej. Stands madrid

3.- Tipos de diseños para web ¿Hay alguna web que le guste especialmente? Cualquier dato puede sernos de ayuda, una galería que ha visto en tal sitio, la tipografía que ha visto en tal otro…todo para lograr el mejor resultado. Como consejo dude de su buen gusto y fiése de los profe-sionales para adaptar sus necesidades al diseño online.

Visite http://www.pointerdigital.es para inspirarse viendo ejemplos de diseño que hemos realizado.

Page 7: D I G I T A Lpointerdigital.es/images/dossier-web-pointer-digital-2016.pdf · wordpress y la potencia de la tienda online del woocommerce, gestor de stock, envíos, ... Optimización

WEB: Los 10 Mandamietos de Pointer Digital1. OriginalidadLa opción de partir desde una plantilla bien codificada y que nos servirá como base, no resta ni mucho menos de originalidad al resultado final. La web se diseña siempre acorde al proyecto y estructura que se solicita, simplemente se hace porque requiere muchas menos horas que crear un tema desde cero y eso se traslada a acortar el coste final del proyecto y los tiempos de realización. Vea ejemplos originales en la web.

2. DiseñoComo objetivo nos marcamos que sea agradable a la vista, clara y limpia para que sea atractiva al usuario y le apetezca seguir navegando por la web. La legibilidad y la estructura de la información son claves.

3. Usabilidad: Experiencia de usuarioEste punto definirá el tiempo de visita del usuario en la web y el éxito, al fin y al cabo del objetivo. Con nuestra experiencia y conocimiento le orientaremos para lograr la mejor experiencia de usuario. Porque es al usuario a quien se dirige la web, no al diseñador ni al cliente. Empezando por una fácil navegación, y buscando el objetivo de 1clickgoal.

4. Accesibilidad: Experiencia de usuarioConsideramos importante llegar a todos los usuarios con discapacidades como problemas visuales, motrices, auditivas, etc. Y tomamos medidas para favorecer este aspecto.

5. Maquetación WebRealizar una correcta maquetación intentado estar siempre dentro de lo posible, de los estándares W3C.

6. Responsive DesignConsideramos primordial a día de hoy que la web se ajuste al tamaño de pantalla, sea ésta la de un portátil, un sobremesa, un Ipad o un Iphone. Se comprobará en los Sistemas operativos y navegadores: Safari Windows/MAC +Google Chrome Windows/MAC + Firefox Windows/MAC + Internet Explorer 9,10,11Safari Iphone 4 + tumbado Safari Iphone 5 + tumbado Safari Ipad 4 + tumbado Android + tumbado

7. Adquisición y aumento de visitas a la web mediante posicionamiento en Google natural SEO y de pago SEMTodo el mundo quiere aparecer el primero en las búsquedas de Google pero esto depende de múltiples factores, competencia, etc. Pointer Digital realiza en las webs que realiza SEO a nivel básico, es decir todas las acciones necesarias para intentar que se coloque la web lo mejor posible de manera natural y que ésta vaya creciendo con el paso del tiempo. Como hemos dicho, depende de muchos factores y los resultados se empiezan a ver a largo plazo (3-6 meses). Pero lo que manda es el contenido, sin un contenido bueno y que se actualice no lograremos el resultado deseado. Necesitamos las expresiones que vayan a ser objeto de búsqueda por el usuario final para realizar estas primeras acciones, pero si lo requiere puede contratar con nosotros un servicio SEO avanzado, con diferentes acciones tanto ONPAGE como OFFPAGE o incluso un servicio de SEM, que es la búsqueda del posicionamiento mediante pago mensual. Conversión en clientes.

8. WPO Rendimiento, optimización y mantenimiento WebEl tiempo de carga estará optimizado para que el usuario pueda disfrutar de ella desde el primer segundo. Como servicio extra puede contratar un servicio de analítica web en la que analizamos desde G. Analytics las visitas para sacar conclusiones y mejorar con acciones específicas. Una web es como un ser vivo, necesita ser alimentado y actualizado todo el tiempo. Aconsejamos revisar la información e incorporar nuevainformación de interés, haciendo evolucionar a la web al ritmo de tu empresa y del entorno. Una página web descuidada, olvidada o confusa da la impresión de que una empresa está administrada de la misma manera.

9. Compatibilidad entre NavegadoresMuy relacionado con el responsive design. Hacemos que tu web se visualice correctamente en todos los navegadores principales. Visualización Crossbrowser.

10. Web que cumple con los requisitos legales y evite posibles sancionesFuncionalidad extra casi obligatoria que cumple con el Aviso Legal, Política de Privacidad, Cookies…etc