Responsive Web Design - UI/UX - AI-Assisted Design
Green Wheel
Media Vault
A high-fidelity prototype for a digital asset gallery designed to centralize and showcase marketing campaigns through a streamlined, interactive user flow. Built using Figma Make, this project emphasizes clarity, strong CTAs, and campaign discoverability while exploring the role of AI-assisted design tools in creating modern, scalable interfaces.
Role: UI/UX Designer
Type: Work-Initiated Project / Rebranded Prototype
Tools: Figma Make, Figma Design
Overview
Project Goal
Design a website mock-up for an asset gallery that curates and showcases new digital marketing assets and monthly campaigns for Managed and Media Services. This interface and experience should educate and inspire internal and external clients to request assets while making it easy to browse and request assets on-site.
Key Features
Modern, brand-aligned UI emphasizing GreenWheel Media’s logo, colors, and typography.
Grid/gallery layout highlighting new and featured campaign assets.
Tag and filter options by Brand, Season, and Theme for easy navigation.
Clear, prominent CTAs like “Request This Asset” and “View Campaign Details” with intuitive submission flow.
Dedicated thought leadership area featuring educational content and links to deeper insights.
Purpose
This gallery will act as a centralized hub for clients to:
Showcase the latest creative assets.
Explore campaigns: categorized by Brand, Season, Theme, etc.
Requests assets with clear compelling CTAs.
Access thought leadership content.
Research & Discovery
Created a cohesive brand identity with a wordmark, color palette, and typography to ensure consistent visual language across all components.
Experimented with various Figma Make prompts to explore AI capabilities and design possibilities.
Analyzed prompt outcomes to curate and optimize effective prompts for the project workflow.
Leveraged the Unsplash plugin to source high-quality images efficiently.
Design Process
Submitted initial design prompts using Figma Make to generate layout concepts.
Iterated on full-page prompts to refine overall structure and style.
Used the “Point to Edit” tool to fine-tune specific sections, containers, and design elements.
Crafted prompts with attention to design principles, visual styles, imagery, motion, and interactive behaviors.
Designed the hero section manually as a visual guide for AI-generated content direction.
User Flow
Homepage
A streamlined entry point showcasing featured campaigns, clear CTAs, and intuitive navigation—designed to guide users toward exploring assets and requesting materials with ease.
Asset Detail Page
A comprehensive campaign view featuring selectable variants, performance stats (views, downloads, ratings), and detailed metadata by brand, season, and theme. Users can preview assets, explore related content, and request downloads—all in one streamlined interface.
Challenges & Solutions
Challenges
Learning to effectively communicate design intent through AI prompts for a complex asset gallery interface.
Navigating the limitations and capabilities of Figma Make for rapid prototyping.
Balancing AI-generated solutions with intentional design decisions.
Solutions
Developed an iterative prompting strategy to guide AI toward desired design outcomes.
Leveraged AI's ability to generate comprehensive content frameworks while maintaining design control through strategic "nudging".
Created multiple prompt variations to explore different approaches to asset organization and user flow.
Outcome & Reflection
Outcome
Successfully created a functional asset gallery prototype through AI-assisted design, demonstrating the potential for rapid concept development.
Established a workflow for prompt-based design iteration that could be applied to future projects.
Reflection
This project highlighted the importance of prompt crafting as a new design skill - being specific about constraints while leaving room for AI creativity.
The iterative "conversation" with AI revealed unexpected design solutions I might not have considered in traditional design processes.
Technical limitations (SVG uploads, prompt failures) taught me to work within tool constraints while maintaining design quality.
The experience showed AI's strength in generating comprehensive frameworks quickly, but reinforced the need for human design judgment in refinement.