The Ice Cream landing page is a visually appealing website that showcases the products and advantages of the Ice Cream company. It is designed to provide an engaging user experience and attract potential customers. The website consists of several sections, each serving a specific purpose.
The header section features the company logo and navigation links for easy access to different sections of the website. Additionally, there is a "Buy now" button that opens a modal window where users can place their orders. The header also includes a burger menu for improved navigation on mobile and tablet devices.
The hero section of the website displays captivating animated images along with relevant information, creating an enticing visual experience for visitors.
The products section showcases various ice cream products in the form of product cards. Clicking on a card reveals detailed information about the product, including its composition, price, and available flavors.
The "HOW IT’S MADE?" section provides insights into the manufacturing process of the ice cream products. There is a button "See more", which opens a modal window that features a slider with steps and descriptions, allowing users to learn about each production stage.
The advantages section highlights the unique selling points of the Ice Cream company and its products. It aims to persuade potential customers by emphasizing the benefits they can enjoy.
The gallery section presents a collection of animated images, showcasing the visually appealing aspects of the ice cream products and the company.
The testimonials section features a slider that displays customer reviews and feedback, providing social proof and building trust among potential buyers.
The contact section provides detailed information about each store location, including contact details, address, and operating hours. It also includes two buttons: "Our Locations" opens a modal window with maps displaying the store locations, while "Franchise" opens a modal window where users can leave their information to inquire about franchise opportunities.
The footer section contains contact information and links to the company's social media profiles, enabling users to connect with the Ice Cream company on various platforms.
- Responsive Design: The website is designed to be fully responsive, adapting to different screen sizes starting from 320px width. All images are optimized for different resolutions and screen sizes, ensuring a consistent experience across devices.
- Semantic Markup: The HTML structure follows semantic conventions, improving search engine optimization (SEO) and accessibility for users with disabilities.
The Ice Cream landing page was built using the following technologies:
- JavaScript
- HTML5
- Sass
- CSS3
- Parcel
The development of this project was led by:
- Anna Lisitsyna
- Olya Zamlynska
- Mykola Zaikovskyi
- Bohdan Orlovskiy
- Yuliia Tymchuk
- Volodymyr Tymoshchuk
- Sofiia Korost
- Nelia Bochenkova
- Maksym Hurin
- Karina
If you have any questions or feedback, please feel free to contact me:
- Email: [email protected]
- GitHub: lisitsyna-anna