Anime Streamer (OTT)

personal project

Role

time period

UI Designer

2 hours

Overview

This project is a conceptual anime streaming platform designed as a web application with the help of Artificial Intelligence. The main focus was on crafting a simple UI, smooth animations, and a design system that enhances user experience.

Focus areas

UI Design: Clean, minimalistic layouts showcasing anime content with a fresh aesthetic.
Animations: Subtle, meaningful animations to improve navigation and engagement.
Design System: Consistent components and styles enabling easy scalability and iteration.

Prototype

Figma Prototype

How AI Was Used Effectively

The project demonstrates how AI can be a powerful assistant without taking over the creative control:
Wireframe Generation: Utilized Visily AI to quickly generate wireframes, saving time during the initial layout phase and providing a solid structural foundation.
Accessibility Checks: Applied Stark AI tools for comprehensive accessibility testing, ensuring the design meets inclusive standards. (Screenshots of accessibility reports included).

Prompting for Initial Wireframes

AI for Accessibility Check

Typography

An accessible font - using a typeface designed for easy reading by a diverse audience.

Tools Used

UXPilot, Visily - Wireframe Generation
Stark - Accessibility
Figma - Design and Prototype

Design System

Colors

Typography

Icons & Buttons

Benefits of Integrating AI

Efficiency: Drastically reduced time spent on wireframing and manual accessibility checks.
Creativity Unleashed: Freed the creative process for UI and animation design without compromising quality.
Balanced Approach: Maintained human direction while complementing it with AI-powered support tools.