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

Making a movie rating website as my personal project to showcase my design skills using HTML, CSS, and JavaScript

Tools used

Figma

From brief

Topics

Share

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

Reviews

4 reviews


Great start, hopefully to see your next project paying a bit more attention to UX/UI (content, icon, images,...)


Hey Devdeep, this is such a fantastic first step into design! I love seeing you share these early projects—it takes courage to put your work out there, and I can already spot your instinct for layout fundamentals. The way you've positioned key elements shows you're thinking intentionally about user flow, which is huge for a beginner.

What excites me most is your potential: with every design you create, you'll level up. Maybe next time, try experimenting with typography hierarchy or adding some subtle color accents? But most importantly—keep going! The best designers are the ones who never stop learning. Can't wait to see how your skills grow with each new project you tackle. You're on the right track!


1. Establish a Color Palette:

Introducing a cohesive color scheme can significantly improve the website's aesthetic and usability. Consider incorporating colors that evoke the desired mood and align with the brand's identity. For instance:

  • Primary Colors: Use for main actions like buttons and links.
  • Secondary Colors: Apply for accents and highlights.
  • Neutral Colors: Utilize for backgrounds and text to ensure readability.Uxcel

2. Implement Visual Hierarchy:

Utilize color contrast to create a clear visual hierarchy. This helps users easily navigate the site and understand the importance of different elements. For example, use bolder or brighter colors for primary actions and more subdued tones for secondary actions.

3. Ensure Accessibility:

Choose color combinations that are accessible to all users, including those with color vision deficiencies. Tools like the WebAIM Color Contrast Checker can help ensure your color choices meet accessibility standards.


Perfect


21 Claps
Average 4.2 by 5 people
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>