Design with Figma: One-Page Restaurant Website

Learn Figma for Web Design with a Practical One-Page Restaurant Website Project!

This course, led by web designer and developer Adi Purdila, guides you through the process of designing a compelling restaurant website using Figma. You'll build a functional and visually appealing one-page site for the fictional "Birdhouse Bar & Grill," covering essential elements like a food menu, navigation, Instagram gallery, contact form with map integration, and newsletter signup.

What You'll Learn:

• UI/UX Design Fundamentals: Understand how to interpret a project brief and create effective wireframes. Explore information architecture to structure content for optimal user experience.
• User Interface (UI) Design: Master typography selection, color palettes, and their application for a cohesive website aesthetic. Learn the 8pt system for consistent spacing and sizing.
• Responsive Design: Design for various screen sizes – starting with large screens and adapting to medium and small devices.
• Figma Mastery:
  • Figma Basics: Frame creation, text manipulation, color management, shape tools, page organization, and essential keyboard shortcuts.
  • Advanced Figma Techniques: Utilize Auto Layout for effortless alignment and element rearrangement. Explore different resizing modes (e.g., hug contents, fill container) and when to apply them.

Course Highlights:

• Step-by-step guidance from wireframing to a fully responsive design.
• A practical class project allows you to apply learned concepts.
• Perfect for beginners with no prior experience.

Figma Updates:

• Note: Figma's interface evolves. While core concepts remain, some visual elements may differ. A bonus video, "Figma 2025 Update: What’s Changed," addresses recent UI updates.
• Feel free to ask questions in the discussions – your queries are likely shared by other students!

Start your journey to becoming a proficient UI/UX designer and Figma expert today!