About

Bacchus 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.

Hello world!
Hello world!
Hello world!
Hello world!
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

Projects

All
2018
All
2018
Teckna
Teckna
Design, Full construction
Hauskontor
Hauskontor
Design, Full construction
Jivamukti
Jivamukti
Development, Marketing
Patenteur
Patenteur
Design, Development
Dafater
Dafater
Design, Development
Ozwest
Ozwest
Design, Full construction