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
2020
2019
2018
All
2020
2019
2018
Obystroi
Obystroi
Full construction, Development
Codevery Radio
Codevery Radio
Design, Mobile app
Nutritionist - Tatyana Dik
Nutritionist - Tatyana Dik
Design, Development, Marketing
Codevery Landing
Codevery Landing
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
Codevery CRM
Codevery CRM
Design, Full construction, Development, Marketing
Rocketo
Rocketo
Full construction, Development
Loophole design
Loophole design
Full construction, Development
25 Churchill Place
25 Churchill Place
Full construction, Development
Hauskontor
Hauskontor
Design, Full construction
Patenteur
Patenteur
Design, Development
Monogram
Monogram
Full construction, Development, Marketing
Jivamukti
Jivamukti
Development, Marketing
Dafater
Dafater
Development
Ozwest
Ozwest
Design, Full construction
preloader preloader
preloader
preloader