Logo

Dyson Landing Page with Animated Logo

HTML

CSS

JS

2

Rookie

The challenge is to design a landing page for Dyson with an animated Dyson logo. The objective is to create a visually appealing and engaging browsing experience that showcases the brand and its products. You'll use HTML, CSS, and JavaScript to create the design and animation, and aim to provide a seamless user experience.

Challenge Description

Your goal is to design a landing page for Dyson that showcases the brand and its products, while incorporating an animated Dyson logo. You'll need to ensure that the user interface is responsive, intuitive, and visually appealing. You'll utilize HTML, CSS, and JavaScript to create the design and animation, and aim to provide a seamless user experience. The challenge will test your proficiency in web development, specifically with regards to creating visually engaging content and implementing animation. Refer to the provided design for reference, and aim to replicate it as closely as possible while providing a seamless user experience.

Your users should be able to:

  • Learn about Dyson and its products
  • View product details and specifications
  • View the animated Dyson logo
  • Navigate the website intuitively and efficiently.

Assets Provided

  • Desktop Layout
  • README file that includes a guide
  • Image assets
Author Avatar

Enes Zorlu

Loading

Logo

Code Challenger

©2023 Code Challenger. All rights reserved.

Terms

Privacy Policy