Bark

This project was completed for a client at my former workplace. Bark is a company that focuses on creating a safe online environment for children via parental controls. They wanted a redesign (designs created by another company) and have custom ACF based blocks integrated into a wordpress website. That’s where my team came in to help build. We got handed the designs and began building out blocks one by one using Storybook to stay organized. We began by building out each unique block statically via HTML and Sass. There were around 40 unique components that needed to be built out. Some examples were carousels, heros, buttons, banners and many more custom components. Once all of the components were built out statically, we moved on to converting them into dynamic ACF blocks. This was achieved by creating Advanced Custom Fields and then working in the PHP logic to call in the dynamically changing data from those fields. JavaScript was used to make basic element interactions such as closing and opening of menus. JavaScript was also used to create the many carousels via a 3rd party library called Glide.js.

Technology Used:

HTML, Sass, JavaScript, PHP, Webpack, Storybook, Adobe XD, WordPress CMS, Advanced Custom Fields, Git