case study
case study
web Design for Aya confectionery
.png){kind=small}
Each product page is clean and simple, with large, attractive product images and a focus on key information—ingredients, nutritional facts, and health benefits. I also added a quick "Add to Cart" feature and similar options to engage potential customers.
.png)
Home Page
The home page opens with a full-width hero image and includes a bright CTA button inviting visitors to explore the product range or place an order.
,Scrolling down, I designed sections highlighting AYA’s mission and best-selling products. I used a grid layout for the product highlights, ensuring that each item has enough space to shine, with high-quality images and short, engaging descriptions.
A clear, minimalistic contact section and payment instructions for customers' convenience. “Tasty” special offer next, customers testimonials to show others trust the brand, and FAQ in the end.
,Scrolling down, I designed sections highlighting AYA’s mission and best-selling products. I used a grid layout for the product highlights, ensuring that each item has enough space to shine, with high-quality images and short, engaging descriptions.
A clear, minimalistic contact section and payment instructions for customers' convenience. “Tasty” special offer next, customers testimonials to show others trust the brand, and FAQ in the end.
%20(1).png)
%20(1).png)
Product Pages
Earthy tones like dark brown, light grey, and soft orange. Add pops of brighter colors like creamy pastels and light orange to reflect flavors and fun.For typography, I paired the modern, clean Geeza Pro font for body text with a more playful style for headings with Comfortaa font, referencing the brand style
%20(1).png)
.png)
Features & Functionality
Sticky Navigation Bar: Throughout the site, I implemented a sticky navigation bar to ensure that important links, such as product categories and the shopping cart, are always accessible as users scroll.
Microinteractions: I used subtle hover effects to make the site feel interactive and dynamic, while still maintaining a clean look.
Shopping Cart & Payment Integration: The shopping experience is designed to be as smooth as possible, with a mini-cart feature and a clear checkout flow that supports multiple payment methods, including credit cards, PayPal, and Apple Pay.
Microinteractions: I used subtle hover effects to make the site feel interactive and dynamic, while still maintaining a clean look.
Shopping Cart & Payment Integration: The shopping experience is designed to be as smooth as possible, with a mini-cart feature and a clear checkout flow that supports multiple payment methods, including credit cards, PayPal, and Apple Pay.
FINAL LOOK //
Here are the final designs for the "AYA Confectionery", after applying the visual identity.
