Tienda online de productos para farmacias y particulares

por

El proyecto de Viafarma, S.L. se presentaba como un reto personal en el que debía recuperar un trabajo, realizado a medias y sin terminar por otra empresa, de una tienda de productos para farmacias y particulares, manteniendo la imagen y el contenido que ya estaba creado. Algo difícil por lo mal estructurado que se encontraba de origen.

Diseño web de productos para farmacias y particulares

viafarmaecologica.com

 

E-commerce de productos para farmacias y particulares

La creación del sitio viafarmaecologica.com ha sido un trabajo duro, ya que las condiciones requeridas precisaban de una estructura algo compleja.

Al requerir dos zonas diferentes de venta, una para particulares y otra para profesionales, con diferentes precios para los mismos productos, se decidió utilizar una instalación de WordPress en modo «multisite«. Esto permitiría crear dos zonas completamente diferentes pero administradas desde un mismo sitio y bajo el mismo dominio.

Al buscar la mejor forma de configurar las dos tiendas y de facilitar la administración, todo el trabajo creado por la empresa anterior, separado en dos instalaciones independientes de WordPress, fue migrado y redirigido hacia la nueva estructura.

Tener dos instalaciones de WordPress, dos accesos diferentes de administración, complementos y accesorios duplicados, hacían que el tamaño total de archivos de la web fuese exageradamente grande, con lo que eso conlleva: más brechas de seguridad, mayor esfuerzo de mantenimiento, velocidades lentas de carga, consumo de recursos extras del servidor…

administración Viafarma

Administración única para las dos tiendas

 

Una vez solventado el problema inicial se trabajó en un servidor de prueba hasta que se completó prácticamente el 90% de la web, lo que llevó cerca de mes y medio. Una vez instalada la web, con todas las funciones activas necesarias en su lugar definitivo, se pulieron detalles sueltos hasta completar la web que podéis visitar en estos momentos.

 

2 tiendas diferentes pero complementarias

La primera dificultad aparecía a la hora de separar las tiendas, una accesible a todo el público y otra sólo para ventas a profesionales.

Para poder restringir el acceso a la zona para profesionales, se creó una zona de membresía en la que a los profesionales registrados se les asignaba un rol diferente con acceso a esa zona. El registro es supervisado por el vendedor antes de completarse del todo. A través de emails automáticos se avisa del nuevo registro, para comprobar que los datos y la petición es real, y de la misma forma, una vez aprobado, el nuevo miembro recibe otro email con acceso al sitio.

Acceso a zona restringida

Acceso a zona restringida

 

Las farmacias registradas tienen la opción de formar parte de un directorio de puntos de recogida, geolocalizadas en un mapa que se puede consultar en la misma web, y a la que los particulares pueden acudir a retirar la compra que hayan realizado en la tienda online, eligiendo la que más les interese en la página de «Finalizar compra» de la tienda.

 

Imagen principal

Se han utilizado los colores corporativos para marcar la línea gráfica principal de la web, utilizando el verde del logotipo como color identificativo de la zona restringida a particulares.

Para mantener la imagen heredada del anterior trabajo, se ha dejado un «slider» optimizado con un máximo de tres imágenes, para no cargar y ralentizar demasiado la página, que muestra los productos más relevantes de la tienda.

Es la única página que no ha sufrido cambios de imagen, aunque sí se han optimizado todas las imágenes, ajustado textos y aplicado diversas reglas de SEO.

Página de inicio de viafarmaecologica.com de productos para farmacias y particulares

Página de inicio de viafarmaecologica.com

 

Desde la cabecera de la página principal se puede acceder a cualquier rincón de la web. Un menú minimalista superior, enmarcado en el color principal del logotipo, incluye los accesos de interés particular y la información de contacto. Un segundo menú muestra los enlaces generalistas a páginas de contacto, información de la empresa y el acceso a los productos de la tienda.

Un poco más separado, hemos configurado el acceso a la cuenta de las personas que se han registrado para comprar, y un acceso al carrito siempre visible con información de la compra que se está realizando.

Cabecera pública de productos para farmacias y particulares

Cabecera para particulares

 

Cabecera privada de productos para farmacias y particulares

Cabecera para farmacias

Integración de «Newsletter»

La importancia de promocionar los productos es una necesidad incuestionable hoy día en una e-commerce. Para ello se ha integrado un formulario que recoge los datos, que se solicitan voluntariamente, en una lista de correos para ser utilizada en promociones y ventajas puntuales que ofrezca el vendedor.

Este formulario aparece presente en todo momento al pie de la web, y salta en un pop-up al entrar en la página principal la primera vez.

Pop Up para Newsletter

Recogida de datos para Newsletter

 

Cumpliendo con la RGPD (Reglamento General de Protección de Datos)

Tener una web que cumpla con la legalidad establecida se ha convertido en un handicap para cualquier sitio de internet. No basta con cumplir con la LOPD (Ley Orgánica de Protección de Datos), unas normas Españolas que hasta ahora marcaba el camino a seguir, hay que adaptar la web a la norma Europea RGPD. Por tanto hay que adaptarse a las dos.

Mientras que con la LOPD sólo pedían registrar en un fichero con los datos de terceros que se manipulaban y avisar de la utilización de cookies en la web. La RGPD ya no pide registrar ningún fichero, pero tenemos que indicar en todo momento qué vamos a hacer con los datos que se recogen en la web e indicar de forma directa y expresa que el usuario proporciona los datos de forma voluntaria.

De esta forma, se ha procedido a lo siguiente:

  • Se han añadido unas casillas de verificación y reCapcha en los formularios junto a un enlace a los textos legales.
  • Aparece un texto de primer nivel informando que se va ha hacer con los datos recogidos, dónde y quién los almacena y cómo acceder a ellos.
  • Acceso a los textos legales personalizados de protección de datos, uso de cookies, condiciones de venta y aviso legal desde cualquier página de la web.
  • Creación de formularios de acceso, rectificación o borrado de datos personales del usuario.
  • Registro de actividad de la web
  • Barra de aviso de utilización de cookies y consulta de las mismas.

Puesto que es una ley muy nueva, y la LOPD no se ha adaptado aún a las nuevas condiciones a nivel estatal, es muy posible que haya que realizar alguna modificación en el futuro, por ello es casi imposible cumplir al 100% con todas las normas, incluso para las más grandes multinacionales.

 

Otros complementos adicionales

Para facilitar la comunicación entre cliente y vendedor se han implementado diferentes opciones:

  • La posibilidad de poder llamar directamente pulsando en el teléfono que aparece en la barra superior, cuando estamos accediendo desde un móvil.
  • Acceder a la aplicación de WhatsApp y comunicarnos a través de dicho sistema de chat, también sólo disponible desde un dispositivo móvil.
  • Utilizar el típico formulario de contacto con acceso desde el menú de la página web.

 

Viafarma Ecológica en el móvil

Viafarma Ecológica en el móvil

 

Las redes sociales nos brindan la posibilidad de poder darnos a conocer a más gente sin necesidad de publicitarnos de forma directa. El complemente integrado en la web permite que cualquier usurario pueda compartir en su tablón la información que quiera de la web. A excepción del apartado privado donde no se permite compartir.

 

Configuración esencial de Viafarma

Debajo de todo el aspecto visual existe un trabajo que no se ve pero que es igual o más importante. La optimización de todos los apartados para que trabajen juntos, la mejora de las imágenes para que carguen correctamente, la configuración de la administración, la programación de funciones especiales ajenas a las estándar de WordPress, la configuración responsive (adaptable) a los dispositivos móviles…

Aunque al principio quise rechazar el proyecto, tengo que dar las gracias a Viafarma por insistir en ello, y sobre todo por el buen entendimiento que ha habido entre las dos partes. Así da gusto trabajar.

¿Quieres saber más sobre el diseño web e internet? Pincha aquí

 

Juan Martín

Juan Martín

Soy el creador y autor del blog «J Solución creativa», una persona como tú que intenta ganarse la vida en internet. Intento llenar mi blog con contenido útil que pueda ayudar a quien lo necesite y conseguir, con esfuerzo, generar autoempleo y vivir de ello. Si te parece interesante puedes apuntarte a mi newsletter.

Deja un comentario

0 comentarios

Enviar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Al dejar un comentario se solicitan datos como tu email y nombre que se almacenan en una cookie para que no tengas que volver a completarlos en próximas visitas. Para enviar un comentario debes aceptar nuestra política de privacidad.

– Responsable de los datos: Juan Martín Pascual
– Finalidad: Controlar spam, gestión y moderación de comentarios
– Legitimación: Tu consentimiento expreso
– Destinatario: Base de datos alojada en SiteGround Spain S.L. dentro de la UE. Ver política de privacidad de Siteground.
– Derechos: Acceso, rectificación, supresión, limitación, portabilidad y olvido de sus datos

Te aviso de las novedades

Suscríbete a mi boletín y te enviaré el nuevo contenido cuando se publique

Conformidad

Revisa tu correo para confirmar tu suscripción

Pin It on Pinterest

Share This
Ir al contenido