Ui/ux research, design, prototyping

The
Vision

Imagica is an in-house creative studio that produces high-quality, artistically crafted AI image prompts for creators of all skill levels. The goal of this project was to bridge the gap between imagination and creation through a professional, accessible digital storefront. I designed a conversion-focused funnel that transitions users from artistic inspiration to either individual pack purchases or premium subscriptions.

The
Challenge

The AI prompt market often feels technical, corporate, or overwhelming for beginners. Imagica needed a digital home that felt artistic, warm, and magical rather than purely functional. The challenge was to organize a complex library of prompts and settings into an interface that remains whimsical yet professional and trustworthy.

The Solution:
Strategic UI/UX

High-Conversion Funnel: I developed a tiered architecture featuring an inspiring Prompt Library, detailed Product Pages, and a clear Subscription Pricing matrix.

Visual Identity: The design utilizes a “Midnight Indigo” palette (#1B1F3B) paired with soft lavender and teal accents to create a dreamy, magical atmosphere. I used elegant serifs for storytelling and clean sans-serifs for readability.

Atomic Design System: To ensure a premium feel, I utilized rounded UI elements, soft gradients, and subtle glow effects across all components.

Interactive Features & Logic

As a developer-focused designer, I prioritized high-fidelity interactivity to simulate a live web environment.

Animated Dynamics

The homepage features an animated header headline to capture immediate interest, paired with refined hover states across the prompt library for an tactile feel.

Functional Micro-interactions

I prototyped a fillable contact form, expandable FAQ accordian, and a dynamic cart counter to demonstrate a frictionless user journey.

Engagement Modals

Integrated a popup modal strategy to encourage lead generation via the “Free Sample Pack” magnet.

Responsive Architecture

Built entirely with Figma Auto Layout, the project is structured for efficient hand-off to a front-end framework like React or Vue.