01 — Context
Los Jóvenes Ilustres is an audiovisual production studio focused on services such as video production, photography, creative direction and motion graphics.
The initial challenge was not purely functional — it was perceptual.
The brand needed a digital presence capable of communicating a cinematic, premium and professional identity, aligning with the type of clients they aim to attract.
02 — Problem
Several issues affected the perceived value of the brand:
- Service cards relied on generic icons, reducing visual impact
- Lack of strong visual hierarchy across sections
- Images were not being used strategically to communicate quality
- Navigation behavior was not optimized for mobile devices
- Contact form lacked feedback and interaction cues
These issues created a gap between the actual service quality and the perceived digital experience.
03 — Objective
Design and develop a landing experience that:
- Elevated brand perception through cinematic visuals
- Replaced generic UI patterns with meaningful visual storytelling
- Improved content hierarchy and readability
- Provided a smooth and responsive navigation experience
- Introduced interactive feedback in key user actions
The goal was to shift the site from a “generic portfolio” to a high-value digital presence.
04 — Experience Design
The design approach focused on visual impact and controlled hierarchy.
Key decisions included:
- Replacing icons with high-quality cinematic imagery for each service
- Implementing card-based layouts with image overlays for readability
- Fine-tuning image cropping and positioning to avoid visual loss
- Using gradient overlays to balance contrast without hiding content
- Prioritizing content readability over decorative elements
The services section became a core element of the experience, transforming from simple information blocks into visual storytelling components.
05 — Interaction & Frontend
The implementation focused on lightweight but intentional interactions:
- Dynamic rendering of services using structured data (JS-based mapping)
- Responsive navigation with hamburger menu for mobile devices
- Cinematic form submission with loading and success states
- Hover effects with subtle zoom and motion for service cards
- Controlled transitions to enhance perceived smoothness
The system was designed to remain scalable and maintainable while delivering a refined user experience.
06 — Outcome
- Increased perceived value of the brand
- Stronger visual consistency across the interface
- Improved mobile usability and navigation clarity
- More engaging interaction patterns in key touchpoints
The result was a transition from a generic landing page into a visually-driven, experience-focused product aligned with the studio’s positioning.
07 — Learnings
- Visual perception directly impacts perceived service value
- Replacing icons with real imagery significantly improves engagement
- Small interaction details (like form feedback) elevate the overall experience
- Structuring UI through data improves scalability and maintainability
- Design decisions must align with business positioning, not just aesthetics