ssssss

5 pasos para crear una tienda online tu mismo.

Vamos a resumir lo más importante para crear una tienda online , imprescindibles no solo para crear una tienda online sino para que esta tenga éxito. Lo puedes hacer tú mismo o confiar en nosotros u otros profesionales para que te realicen cada punto o algún punto en concreto, eso lo decides tú.

  1. Selecciona un buen nombre y un buen servidor
  2. Selecciona la plataforma CMS adecuada para ti.
  3. Piensa en móvil más que en Ordenador
  4. Usa un Blog integrado en la tienda online
  5. Usa el marketing Online

1 – Nombre y Servidor

Lo más importante del servidor es:

  • Que sea Español
  • Que tenga servicio técnico 24 Horas
  • Que realicen copias de seguridad diarias.

El SEO es el posicionamiento natural de la web e influyen muchas variables entre ellas, si el servidor está en España digamos que sube puntos, si lo tienes en Chipre porqué es más barato, que lo es, restará puntos. Si tienes un problema de actualizaciones y no tienes servicio técnica y Google no te encuentra porque estás desaparecido restará puntos y más aún cuando no tienes copias de seguridad que poder restaurar.

El nombre es importante y podemos decir que tenemos trucos para mejorar el rastreo pero eso es otro tema, lo que aquí te podemos indicar es que utilices un .es si vendes en España y .com si es internacional, no te compliques, el geoposiciomamiento para google es muy importante.


2 – Plataforma CMS para crear una tienda online

De esto encontrarás mucha información si tienes que decidirte entre Prestashop y Woocommerce. Mi consejo es que si tu tienda no tiene más de 250 artículos uses woocommer y si tienes más de 250 artículos uses Prestashop.

Explicación larga de elegir entre Prestashop y Woocommerce para crear una tienda online

Woocommerce se basa en otra plataforma CMS pensada como Blog por lo que su estructura de base no esta pensada para una tienda online y por lo tanto el índice de respuesta y la velocidad a la hora de devolver gran cantidad de datos es más lenta que con Prestashop. Lo que se resume en que si tienes muchos productos Woocommerce no es la mejor opción y si Presatashop que esta pensado para ello.

Se dice que puedes trabajar con Woocommerce con hasta 500 productos sin que vaya lento pero eso es en teoría con un buen alojamiento y en un them idílico la realidad es bien distinta. Mi consejo: no más de 250.

El problema es que Prestashop para realizar cualquier acción fuera de lo normal tienes que pagar por el módulo mientras que en woocommerce lo raro sería pagar.

DescripiciónWoocommercePrestashop
Productos recomendadosHasta 250Todos los que quieras
Temas y PluginsEn gran parte gratuitosTodos de pago
Control de la tiendaTotalParcialmente Total
Pensado principalmente paraPequeñas tiendas onlineGrandes y pequeñas tiendas
Probabilidad de errores bugsAltaBaja
Para presupuestosBajosAltos

3 – Piensa en móvil más que en Ordenador para crear una tienda online

Un error de desarrollo es que la web se hacía en base a la visualización de un ordenador y luego se adaptaba a móvil. Bien puesto es un gran error que afortunadamente está cambiando. Hoy en día los buenos desarrolladores de tiendas online tienen más presente el móvil que el ordenador.

Es posible que los pagos se realicen desde un ordenador, pero el usuario a visto antes la tienda en móvil y su experiencia de usuario ha tenido que ser atractiva sino no realizará la compra.

4 – Ten un Blog en tu tienda

Tener un blog y hablar de tus novedades es importante por muchos motivos pero principalmente y en este orden de prioridad se podría decir que:

  • Google lo valora y si lo actualizas constantemente y con contenido de calidad subirás posiciones
  • Atraes a Leads o posibles clientes
  • Eres un referente en determinadas materias
  • Ayuda a las campañas de marketing

Los blog no deben ser los egos de la marca o del autor sino un contenido de calidad que atraiga a los visitantes. Esto no es algo solo que dice google y que debemos hacer para complacerle y que en su magnánima indulgencia nos permita estar en los primeros puestos, sino porque esta vez tiene razón.

Hacer un articulo y que sea no solo de calidad sino que atraiga a los visitantes no es fácil y lo más importante se puede dar el caso de que tu realices muchos post y google no los considere de calidad y otros post que aunque tu no lo pensarás si tengan un éxito. El éxito de un post puedes intentar esmerarte en conseguirlo pero nunca sabrás si ese es el post que te hará subir muchas posiciones.

Lo importante es publicar asiduamente y que el contenido sea de calidad, con ello tarde o temprano lo conseguirás.


5- Campañas de Marketing

Si crees que una tienda online con el blog o con la tienda online actualizandose es suficiente estas en craso error.

Las tiendas tienen que ser seres vivos: a una persona no le das de comer siempre lo mismo la alimentas de diferentes maneras, pues eso mismo es lo que se hace desde el marketing: alimentar a la web desde diferentes focos para canalizar los leads o target necesarios para obtener finalmente un a venta de nuestro producto o servicio.

Opciones típicas de campañas de marketing para una tienda online

  • Google Adwords
  • Redes sociales
  • Blog
  • Enlaces externos de otras fuentes (Back links)
  • Concursos
  • Promociones
  • Planning anual

Una única acción o dos no te van a surgir efecto, necesitas todas las que te indico y más porque cada negocio es único y necesita por lo tanto de sus propias estrategias y alianzas para triunfar.

«Da un paso atrás, ten una visión general de donde quieres, el camino solo es el medio no tu objetivo».

Eduardo de la Iglesia

Comprar Naranjas

Hemos creado una tienda online rápida sencilla y muy fácil de comprar naranjas 


Más de 50 años al servicio de Aragón

www.naranjaslosvalencianos.com

Naranjas Los Valencianos   es una empresa familiar creada hace más de 50 años y que ahora de un salto cualitativo como nunca.

logotipo comprar naranjas
logo de naranjas los valencianos

hemos Creado la web con el sistema bootstrap que nos permite crear una página web en muy poco tiempo. 

El resultado ya lo veis es una página sencilla con una carga muy rápida e intuitiva, es por eso que este diseño le sienta bien ya que permite al cliente que visite la página ir directamente a lo que importa: los productos 

Los dos productos que vende son 

Comprar Naranjas y Mandarinas Calendario

No estan todo el año por eso hemos puesto un calendario para que el cliente vea en todo momento como esta el proceso de recolección de la naranja.

Lo mismo sucede con la Mandarina tiene su propio calendario y por lo tanto no debe existir engaño al respecto.

Nueva Web de la Casa de las Cervezas. Venta de cervezas artesanales

Hemos mejorado considerablemente la web de la Casa de las Cervezas.  cervezas artesanales

Venta de cervezas artesanales de importación.

logotipo cervezas
La casa de las cervezas logo

La Casa de las Cervezas es una web que lleva en el mercado desde hace 2 años y es una empresa que distribuye cerveza artesana desde 2012, si en plena crisis y han salido adelante y poco a poco creciendo cada vez más.

Hoy en dia hay muchas páginas web de cervezas y un boom o burbuja que eta permitiendo aflorar muchas páginas que antes no existían con un gran repertorio de cervezas sin tener una estructura y una empresa detrás , muchas de ellas son meros intermediarios de otras webs que van a comisión.

La Casa de las cervezas es una empresa que es segura, lo ha demostrado todos estos años, posee la infraestructura y unos socios que están todos los días con nuevos productos para que el cliente este satisfecho.

la venta online de cervezas artesanales es un mundo complicado ya que los margenes de beneficio son pequeños y en caso de que por ejemplo exista una rotura La Casa de las cervezas se hace 100% responsable de la mercancía.

Sin duda para comprar cerveza artesanal online es toda una garantía en un mundo que crece sin parar y casi sin control.

La nueva web tiene funcionalidades nuevas como la lista de deseos pero sobre todo una mejora en la navegación que le permite al usuario comprar cerveza online de manera segura y de forma fácil e intuitivamente.

Como dicen ellos:

Cerveceros Aragoneses

Somos una distribuidora aragonesa que abre su tienda online para el público general y para todos los amantes de una buena cerveza que desean tener una experiencia única a un gran precio. o como un regalo original.

La Casa de las cervezas es la venta cervezas artesanales para el publico general. Disfrutarlas 🙂

 

Nueva web Hispano-Suiza

Hoy hemos terminado la web  de una asociación de música de músicos españoles y suizos con sede en Berna, aunque aun nos queda el multiidioma de la web , y muy pronto tendrá nuevos contenidos.

http://hhmusik.org/

Como ellos dicén:

Somos jóvenes artistas hispanos y suizos, amantes de la música y la cultura en general, y queremos ser la LLAVE para abrir nuevos caminos, favoreciendo el intercambio socio- cultural entre ambas culturas.

La música nos permite volar a universos fantásticos y viajar a nuestro yo más íntimo, despertando nuestros recuerdos más intensos. Olvidemos nuestras propias vidas y compartamos todos juntos otra realidad, aunque sea un instante, una hora,  un concierto. ¡Qué suene la música!

 

Grupo Scout Santa Engracia

Hemos rediseñado la antigua página del grupo de scout de santa engracia de una plataforma joomla algo obsoleta pero funcional a algo más moderno, accesible a todos y preparado para todos los dispositivos.

También nos han encargado una serie de flyers, asi pues daros las gracias por toda vuestra confianza y mucha suerte.

Y confiamos que el resultado final ha sido el esperado por todos.

http://gruposcoutsantaengracia649.es
image

Flat Design ¿Que es?

Lo primero que hay que decir es que Flat Design es una tendencia de diseño web, que se ha extendido mucho, principalmente por el diseño de Windows 8. Anteriormente ya se realizaron trabajos con este tipo de diseño pero con colores más oscuros. Sin embargo esta tendencia del diseño web no es muy apreciada por el momento en el diseño gráfico.

Windows 8
Flat Design en windows 8

Las características más llamativas son:

  • Cajas amplias
  • Iconos en lugar de imágenes
  • Colores llamativos
  • Usabilidad (Adaptada a móviles y tablets)
  • Minimalista
  • Espacios amplios

En intentos anteriores se usaban colores menos llamativos e imágenes en lugar de iconos. La estructura de contenidos es muy alineada con formas cuadradas y todo tiene una posicion absoluta dentro de una web, lo que deja restricciones a la creatividad .

 

colores en Flat Desgin
Colores de Flat Design

 

Mi opinión personal es que es más un diseño de interfaces que aunque extendido no ha tenido toda la repercusión necesaria para ser una tendencia en el diseño de las web y es más bien un referente  de la usabilidad principalmente en móvil. Las páginas web que siguen esta tendencia suelen ser adaptaciones de este diseño más que una regla a seguir ya que puede parecer una copa de la versión de windows que no ha todo el mundo a llegado a asimilar. Los usuarios se sienten más cómodos con interface que conocen y aun queda mucho para asimilar este nuevo concepto que planteo microsoft. Las páginas que han realizado este tipo de diseños son más bien tarjetas de visita que paginas que interactuan con el usuario en un feedback positivo y para aquellos que intentan dotarse de algo de estilo es muy práctico y un recurso que puede ayudar a ciertos clientes que carecen de ello y que por lo menos lo pretenden sin serlo.

El recurso más usado en este tipo de plantillas se ve en WordPress ya que realizar un diseño enteramente con esta tendencia requeriría de tiempo y  un coste alto, y sobretodo una predeterminada intención que actualmente no existe.

Arquitectura de Información AI

 

La arquitectura de información es un sistema de metodología que se aplica a proyectos tecnológicos consistente en una serie de pautas para la realización de un proyecto web. La AI es una herramienta idónea para desarrollar el proyecto web sobre todo cuando este es largo, ambicioso o requiere de contenidos profundos de análisis previos.

Existen otras directrices a tener en cuenta para proyectos más grandes como la usabilidad , interacción y accesibilidad que se relacionan directamente y que ocupan para muchos uno de los puntos más importantes de la AI.

La AI es para muchas empresas un puesto de trabajo bien remunerado y valorado, se podría decir que ayuda al usuario a sentirse cómodo en una web. Diciendo como tienen que estar los botones , donde , de color y tamaño como acceder a las diferentes secciones de una web , etc… Esto no quiere decir que las personas que se dedican a ello sean auténticos gurús del web pero se les valora mucho. En el caso  de facebook fue una gran empresa la que le dijo a facebook como tenía que rediseñar su web ya que estaba mal realizada, sus soluciones hicieron perder millones de usuarios a facebook de los que hoy en día no se ha repuesto.

Usando de base la definición de la Wikipedia la AI se encarga de definir:

  • El objeto, propósito y fines del sistema de información o sitio
  • La definición del público objetivo y los estudios de la audiencia
  • La realización de análisis competitivos
  • El diseño de la interacción
  • El diseño de la navegación, esquemas de organización y facetación de los contenidos
  • El etiquetado o rotulado de los contenidos para acceder a la información
  • La planificación, gestión y desarrollo de contenidos
  • La facilidad de búsqueda y el diseño de la interfaz de búsqueda
  • La usabilidad
  • La accesibilidad
  • El feedback del resultado y los procesos de reingeniería del sitio

El resultado final es un dossier que sirve tanto a nivel comercial para el cliente como a nivel técnico para diseñadores y maquetadores que realizan el proyecto web.

 

Esquema AI Arquitectura de informacion
Esquema de AI

 

Objetivos de una web

 

Actualmente no se entiende una empresa sin web, pero a su vez tampoco se entiende esta como una mera tarjeta de visita en la que el cliente accede a ella para recuperar un número de teléfono extraviado.

La relación que se plantea del cliente con la web ha de ser:

  • Informativa. Principalmente direccionar al cliente a la información que solicita de manera inmediata, en la que se pueda ver una información que se modifica y actualiza para generar una curiosidad continuada en el usuario. La usuabilidad, en el acceso claro y sencillo a la misma debe repercutir en un esmero por mostrar la información de manera clara y accesible, buscando la comodidad del usuario en todo momento.
  • Comercial. Ofrecer servicios y con ello conseguir contactos para materializar en presupuestos. O bien conseguir compras a través de tiendas online o portales que la proporcionen en todo momento.
  • Interactiva. Crear una comunicación bidireccional con el usuario a través de los diferentes canales que puedan ir añadiéndose. Buscar una comunicación que sea continuada y prolongada en el tiempo son aspectos que se consiguen con las redes sociales, portales y chats.

Siempre con el objetivo y meta de conseguir visitas, que se conviertan en contactos y estos en clientes.

Esquema Visitas online
Esquema de visitas online

 

En cuanto a la publicidad, la inversión debe ser la necesaria para obtener resultados. La publicidad en general puede ser gratuita (SEO) o pagando (SEM) La primera es más costosa en tiempo y de resultados difíciles de cuantificar, la segunda se puede cuantificar y los resultados son medibles.

El contacto. Hay campañas en las que él % de contacto es muy amplio y en otras muy reducido. Estamos hablando de un interés del 1% al 6% de todas las visitas. Es un porcentaje muy pequeño con un margen muy amplio, pero siempre ha dependido de muchos factores, competencia, mercado, precios, diseño web, confianza y un sin fin de variables independientes difícilmente medibles si no se analiza correctamente.

Maquetación 960

 

Realizar una página web es tan sencillo o complicado como deseemos hacerla. En algunas consultaras que realizan trajes a medida sobre todo para empresas que no se adaptan a productos estándar o portales institucionales deben de realizar un diseño propio y único para poder desarrollar contenidos muy específicos que solo se vean de una determinada manera. Esto claro esta tiene un coste muy elevado de decenas o cientos de miles de euros. La maquetación y el diseño web van de la mano y deben por exigencias del guión acoplarse perfectamente.

Es muy importante recordar que hoy en días existen programas que de código abierto que cumplen la mayoría de las exigencias del mercado en un 80%. Para este otro 20%  existen estos métodos.

A continuación muestro un sistema, que no el único de como realizar un diseño personalizado y maquetarlo correctamente. Se llama Grid 960

¿Que es 960?

960 Es un sistema o más bien una buena práctica entre diseñadores y maquetadores. Muchas veces el diseñador no se replantea todas los problemas que le puede plantear al diseñador y en consecuencia al programador. 960 ha echo las paces entre ambos procurando por un lado una plantilla para el photoshop y otra plantilla en CSS, de tal manera que será más sencillo trabajar con una y otra.

Las especificaciones de la misma web de 960 son rejillas de 12 o 16 columnas que se dividen en porciones de 60 píxeles de ancho. La rejilla 16 columnas tiene 40 pixels cada una y 10 píxeles de margen en el lado izquierdo y derecho, que crean canales 20 píxeles de ancho entre las columnas.

Columnas 960
Columnas 960

Ejemplo de su propia web

Maquetación con la plantilla 960

Como se puede ver, las rejillas determina el ancho de una capa. así, se llamara a una rejilla 4 +4 + 4 para una rejilla de 12.

Esto se ve mejor en código.

960 codigo
Codigo de 960

En definitiva todo esto al principio puede parecer una complicación, pero nada más allá de la realidad, es una gran herramienta, que permite tener un trabajo bien realizado y visible en todos los navegadores, que como bien sabréis esta es otra guerra.

Wireframe

En un proyecto web, Si tenemos todos los datos confirmados, en la fase de la estructura de la web es la hora del wireframes que no es otra cosa que un esquema de las páginas. Es muy importante el wireframes porque establece con el cliente puntos importantes como:

  • Las páginas del sitio
  • La ubicación de cada uno de ellos
  • El compromiso de que estas son las paginas que aparecerán en la web

Una vez definido, el cliente puede decir que quiere otra sección o modificación de lo ya pactado en el wireframes, bueno si que puede pero se le ha de comunicar que esto no constaba en el proyecto inicial. Por lo general, yo considero un 10 % de sobre estimación que generalmente asume la empresa, ya que por mucho que tengamos estructurado y desarrollado el proyecto nunca estará completo o tendrá mejoras importantes, o algo necesario que no se había contemplado, pero se lo notifico al cliente que este cambio no estaba considerado en el proyecto, y en el caso de que sea mayor del 10% se le plantea su realización bajo otro presupuesto o negociación del mismo.

Volviendo al tema por lo general se hacen los wireframes de un proyecto normal con las siguientes páginas básicas:

  • Inicio
  • Contenido 1
  • Contenido 2
  • Productos
  • Selección de producto
  • Contacto

A la hora de realizar el diseño, depende del tipo de contenido y de la importancia que el cliente le da al mismo, pero existen 2 formas normalmente asumidas que son hacerlo con photoshop (ya casi nadie que se dedique a esto decentemente la usa) o con una Biblioteca de símbolos GUI yo uso Pencil que creo que es la mejor para desarrollar, ademas de las actualizaciones y los nuevos modelos que sacan para tablets y móviles. He llegado a ver bibliotecas para open office.

Pencil Diseño de wireframes, una gran herramienta

pencil

  • Cursos Gratuitos

  • curso excel online
  • Ven a Vernos

    Dirección

    Calle del Coso, 102, Oficina 10 50001 Zaragoza
    976 923 192 | 623 354 253

    info@esmarketingzaragoza.es

    Horario – Solicita Cita Previa

    Lunes a viernes: de 9:00 a 17:00 h.
    Sábado y domingo: de 11:00 a 15:00 h.

  • Especialistas en Excel analítico

    Estamos especializados en Excel avanzado para empresas. Análisis de datos y resolución de cálculos avanzados.

  • aaa
    Abrir chat
    ¿Puedo Ayudarte?
    Hola
    ¿En que podemos ayudarte?