Skip to main content

Ecommerce Website

It is a project to make use of headless CMS (Sanity Studio) and Next.js to build a ecommerce website .

Visit website
  • User Research
  • UX Design
  • Interface Design
  • Dashboard
  • Web Application
The Ecommerce web application showing a selected user annotation.

Product Description Page

User's need a clean and easy interface to browse and find a product that matches their needs.So we made it easy and simple to use.With a place to add to cart and buy.

The layers sidebar design, now with user profiles.
Multiple user annotations on a shared layer.

The Cart

In the cart, users can see the products they have added to the cart and buy it through a stripe-powered checkout page.It basically shows the total amount of the products added to the cart.And it works on Redux to store the data.Then this data is used to purchase the products through stripe.

The new My Slides tab in slice, showing annotated and favorited slides.

Project Outcomes

The project was a success, and we were able to learn a lot about how a Headless CMS interacts with Next.js and how to build a ecommerce website.And how to upload and pull data from a database and to host images on a secondary website like Cloudinary.

Students at the University of New South Wales using the new collaborative annotation features