Diseño y desarrollo web de Almayser con Gatsby

Alberto, Guillermo y Nagore

Hoy toca hablar de uno de los proyectos web que lanzamos en 2022. Sabemos que te debemos alguno que otro, así que allá vamos.

El proyecto Almayser nace por la necesidad de María de llegar a cualquier cualquier persona con problemas emocionales y mentales y poder ayudarlas a través de la 🌸 terapia floral 🌸.

Ella se formó como Practitioner. Está totalmente capacitada en identificar a los pacientes que pueden ser tratados con los remedios de las flores de Bach.

Para que María pudiese ofrecer el servicio en TheCookies desarrollamos el siguiente portal https://almayser.es/

Desde la propia web se puede comprar preparados florales personalizados y el remedio de urgencia de Flores de Bach formulada por el Dr. Edward Bach.

También, se desarrolló un espacio online donde poder solicitar consultas escritas o reservar una sesión.

almayser consulta online

Tecnologías utilizadas

El desarrollo web de Almay cuenta con las siguientes tecnologías modernas y serverless.

[1] Netlify: Es la plataforma desde dónde alojamos y desplegamos cada sitio web.

[2] Gatsby: nuestro framework de desarrollo favorito.

Quien nos sigue desde el principio ya sabe que somos totalmente fieles a esta tecnología. Nos permite crear sitios webs de alta velocidad y rendimiento.

[3] Sanity: el gestor de contenidos que cualquier persona quisiera tener para su web.

Otra joyita.

La facilidad con la que el cliente puede administrar su contenido web es infinita. No hay ruido. Adaptamos la plataforma a la necesidad del cliente. Ni más ni menos 🌈.

[4] Stripe: plataforma que utilizamos para implementar la pasarela de pago sin necesidad de un servidor.

El potencial que ofrece stripe era de interés para María y nosotros simplemente nos ajustamos a sus necesidades y la acoplamos al proyecto.

No fue sencillo, pero querer ajustarnos siempre a lo que el cliente necesita es lo que tiene 🤘🏼. Que nos gusta el barro.

almayser gestor de contenido Sanity
almayser checkout

Antes de que el proyecto viese la luz, fue necesario pasar por un proceso de varias fases.

  • Conceptualización de la idea de negocio.
  • Creación de la identidad corporativa.
  • Investigación de la competencia y análisis SEO.
  • Diseño personalizado de los diferentes prototipos de páginas que forman el universo Almayser.
  • Desarrollo y programación de cada una de las landings con sus funcionalidades y recursos gráficos.

Dicho así, parece poco ¿verdad? 😮‍💨.

Wireframe y diseño WEB

Antes de que Alberto haga su magia para que, como diría él, veas el contenido en real., es necesario diseñar las landings que va a tener el proyecto.

Todos los diseños web de nuestros proyectos cuentan con un trabajo previo de SEO. Guillermo trabaja en la estructura web y los bloques de contenido de cada landing. Después, define los wireframes.

Al diseñador le permite visualizar cómo se va a organizar el contenido antes de comenzar a trabajar.

Además, se asegura de que el esqueleto tiene la capa SEO que cualquier proyecto necesita para posicionar en Google.

Aquí puedes ver un ejemplo de uno de los wireframes de Almayser. Este material es el que recibe el diseñador.

almayser tienda online

¿Qué te ha parecido este proyecto?

Te invitamos a que visites el portal de almayser.es para que tu mism@ puedas apreciar los detalles y el mimo con el que se ha trabajado.

También puedes echar un vistazo a algunos proyectos que hemos publicado:

Si te gusta lo que ves y quieres que trabajemos tu proyecto web no dudes en ponerte en contacto con nosotros.

¿QUIERES UN CAMBIO?
Contáctanos

[object Object]

Nuestras pepitas de chocolate para mejorar tus proyectos