WATCH-ME UI/UX WEB DESIGN

Hi everyone, I have found my interest in UI/UX design. This is my first (almost completed) so far UI/UX Design I created throughout my exploration in UX Design.

Check The Demo Here

My Motivation?

I started creating this by having a "What if I created a anime streaming website?". The first thing I did to start the project is make a research on the existing anime streaming websites. I go to many websites and what I did is to try to adapt each sites I see.

My First Step: Low-Fidelity Design

My first things I did when making UI/UX Design is wireframing and Low-Fidelity Layout Design. But what I did in this project is making a Low-Fidelity Layout Design and skip wireframing because I already pictured-out my idea on how I arranged the contents.

I already layout the Logo, Navigation Bar, Layouts of the contents.

After I finished Low-Fidelity Layout Design, What I did next is making a contents, and banners for the website. I captured some clips and arranged contents to make banners, posters.

I'm having fun creating these banners:

Creating the banners is one of things I want to highlight throughout the design, because I'm having fun making a banner from some of my favorite anime right now.

Creating Design System:

After I finished making banners and clips, the next thing I did is the Design System of the Webpage. I make functionality of banners, Navigation Bar, Hovering of contents, and making a loading screen.

What's Next?

After I created all Design System, banners I needed for the webpages and gathered all captured clips, next thing I did is arranging all of it in my Low-Fidelity layout design to make a High-Fidelity layout design.

My Review?

For me, exploring and learning new things in UX Design always excites me. This projects can expands more and potentially be a "marketable" someday.