Portfolio
Overview
E-commerce site built from grounds up to help the client scale and optimize their vaping business.
- Frontend
- CMS
Tech Stack
CSS
SCSS
Shopify
JavaScript
The challenge
The Vape Superstore project was the most complex e-commerce site I've had a chance to work on. It presented unique challenges and a demanding list of requirements. Apart from an extensive catalogue of products, each with multiple variants, the website required additional custom functionality added on top of Shopify. Such extra features were product bundles, custom search, members points and a modified checkout. The first stages of the project revolved around analysing all the requirements and studying provided UI/UX designs to form an overall vision for the website.
At the beginning I was responsible for setting up the structure/system of the project. This included creating a folder structure for JS and SCSS, establishing base styles, implementing typography/fonts and adding the colour scheme. After settings up a Git repository, I was then assigned to developing the front-end of the site and creating schema in the Shopify editor to enable the client to edit all content. I have developed all the sections on the homepage and created the majority of pages. The most difficult tasks proved to be the header with the mega menu, the account page with custom features as well as the product page, which has grown to be quite complex with all the different product variants, popups and custom bundles.