Inner Soul Bright

El sitio de una consulta de acompañamiento espiritual, en cinco idiomas

Estado
En línea
Entregable
Sitio web
Industria
Bienestar espiritual
Idiomas
Cinco

Tres páginas en React publicadas en cinco idiomas, donde los cuatro servicios, el proceso y el código ético —lo que se hace y lo que no se hace— se leen con el mismo cuidado.

Es una consulta de acompañamiento espiritual y sanación energética que atiende en línea y presencial, sin dirección fija, y que habla a un público repartido por varios países. De ahí los cinco idiomas.

Visitar el sitio en vivo

La portada se parte en dos: a la izquierda el titular en romana y los dos botones; a la derecha, el bosque entero. Tipografía y fotografía se reparten la pantalla al cincuenta por ciento.

La portada de innersoulbright.com dentro de una ventana de navegador, con el titular «Sanación Espiritual, Meditación y Autocuidado» y una fotografía de bosque con niebla
innersoulbright.com · la portada a 1440 px, con el bosque sangrando por la derecha

Lo que hicimos

  • Tres páginas: inicio, servicios y sobre mí, con enrutado de cliente: se navega sin volver a cargar.
  • Cinco idiomas: español, inglés, francés, alemán y portugués, con el selector en la cabecera y la elección recordada.
  • Cada servicio, su límite: los cuatro bloques llevan su color, su rejilla de lo que incluye y una caja con lo que ese servicio no es.
  • Sistema tipográfico: Cormorant Garamond para los titulares y Questrial para el texto, en una escala de cinco tamaños.
  • Color en variables: nueve tonos y ocho degradados escritos en el CSS, de los tres oros a los tres celestes.
  • SEO y datos estructurados: canonical, Open Graph, Twitter Card y una ficha Organization en JSON-LD.
La llamada final de innersoulbright.com: una fotografía de dos manos sobre velas encendidas y, debajo, un panel azul profundo con la pregunta y el botón
innersoulbright.com · la llamada del cierre, con la fotografía del cliente a sangre
El sello circular de innersoulbright.com, con el logotipo del loto en el centro y las palabras «Luz · Alma · Espíritu · Energía · Sanación» alrededor
innersoulbright.com/servicios · el sello que corona el aviso de cierre, aislado del fondo

Reto

Una web de servicios espirituales se juega la credibilidad en el tono: con demasiada promesa espanta, con demasiada frialdad no acompaña. Había que construir confianza sin prometer un solo resultado.

La página de servicios abre diciendo lo que la consulta no hace: adivinación, dependencia, promesas de resultado e intervención en decisiones médicas. Las dos columnas tienen el mismo peso tipográfico.

La página de servicios de innersoulbright.com con dos tarjetas enfrentadas: «Lo que SÍ hacemos» y «Lo que NO hacemos»
innersoulbright.com/servicios · lo que sí se hace y lo que no, enfrentados en dos columnas

Acto 01

El tono se diseña

Las tres páginas corren sobre dos tipografías y nueve tonos escritos en variables, con ocho degradados que hacen el resto. La romana titula y la seca explica: no se mezclan nunca.

Espécimen tipográfico de Inner Soul Bright sobre campo oscuro: Cormorant Garamond y Questrial con sus pesos y la escala de cinco tamaños
Cormorant Garamond y Questrial, con los pesos y la escala leídos del sitio en vivo
Las nueve fichas de color de Inner Soul Bright con su nombre de variable, su hexadecimal y su valor HSL, y tres barras de degradado
Los nueve tonos y tres de los ocho degradados, leídos de las variables CSS

Acto 02

Una consulta, contada entera

Cada uno de los cuatro servicios lleva su color de la paleta, su rejilla de lo que incluye y una caja donde se escribe lo que ese servicio no es. Y detrás, seis pasos y un plan de siete días.

El bloque de «Lectura Energética» de innersoulbright.com/servicios, con su icono celeste, cuatro puntos de lo que incluye y una caja en cursiva que aclara que no es adivinación
innersoulbright.com/servicios · «Lectura Energética», con su acento celeste y su límite escrito
El bloque de «Limpieza Energética» de innersoulbright.com/servicios, con su icono salvia, cuatro puntos de lo que incluye y una caja en cursiva sobre la higiene energética continua
innersoulbright.com/servicios · «Limpieza Energética», con su acento salvia y su límite escrito

Seis pasos, y cuatro llevan la etiqueta «Opcional». La entradilla lo dice antes que las tarjetas: cada proceso es único y no todos los pasos se hacen siempre.

La sección «Paso a Paso» de innersoulbright.com/servicios: cuatro tarjetas numeradas, tres con la etiqueta «Opcional»
innersoulbright.com/servicios · la entradilla y los cuatro primeros pasos, ampliados

Lo entregado

Inner Soul Bright se quedó con tres páginas publicadas en innersoulbright.com, en cinco idiomas, con su color y su tipografía escritos en variables. No publicamos cifras: la analítica no es nuestra.

Las tres rutas en el celular, cada una en un idioma distinto del selector. El enrutado es de cliente: se pasa de una a otra sin volver a cargar la página.

Tres celulares sobre campo oscuro con las tres páginas de innersoulbright.com: el inicio en español, los servicios en francés y la página sobre mí en alemán
innersoulbright.com · inicio en español, servicios en francés y sobre mí en alemán

Disciplinas y tecnología

  • Diseño y desarrollo web
  • Arquitectura de contenido
  • Entrada animada · 28 bloques
  • React
  • Vite
  • React Router
  • Tailwind CSS
  • Motion
  • Radix UI
  • Lucide
  • i18next · cinco idiomas
  • Cormorant Garamond y Questrial
  • SEO técnico y datos estructurados
  • Diseño responsive

A continuación

Más proyectos

¿Listo para transformar tu negocio?

Analizaremos tu proyecto y prepararemos una estimación preliminar. Nos reuniremos virtualmente o presencialmente para discutir tus necesidades y alinear los próximos pasos.

¿Prefieres contacto directo con nuestro CEO?

Alexander Arancibia
Alexander ArancibiaFundador & CEO