Haf Cukrárna

E-commerce design for a dog treats shop built on Upgates

www.hafcukrarna.cz
E-commerce Upgates 2026 Visual Identity

About the project

Haf Cukrárna is an online shop specialising in treats, cakes and other goodies for dogs. The goal of the project was to create a clear and visually distinctive e-commerce experience that reflects the playful personality of the brand while making it easy for customers to discover and browse its products.

The online shop was built on Upgates, with a visual style based on a combination of soft pink, deep burgundy and vibrant yellow. Product photography, custom banners and clearly differentiated product categories play an important role throughout the design.

The project also included refining the original logo, converting it into a clean vector format and creating a consistent visual system that can be used across the online shop as well as other brand materials.

E-commerce category design

Each product category was given its own visual presentation, helping visitors quickly navigate and understand the range of products available. The colours and photography also reinforce the playful character of Haf Cukrárna and create a consistent visual style throughout the online shop.

Dog cakes category design for the Haf Cukrárna online shop
Cakes
Dog biscuits category design for the Haf Cukrárna online shop
Biscuits
Dog muffins category design for the Haf Cukrárna online shop
Muffins
Gift packaging category design for the Haf Cukrárna online shop
Gift Sets

Custom category banners

I created custom banners for the main product categories, combining product photography, typography and the brand’s colour palette. This gives each category its own character while maintaining a consistent visual identity throughout the online shop.

Dog cakes category banner designed for Haf Cukrárna Dog muffins category banner designed for Haf Cukrárna Gift packaging category banner designed for Haf Cukrárna

Colour palette

The colour palette combines soft pink, deep burgundy, a light background and vibrant yellow. The pink tones support the playful and friendly personality of the brand, burgundy adds contrast, while yellow acts as a distinctive accent for important elements and calls to action.

Pink colour from the Haf Cukrárna visual identity, #e286a3 Burgundy colour from the Haf Cukrárna visual identity, #210e13 Light pink colour from the Haf Cukrárna visual identity, #fee6f0 Yellow accent colour from the Haf Cukrárna visual identity, #fbc42d

Logo refinement & vectorisation

The original Haf Cukrárna logo was converted into a clean vector format and refined typographically. This allows the logo to be used at different sizes across the website, print materials, packaging and other marketing applications without any loss of quality.

Haf Cukrárna logo applied to pink badge mockups Refined and vectorised Haf Cukrárna logo

Responsive design

The Haf Cukrárna online shop was designed to provide a comfortable shopping experience on both desktop and mobile devices. The content layout, product categories and navigation adapt to different screen sizes while keeping the product range easy to browse.

The responsive design also preserves the distinctive visual identity, product photography and key elements of the online shop, ensuring a clear and consistent shopping experience across common devices.

Responsive Haf Cukrárna e-commerce website displayed on a laptop and mobile phone

Conclusion

The Haf Cukrárna project combined e-commerce design on the Upgates platform, visual identity refinement, logo vectorisation and the creation of custom graphic elements. The result is a playful and easily recognisable online shop where the visual style supports the products while helping customers navigate the store with ease.

The design is ready to accommodate future expansion of the product range, while the responsive solution ensures a consistent experience across desktop and mobile devices.