Design an AI image and video generation tool that simplifies the process for design professionals, making it easy to create prompts that deliver the exact results they need.
Through in-depth research and feedback from peers and instructors, I designed a responsive, customizable web-based interface for AI image and video generation.
The biggest hurdle? Simplifying the complex, often confusing process of crafting AI prompts. By rethinking the interface with dropdown menus and intuitive tools, I eliminated the guesswork and made it easy for users to create effective prompts with confidence.
Running workshops provided clear insights and actionable data that shaped this project’s framework. In the first session, participants brainstormed features for AI tools, generating a wealth of ideas that, while time-intensive to sort through, proved invaluable. Building on that, the second workshop had small teams design interfaces for these tools, producing detailed and actionable results. A small oversight—forgetting to request annotations—taught me the importance of clear instructions, a lesson I’ll carry forward to future collaborations.
The result was a clear, focused design that prioritized user needs. Through an MSCW Prioritization exercise with my instructor, I identified must-have features like intuitive prompt generation, image upscaling, and project organization, while also planning for enhancements like video editing tools. This process sharpened the design and ensured it delivered exactly what experienced designers need.
I hit a roadblock designing the primary interface users would rely on. After several iterations and feedback from classmates, it clicked: this tool needed to cater to experienced professionals, not casual users. With that focus, I refined the design to meet the needs of advanced creators looking for a robust, efficient solution.
I condensed the menu into drop-downs to save space while keeping all options accessible. This makes the tool intuitive and efficient, helping users quickly find what they need without guesswork. The goal? Simplify prompt writing and teach users the syntax and methodology to craft their own.
I built a scalable design system for Bons.ai using Figma Variables, starting with primitives to define colors, spacing, and corner radii. From there, I created tokens that mapped these primitives to specific UI elements like backgrounds, buttons, and text—ensuring consistency across both light and dark modes. The result? A cohesive, flexible system that streamlines design decisions and maintains brand integrity.
The only limitation? Gradients. While I wanted to include them in the variable system, Figma doesn’t currently support gradient variables. It’s a gap I’ll address as soon as the feature becomes available, ensuring even more design efficiency in the future.
I transformed my wireframes into high-fidelity designs and seamlessly applied the design system, creating a polished and consistent look. My goal was to develop a cohesive icon system that aligns with tool descriptions, allowing the menu to collapse even further and streamline the user experience.
I conducted a SWOT analysis to evaluate my product’s position and identify areas for improvement. Here’s the breakdown:
This analysis highlights the tool’s unique strengths, areas for improvement, and the challenges of standing out in a crowded market. By addressing weaknesses and leveraging opportunities, the product can evolve to better meet user needs and carve out its niche.