Full construction,

Development

Pieroth

View site

About

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.

Task

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.

Result

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.

Technology

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

Mobile

Tablet