Full construction,



View site


Pieroth is an online shop of a famous German company that produces and sells wine. The site is based on WordPress CMS and popular e-commerce platform – WooCommerce.


Redesign product pages and product catalog of the online shop. Develop an interactive web application that selects and filters the most appropriate products based on user's tastes and preferences. Add series of pages for thematic collections of wine according to client's instructions. Design and all related materials, including fonts and SVG-icons, client placed at InVision cloud service.


During pages redevelopment, elements of existing layout were reused and layout was completely redone where it was the best solution. On the store page, appearance of WooCommerce Product Filter plug-in was changed without interfering with the plugin code. According to the presented design application "Quiz" was developed, which performs automatic selection of wines by the set criteria. SASS preprocessor was used to structure code. All thematic pages were created using page constructor, which allows them to be edited without a web- developer participation, and Essential Grid plug-in was used to create an image grid.


WordPress, WooCommerce Product Filter, SASS, jquery, JavaScript, CSS3, HTML5, Essential Grid, google-tag-manager, google-analytics, invision