All-Access

Level 2

ModSpace landing page

ModSpace needs a new landing page for its e-commerce site to help sell its modern, affordable furniture.

Subscribe to download

Overview

Your Challenge is to create a landing page for ModSpace, an e-commerce site for modern, affordable furniture. This page has sections for a hero, a category listing, features, testimonials, and a footer.

Your Challenge is complete when:

  • The website is as close to the original design as possible

  • The website is responsive and viewable on multiple screen sizes

  • Includes proper semantic HTML 

  • Includes metadata tags for SEO best practices

  • Elements have the correct state styles (hover, focus, etc.)

  • Navigation bar has a collapsable menu on small screens

Solutions

E-commerce landing page with SvelteKit and Tailwind CSS

Master SvelteKit and Tailwind CSS by creating a responsive, modern furniture e-commerce landing page for ModSpace.

SvelteKit

Tailwind CSS

What's included

Challenges include all the assets you would expect from a designer in real-world projects, plus some resources to help you complete the Challenge.

  • Organized Figma design file
  • Detailed desktop, tablet, and mobile layouts
  • Comprehensive design system
  • Relevant fonts, colors, SVGs, and images
  • Alternative Solutions from members
  • Straightforward quick-start guide
  • Recommended list of learning resources
  • Access to community Discord channels