Anime Streaming Website and Application

  • Project Name: AnimeEdge

  • Role: UI/UX Designer

  • Tools Used: Figma

  • Duration: One Week

  • Type: Personal Project for Portfolio

Problem Statement

Anime streaming platforms often face challenges such as cluttered interfaces, poor navigation, and lack of personalization. My goal was to design a modern, minimalist, and futuristic anime streaming platform that enhances user experience through:

  • Easy access to trending content, genres, and personal watchlists.

  • Clean UI with modern aesthetics tailored for desktop and mobile views.

  • Smooth interactions to encourage user engagement.

Research

User Needs:

  • A clean, clutter-free platform to browse trending animes, genres, and personalized content.

  • Smooth navigation, even on mobile devices.

  • Features like "Continue Watching" to resume shows seamlessly.

Competitive Analysis:

  • Studied existing platforms like Crunchyroll, Funimation, and Netflix.

  • Identified gaps in layout, responsiveness, and discoverability of anime genres.

Design Goals

  1. Create a hero section highlighting trending anime with key details like:

    • Title, description, episodes, and seasons.

    • Features like release date and subtitles.

  2. Design clear sections for:

    • Trending Anime

    • Continue Watching

  3. Ensure responsiveness for mobile and desktop views.

  4. Use a modern, futuristic aesthetic with glassmorphism elements.

Wireframing

I began with low-fidelity wireframes to structure the layout. Key sections included:

  • Hero section (slideshow with trending anime).

  • "Trending Now" cards with key details (One Piece, Demon Slayer, etc.).

  • “Continue Watching” cards with a progress bar for personalized content.

Final Design

The final design delivers:

  • A modern and visually appealing platform with minimalism at its core.

  • Smooth navigation for both desktop and mobile users.

  • Engaging features like:

    • Trending sections

    • Personalized “Continue Watching” cards

Key Learnings

  • Mastered responsive design principles for mobile and desktop.

  • Enhanced my skills in modern UI styles like glassmorphism and minimalist design.

  • Balanced functionality and aesthetics to improve user experience.

Results

  • Successfully designed a clean, modern anime streaming platform for my portfolio.

  • Improved accessibility and navigation to enhance user engagement.

Conclusion

This project highlights my ability to solve UX problems while creating clean, modern designs tailored to user needs. By combining futuristic aesthetics with practical functionality, the design delivers a seamless and enjoyable anime streaming experience.

More by Adeena Khan

View profile