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.

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
2019
2018
All
2019
2018
Codevery CRM
Codevery CRM
Design, Full construction, Development, Marketing
Law firm of Ivan Cherkashin
Law firm of Ivan Cherkashin
Design, Full construction, Development
Investor Hippo
Investor Hippo
Design, Full construction, Development
Rocketo
Rocketo
Full construction, Development
Loophole design
Loophole design
Full construction, Development
25 Churchill Place
25 Churchill Place
Full construction, Development
Teckna
Teckna
Full construction, Development
Hauskontor
Hauskontor
Design, Full construction
Monogram
Monogram
Full construction, Development, Marketing
Jivamukti
Jivamukti
Development, Marketing
Patenteur
Patenteur
Design, Development
Dafater
Dafater
Development
Ozwest
Ozwest
Design, Full construction