<?xml version="1.0" encoding="utf-8"?>

Cinemora - Ultimate Movie Companion (UIX Documentation) 1

Project Summary

For this UXPilot project, I reimagined Cinemora, a movie companion app that helps users discover and organise films more intentionally.

The goal was to test how much of a real-world design problem AI could handle, from ideation to UI - while keeping the human creative direction intact. Using UXPilot, I built over ten core screens, focusing on structure, flow, and usability.

I documented the entire process publicly on X (Twitter) and created a video walkthrough to explain my workflow, design reasoning, and AI integration.

Video Walkthrough: Watch Here

The attached document includes every prompt and iteration used. Project documentation: Read Document

Cinemora - Ultimate Movie Companion (UIX Documentation) 2

Cinemora - Ultimate Movie Companion (UIX Documentation) 3

Cinemora - Ultimate Movie Companion (UIX Documentation) 4

Cinemora - Ultimate Movie Companion (UIX Documentation) 5

Cinemora - Ultimate Movie Companion (UIX Documentation) 6

Cinemora - Ultimate Movie Companion (UIX Documentation) 7

Cinemora - Ultimate Movie Companion (UIX Documentation) 8

Cinemora - Ultimate Movie Companion (UIX Documentation) 9

Cinemora - Ultimate Movie Companion (UIX Documentation) 10

Cinemora - Ultimate Movie Companion (UIX Documentation) 11

Built in Public (X)

To make the process open and transparent, I built everything in public on X (Twitter), documenting my daily progress, experiments, and key takeaways.

Check it out: View Post

Cinemora - Ultimate Movie Companion (UIX Documentation) 12

Learnings and Key Takeaways

Through this project, I discovered several practical insights while designing with AI tools like UXPilot:

  • Clarity before creation: Start with a clear design direction. AI performs best when layouts are simple and purpose-driven.
  • Structured prompting: Break large projects into smaller, screen-specific prompts - it helps maintain organisation and context.
  • Context as a parent layer: Each flow works independently; define context early to unify visuals, tone, and rules.
  • Repetition matters: If a component or layout repeats, mention it explicitly - AI treats each screen separately unless told otherwise.
  • Consistent styling: Keep design language uniform across all screens to preserve a cohesive look.
  • Reference > Reinvention: The standard UXPilot engine with detailed references gives more stable results than forcing custom design systems.
  • Don’t chase pixel perfection: Focus on clarity and usability :AI design tools are better for flow and structure than for micro-adjustments.

Behind the Scenes

Throughout the process, I experimented with multiple permutations and combinations of design directions to understand what worked best with UXPilot’s AI workflow.

I tested different visual approaches, prompts, and interaction patterns before finally arriving at a direction that felt cohesive, functional, and true to the app’s intent.

This exploration helped me better understand how to guide AI tools creatively rather than just rely on them.

Cinemora - Ultimate Movie Companion (UIX Documentation) 13

Tools used

Figma
ChatGPT
Claude

From brief

Topics

Share

Share your insights — leave a project review and help others grow their skills

Reviews

0 reviews


This project hasn’t been reviewed yet
Share your expertise with the Uxcel community by providing a review of this project. Not only will you help others, but you will also enhance your leadership skills.
0 Claps
Average 0.0 by 0 people
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>