top of page
Figma Click-Dummy

As a side project, I created this wireframe click dummy of a website for a book club. The goal was to get a basic understanding of the functionalities of the tool Figma.
First, I created the landing page. In addition to the gestalt principles, I used a 12-column grid for the placement of the content. I turned some of the content, like the header, footer, or buttons into assets, so I could reuse them easier later. For the text, I created different styles to speed up production.
Then I created the connections between the frames to turn the visuals into a clickable prototype.

 

Have a look here.
 

LandingPage.png
FigmaPrototype.png
bottom of page