At Chaos Cylindo, I worked on a six-month exploration of AI-generated lifestyle imagery for e-commerce. I designed the experience from user flows and wireframes to final screens and an interactive Figma prototype. The project was paused before launch; the work shown here is an exploration, not a shipped product.
Product design from user flows and wireframes to final UI and an interactive prototype. Stakeholder collaboration and design system work.
2023
The exploration focused on two jobs: creating lifestyle images for several products in a dedicated workspace, and generating a missing image while preparing an individual product page. The challenge was to support both contexts while keeping generation, review and reuse of images understandable.
Low-fidelity wireframes helped us agree on the flow and screen responsibilities with stakeholders. Where interactions could reuse the existing UI kit, I moved into higher-fidelity wireframes to explore details and prepare the final screens.
I explored several versions of the generation screen to compare interaction patterns and account for the technology’s constraints. Connecting these variants in a prototype made the trade-offs easier to discuss before development.
The final design covers image generation, collections and sharing. It also explores how generated imagery could be reused on product pages through an embedded widget. These screens describe the proposed experience.
The last step was to connect all screens in one prototype in Figma so stakeholders and developers could have an interactive representation of the future piece of software.
The hardest part was defining useful controls around image generation while respecting the product’s technical constraints. The exploration produced a connected Figma prototype for stakeholder and developer review. Because the project was paused before launch, I do not present adoption or business-impact results.
