Responsive Landing Pages for Onversed

Jessica

Jessica Mena

Project Overview

Onversed is a cutting-edge platform that helps fashion, jewelry, and design brands create and validate collections without physical production, using AI, 3D modeling, and digital photography. I was commissioned to design and develop two new landing pages within their existing website — both fully responsive and integrated with custom forms. The goal was to maintain Onversed’s futuristic aesthetic while ensuring usability, clarity, and pixel-perfect alignment with the brand’s tech-fashion vision.

The Challenge

The project required extreme precision and technical execution, as both landing pages needed to match Onversed’s existing interface and visual identity seamlessly. The first page was dedicated to a fashion designer collaboration, meant to showcase nine digital fashion looks in a visually strong, editorial layout. The client had specific functional requests:
A custom slideshow allowing navigation through looks using both keyboard arrows and mouse drag.
Unique cursor behavior for different interaction states.
A form with a dynamic dropdown allowing users to select a look by name or number.
Automatic email submissions with a specific subject line for tracking responses. The challenge was to bring all these moving parts together — high-end visuals, dynamic interactivity, and backend precision — while keeping the experience lightweight, responsive, and elegant.

The Solution

I developed both landing pages directly in Framer, maintaining the visual integrity of Onversed’s brand while improving UX consistency. For the Fashion Designer Page, I created a flexible layout capable of adapting between a 3x3 grid or a featured main look with supporting thumbnails, depending on the final photography set. I implemented a custom interactive slideshow system that supports dual navigation: users can browse fashion looks using keyboard arrows or mouse gestures, accompanied by smooth transitions and dynamic cursor changes. Each look was clearly labeled and linked to the form dropdown, ensuring precise data collection. The form system was customized to send submissions directly to the client’s email with a predefined subject line, automating organization and tracking. The second landing page followed a similar structural system but focused on a lighter, conversion-oriented design, prioritizing clarity and speed.

Design Highlights

Adaptive Fashion Grid • Configurable layout (3x3 grid or single highlight). • Responsive behavior across all devices. • Smooth hover and scroll transitions emphasizing visuals.
Interactive Navigation System • Keyboard and mouse-driven slideshow for intuitive exploration. • Custom cursor icons reflecting navigation states. • Easing animations for refined movement.
Form Integration & Automation • Dropdown dynamically connected to look identifiers. • Email automation with unique subject routing. • Consistent styling with Onversed’s branding system.
Technical & Visual Consistency • Built within Onversed’s existing architecture. • Unified design language — dark mode, geometric typography, metallic accents.

My Role

UI/UX Designer · Framer Developer · Form Integration Specialist
Tools Framer · Figma

Deliverables

• Two fully responsive landing pages integrated into Onversed’s main site • Custom slideshow system (keyboard + mouse navigation) • Form automation (dropdown + email routing) • Design refinement and responsive optimization

Results

• Seamless integration within Onversed’s existing tech-fashion ecosystem. • Precision-built layouts that matched the client’s exact creative and functional requirements. • Automated form workflow improving response tracking. • Highly positive feedback for attention to detail and smooth performance.
Like this project

Posted Oct 17, 2025

Designed and developed two responsive landing pages for Onversed, enhancing UX and maintaining brand aesthetics.