Twisted Tea | Modern Product Showcase

Twisted Tea has a modern take with their online store. The website features graphic rich content with smooth transitions.

Twisted Tea is a Canada-based beverage company.

Twisted Tea website showcases its products in a modern theme. They initially had their website developed by another software company and they provided the website with a lot of bugs related to the website’s functionality and responsiveness.

Twisted Tea is built on JavaScript, JavaScripts’s library locomotiveScroll, and SCSS.

We were initially given the design file along with a list of bugs. This was a tough job because the previous code was written very poorly. We ran 5 weekly sprints with many tasks and were able to complete them on time.

In the next phase, they were looking to improve the responsiveness of the website. The aim was to provide an app-like experience to the mobile users for which we developed a new responsive design following the provided Figma design. We also worked on a separate responsive design with tablet resolutions.

The website also has a find by map functionality where users can insert their postal code to fetch nearby points where users can get the product. We enabled this functionality from scratch. The website is highly dependent on rich animations and transitions which was also a challenge for us to fix those transitions according to the client's needs.

We were able to satisfy the client’s needs within time. The client still gets in touch with us to improve their website experience.

https://www.twistedtea.com/

‍