Revolutionizing a Brand With ReactJS: Go Noise and Lucent Innovation Story

Challenges

Go Noise’s website was originally built on Shopify Liquid, which led to slow page load times and performance issues. The large codebase increased website size, making server response time sluggish, especially with high traffic volumes. The poor communication between the browser and API further impacted speed and user experience.

Additionally, Go Noise needed a scalable, feature-rich website with functionalities like OTP-based sign-up, a seamless affiliate program, an intuitive side cart, and a video shoppable app. The checkout experience also required enhancements, including discount code functionality and Gaana Plus/Fit Pass subscriptions on the cart page.

They required a scalable and intuitive website for their brand. Apart from this, there were a other requirements like: 

1. OTP-based Sign-Up
2. Gaana Plus and Fit Pass Subscription on the Cart Page 
3. Register Complaint Flow (Support Pages) 
4. Affiliate Program  
5. Video Shoppable App (Quinn App) 
6. Noise Gift Card  
7. Spin Wheel 
8. AppSide Cart Pull-Up View 
9. Product Page, Collection Page, Collection Filter, and Search Page 
10. Discount Code Functionality on Cart Page 

Solutions We Provided 

2. High Speed Website: We created a quick, customized and responsive website with the help of React and Shopify. Shopify has been used in the backend, and React has been used for the front end for all the added features below. 

3. OTP-based Sign-Up: The client needed to provide their consumers with a rapid and secure sign-up procedure. An OTP-based sign-up feature was implemented to address this need, ensuring that customers could register with the website.

3. Gaana Plus and Fit Pass Subscription Link on Cart Page: By including memberships to Gaana Plus and Fit Pass on the checkout page, the client hoped to boost sales. Customers may now easily add these subscriptions to their cart and buy them along with other things, thanks to the implementation of this feature.  

 

4. Register Complaint Flow (Support Pages): The client wanted to offer a hassle-free method for customers to register complaints. To satisfy this need, a dedicated support page with a complaint form was built, enabling users to lodge complaints quickly and easily.  

 

5. Affiliate Program: A feature was implemented to let users sign up as affiliates and receive a commission on purchases made through their referral links since the client wanted to use an affiliate program to boost sales.  

 

6. Video Shoppable App (Quinn App):  The client wanted to incorporate a video shoppable app (Quinn App). Customers may watch and buy products featured in videos thanks to the implementation of this app.  

7. Noise Gift Card: The client wanted to offer customers a simple way to give gifts, therefore a feature called Noise gift cards was included, enabling users to buy and send gift cards to their loved ones. 

 

8. Spin Wheel App: The client wanted to use a feature of the Spin Wheel App to reward visitors with discounts and improve interaction on their website. Customers can spin a wheel and receive discounts on their purchases thanks to the inclusion of this function.
   

9. Side cart pull-up view: Customers should be able to easily access their cart without leaving the page they are now on, thanks to the client's side cart pull-up view feature. Customers can easily view and manage their carts while surfing the website, thanks to the implementation of a side cart pull-up view. 
   

10. Product Page, Collection Page, Collection Filter, and Search Page: The client required well-designed and easy-to-use pages for their products, collections, filters, and search functionality. These pages were implemented with a user-friendly design and intuitive features to improve the customer experience. 

 

11. Discount Code Functionality on Cart Page: The client wanted to allow customers to apply discount codes on the cart page easily. This feature was implemented to allow customers to enter their discount code and receive their discount before completing their purchase.