Level 1

Contact me site

The perfect site for a freelancer who wants a low-cost and easy way to let people know who they are and how to contact them.


Your Challenge is to create a responsive, one-page personal site. This site intends to be used to share a little about the person, Andrew Chapman, and include links to their social channels and a "contact me" button for emailing Andrew. 

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 appropriate semantic HTML 

  • Includes metadata tags for SEO best practices

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

  • Clicking on the "contact me" button launches an email client to send an email to

  • Clicking on social links opens a new tab to

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