We developed a fully updated MakerBot.com site starting by creating a new components library in Figma taking as a starting point the recently created brand guidebook.
![](https://cdn.myportfolio.com/f34eaa0ab1bf4d75d2a60a9df8cf4094/7e4f472b-5579-4761-a632-7e6ffc2641d8_rw_3840.png?h=299a239518d9135e4e79a1124345311c)
Sample flagship pages and mobile view.
![](https://cdn.myportfolio.com/f34eaa0ab1bf4d75d2a60a9df8cf4094/776fbd5c-de65-43f2-824c-f38c9eac366f_rw_3840.png?h=e136d9ecbc6f304550c8078ed92fdc9b)
Global components library and developer handoff files in Figma
![](https://cdn.myportfolio.com/f34eaa0ab1bf4d75d2a60a9df8cf4094/f5dc74db-d958-436b-8a0a-bb5e066e93c2_rw_3840.png?h=c72ff6b58ebd1fdef46aec58d3b92e40)
Dynamic loading elements and developer module outlines
![](https://cdn.myportfolio.com/f34eaa0ab1bf4d75d2a60a9df8cf4094/dd4f70fc-91ae-41cf-bf6d-57363040432d_rw_1920.gif?h=3ee63dbd80f639085012db48f05fde94)
Navigation and form fill elements.
![](https://cdn.myportfolio.com/f34eaa0ab1bf4d75d2a60a9df8cf4094/07adead0-9acc-40a7-ab10-061597ee3c72_rw_3840.png?h=d0a083080b89f7477f10c8bc427823fd)