Front-End Projects.

Front-End Projects.

Web design examples.

Web design examples.

Back to Projects

Card Game Tutorial Website (Mobile/Desktop)

Overview

A responsive front-end website designed to teach users how to play a card game through clear instructions and an easy-to-navigate layout.

Role

As the Sole Designer & Developer, I designed and built the website for both mobile and desktop users.

Goal

To create a simple, user-friendly experience that makes learning the game easy and accessible across devices.

Process

  1. Designed and researched layouts for mobile and desktop.

  2. Chose colors that matched the theme of the card game.

  3. Focused on clear structure and readability.

  4. Built the site using HTML and CSS.

Outcome

The final website provides a clean and responsive experience, helping users quickly understand the rules and gameplay.

Tools Used

  • Figma

  • Pinterest

  • VS Code: HTML/CSS

  • Adobe Illustrator

Reflection

This project strengthened my ability to create clear, effective designs for social media while maintaining consistency across multiple posts.

Coffee Shop Website Redesign (Mobile)

Overview

A website design for a coffee shop focused on creating a clean and inviting user experience for browsing the menu and learning about the brand.

Role

As the Student Designer, I was solely in charge of the full website layout in Figma for both mobile and desktop.

Goal

To create clear, engaging posts that inform a large audience of students about available
resources while staying consistent with the pantry’s visual style.

Process

  1. Designed wireframes and high-fidelity layouts in Figma.

  2. Chose colors and typography to match a warm, welcoming brand.

  3. Focused on layout, navigation, and readability across devices.

Outcome

The final design presents a cohesive and user-friendly experience, with clear navigation and a strong visual identity.

Tools Used

  • Figma

  • Pinterest

  • Adobe Illustrator

Reflection

This project strengthened my UI/UX design skills and my ability to create responsive layouts without development.