This project is a modern, single-page landing site for the BANG & OLUFSEN brand, showcasing a minimalist design that reflects the brand’s aesthetics and product range. The page features responsive design and interactive elements to enhance the user experience.
Responsive Design: The layout adapts smoothly across devices, ensuring a consistent and polished experience on desktops, tablets, and mobile devices.
Animations and Interactive Elements: Subtle scrolling animations and interactive components engage users and add a dynamic touch.
HTML5: For the core structure of the page. CSS3 & SCSS: For styling, with SCSS providing modular, maintainable styles, and Flexbox/Grid for responsive layout design. JavaScript: For interactive elements and animations that enhance user experience. BEM (Block-Element-Modifier): Used for CSS class naming to keep the code structured and scalable.
The project is deployed on GitHub Pages and can be accessed here:
The design of this landing page was created in Figma. You can view the design file here:
To run or modify this project locally, you will need:
Node.js (v14 or higher recommended)
npm or yarn
To clone and run this project locally:
git clone https://github.com/marichkamt/BANG-OLUFSEN.git
cd BANG-OLUFSENInstall dependencies:
npm installStart the project locally:
npm startView the site: Open your browser and navigate to http://localhost:3000 to see the landing page in action.
Developed by Mariia Hlushak🙋🏻♀️
Feel free to connect with me:
Email: [email protected]