For this project I’ve developed an agency website based on my own Design System. Various parts have been developed such as form, heros, slideshows and USP components. The website is based on a 12 column design on which all components for different devices have been designed responsively. All basic functionalities for an agency website are present in the design that has been developed in Figma. This project serves as a template for other similar projects so that a Agency website can be quickly realized with minimal changes.
The design is largely created using Figma’s auto layout function. Depending on the design, components are displayed in a different place. Here is an example of the homepage. Click the preview button to view a hi-res version of the homepage.
This template consists of several seperate parts combined into an entire website. Each separate part works responsively and consists of components that can be mixed with components from other parts.
The design uses the elements that were designed in my own Design System within Figma. By using tokens and variables, each element of the website is designed separately. And by converting elements to components the design is easy to use and flexible. To view the full Design System, follow the link below.