Estudio de Caso UX/UI

PHOTON

Energías Sustentables — Web Experience

El Proyecto

Photon requería una presencia digital que transmitiera la misma innovación técnica que sus paneles solares. El reto era migrar de un sitio estático básico a una plataforma web de alto rendimiento, optimizada para conversión B2B y con una estética corporativa de nivel premium.

El resultado es una interfaz limpia con influencias de "Glassmorphism", animaciones de revelado fluido y herramientas interactivas personalizadas como el Simulador de Ahorro CFE.

Rol

Lead UI/UX Designer & Web Developer

Plataforma

Web (Desktop & Mobile First)

Tecnologías

React, Tailwind, Framer Motion

Despliegue

Cloudflare Pages

Paleta de Color

Navy#0b1a31
Cyan#0ea5e9
White#ffffff

Tipografía

Plus Jakarta Sans

Outfit Light

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

Interfaz de Usuario

Desktop Experience

Desktop Screenshot

Responsive Design

Mobile First

Mobile mock
Mobile mock

Glassmorphism UI

Implementación de interfaces translúcidas con desenfoque de fondo. Esto permite crear profundidad y jerarquía visual mientras mantenemos la legibilidad de la marca y generamos una sensación de tecnología punta.

Glassmorphism Detail
Simulador Detail

Simulador Interactivo

Desarrollo de un algoritmo dinámico donde los usuarios pueden ajustar su tarifa y gasto para obtener estimaciones precisas de retorno de inversión al instante, optimizando drásticamente la captación de leads.