Code The Design
Level up your coding skills with hands-on design challenges.

Source on Github

Loading Figma Preview


Edufree is a free education website that provides access to quality education for everyone. The design includes a visually appealing hero section with an illustration that represents the website's mission, followed by a section that highlights the website's partners and impressive statistics. The features section provides a glimpse of the website's offerings, while the about section gives more information about the organization. The recommended courses section helps users find the most relevant courses for their needs, and the testimonial section showcases feedback from happy users. The FAQ section answers common questions, and the register section allows users to sign up for the website. Finally, the blog section provides valuable insights and updates about the website's offerings.

How to Start

To begin the challenge, you will first need to download the design file from the provided link. This will give you access to all of the necessary design elements and assets that you will need to complete the challenge.

Next, take some time to study the design and understand how it works. Look at the layout, color scheme, typography, and overall aesthetic to get a sense of the look and feel of the design.

After you have a good understanding of the design, you can start exporting all of the necessary assets. This may include images, fonts, and other elements that you will need to use in your code.

Finally, it's time to start implementing the design into code! Use your exported assets and the design file as a reference as you work to create a functional and visually appealing implementation of the design.


UI designer

Dimas Rizky Maulana

Dimas Rizky Maulana

Visit Profile