Elión | Diseño y desarrollo web

Rombo si señor
elion

Caso

Esta es una empresa colombiana que impulsa la inversión en energía solar a través de una plataforma especializada en el diseño, instalación y ejecución de proyectos de energías renovables.

Además de desarrollar su identidad de marca, (conoce qué hay detrás del naming y branding aquí), también creamos su sitio web: un proyecto que debía ser informativo, educativo y, al mismo tiempo, transaccional, permitiendo la creación de cuentas y la visualización de inversiones. Una propuesta que conectó sostenibilidad, tecnología y experiencia de usuario.

Metas

  • Posicionar a Elión en motores de búsqueda con términos clave relacionados con energía solar y proyectos de inversión.
  • Desarrollar una calculadora de inversión que permitiera proyectar ganancias futuras, facilitando decisiones informadas y comparaciones entre distintas opciones.
  • Crear una sección informativa y educativa sobre energía solar para orientar a nuevos inversionistas.
  • Implementar funcionalidades que permitieran a los usuarios crear cuentas, editar perfiles, cargar y gestionar proyectos de inversión.
  • Diseñar plantillas que estandarizaran la presentación de proyectos, garantizando orden, consistencia y claridad.

Ejecución 

Nuestro equipo web se encargó de la redacción con enfoque UX y del diseño de la experiencia visual y funcional. Todo el proceso, desde la arquitectura de contenido hasta el desarrollo, respondió a los objetivos definidos en el brief, asegurando una ejecución coherente entre el diseño y la implementación técnica.

Tanto el UX Writing como el diseño UX/UI se enfocaron en acciones alineadas con la identidad de la marca, como:

UX Writing

  • Microcopy orientado a la acción:  Desde el brief sabíamos que el llamado a la acción más relevante era la creación de cuenta. Este paso no solo activaba el funnel, sino que nos permitía identificar el nivel de interés y rendimiento potencial de cada usuario en torno a la inversión en energía solar.
  • Tono educativo, cercano y alineado con la marca:  Hablar de energía solar implicaba abordar temas técnicos como el rendimiento y la duración de los proyectos. Por eso, optamos por un tono claro, empático y accesible, que tradujera la complejidad en información útil para todos los niveles de conocimiento.
  • Verbos claros y consistentes:  Elegimos verbos como invertir, ganar y generar para dejar claro cómo Elion podía ayudar a los usuarios a obtener rentabilidad. La consistencia verbal ayudó a mantener una narrativa coherente sobre el beneficio económico de apostar por la energía solar.
  • Acompañamiento permanente:  No asumimos que el usuario lo sabía todo. Diseñamos una experiencia acompañada, con secciones que ofrecían guía, preguntas frecuentes y puntos de ayuda visibles en momentos clave del recorrido.
  • SEO como parte integral:  Realizamos un keyword research para estructurar títulos, subtítulos y secciones optimizadas para diferentes intenciones de búsqueda relacionadas con la energía solar. 

Diseño UX/UI

  • Conceptos de luz y oscuridad como narrativa visual:  Aprovechamos el contraste entre tonos oscuros y claros para transmitir solidez, innovación y compromiso. Esta dualidad no solo aportó profundidad estética, sino que también reforzó el concepto de generación de energía desde la sombra hacia la luz.
  • Libertad creativa aplicada al branding:  El diseño fue una oportunidad para liberar, reinterpretar y fortalecer el sistema visual de la marca. Trabajamos con nuestro equipo creativo para explorar nuevas expresiones gráficas que mantuvieran coherencia, pero también sorprendieran. Esto se tradujo en una interfaz moderna, flexible y alineada con los valores de Elion.
  • Tipografía jerarquizada y espaciado generoso: La elección tipográfica fue clave para la experiencia de lectura. Usamos fuentes limpias y altamente legibles, con jerarquías claras (H1, H2, H3) que guían la navegación con fluidez. 
  • Uso de iconografía como guía visual: Incorporamos iconos funcionales para acompañar procesos paso a paso, formularios y secciones explicativas. Esta señalética visual ayudó a reducir la carga cognitiva y a reforzar la comprensión rápida de los contenidos más operativos.
  • Estandarización de componentes y patrones repetibles:Aplicamos heurísticas de usabilidad para unificar la estructura de secciones recurrentes, como las fichas internas de los proyectos.

Resultado final

En www.elionenergiasolar.com pueden explorar cómo cada una de estas decisiones tomó forma en una experiencia digital clara, empática y funcional. 

elion
elion
elion
elion
elion
elion
elion
elion

Casos de éxito

Southland Pines
De visitas a prospectos | Southland Pines
Introducción Desarrollamos la landing page de Southland Pines para DCR Homes: un sitio en WordPress con diseño UX/UI, UX Writing, animaciones, mapa interactivo y SEO, pensado para...
SSR-FEB-Mockup-V1
Messer | Rediseño Portal Pacientes
Caso Messer es el mayor especialista privado del mundo en gases industriales, medicinales y especiales. Con más de 125 años de trayectoria, opera en más de 50...
odaptos
Doh! Bootcamp | Landing Page
Caso Este año, en Yes Sir tuvimos la oportunidad de trabajar con Odaptos desde nuestra área web. Primero, desarrollamos tres landings enfocadas en pauta y alineadas con...
mockup-by-Johan
Mental Training School – Johan Vásquez | Rediseño Sitio Web
Caso Johan Vásquez es un emprendedor y coach especializado en transformación personal y empresarial, además de CEO de Mental Training School. Con un enfoque basado en la...
NEXU
Nexu | Rediseño Web
Caso Nexu es una plataforma de financiamiento automotriz que nació en México en 2014 con la misión de transformar la manera en que las personas acceden a...
Addi | Landings Pages + SEO
Caso Addi es una reconocida fintech colombiana especializada en crédito digital y compras a plazos. Su propósito es brindar acceso ágil y sencillo a financiación, especialmente a...

Clientes Sí Señor

Conoce algunas de las marcas que han trabajado con Sí Señor Agencia y los resultados que han logrado obtener gracias a la implementación de nuestras estrategias de Growth Marketing para la consecución de sus objetivos.

Clientes por categorías:
Filter Categorías Clientes

Suscríbete
a nuestro Newsletter

Recibe actualizaciones, noticias sobre Marketing, información exclusiva y más.
Blog
sistema growth

El problema es que tu sistema de growth marketing está roto

Tu sistema de growth marketing está roto cuando aumentar presupuesto, producir más contenido o abrir nuevos canales no genera revenue growth proporcional. El problema real no está en la ejecución…

tipos-de-analisis-de-datos

Los tipos de análisis de datos que pueden transformar tu estrategia de marketing digital

Hace apenas unos años, el acceso a los datos era una ventaja competitiva. Hoy es una condición mínima para competir. Las empresas tienen Google Analytics, CRM, plataformas publicitarias, herramientas de…

ia-en-marketing-digital-2

¿Qué es la IA en Marketing Digital y cómo ha transformado la estrategia digital?

El marketing digital se ha construido sobre una combinación de creatividad, intuición y análisis de datos. Las decisiones estratégicas dependían en gran parte de la experiencia del equipo y de…

¿Cómo hacer una landing page optimizada para loops virales?

Durante años, las landing pages se diseñaron con un único objetivo: convertir tráfico en leads o ventas. Y aunque ese objetivo sigue siendo importante, el marketing digital actual exige algo…

Volver arriba
En Si Señor encuentras lo que necesitas
Mesa de trabajo 1sisr
Buscar:
Mesa de trabajo 1sisr
Buscar: