See All Projects
The Bians
Visit Website
The Bians

About The Site

This website focuses on selling a modern lighting product called "React." The product combines stylish design with advanced technology, offering an interactive and innovative lighting experience. This lamp not only functions as a light source but also serves as a decorative element with the ability to respond to sound and display customizable animations through a mobile app.

Technology

The technologies I’m using to build this website are Framer and React.js. Framer is a design tool that allows for interactive and responsive website creation, while React.js is used for custom code when specific components are not available within Framer.

The Goal

The main goal of this website is to promote and sell the "React" product to consumers who seek unique and multifunctional lighting. Additionally, the site aims to provide detailed information about the product's features and technical specifications, as well as address common questions that potential buyers might have. Thus, the website serves as an effective marketing tool to educate, attract, and convince visitors to make a purchase.

User and Audience

The target audience for this website includes individuals who value modern interior design, advanced technology, and personalization in household products. Potential users include

  • Tech enthusiasts: Those interested in products that combine technological innovation with everyday functionality.
  • Home decor enthusiasts: Individuals looking to enhance their home's aesthetics with stylish and functional lighting.
  • Musicians or music lovers: Users who want to integrate lighting that synchronizes with sound or music, creating a dynamic atmosphere in their space.
  • Interior design professionals: Those seeking unique lighting products for decoration or renovation projects.

The website is designed to appeal to an audience that desires more than just ordinary lighting, offering a comprehensive and personalized experience in how they illuminate their spaces.

Challenges

  • The biggest challenge I faced while building this website was when Framer did not provide the components or features that the client wanted. Therefore, I had to create them using React.js and TypeScript to meet the client's requirements.
  • The client is very meticulous and perfectionistic, which presents its own set of challenges for me.