CLIENT:
Sunny Family

A Webflow product catalog – updated without technical help

Project summary

LIVE PROJECT
CLIENT
Sunny Family
TEAM
  • Front-end Developer
  • UX/UI Designer

Results

  • New products added without the agency's help

    added in the CMS, no technical knowledge needed

  • A consistent layout for every new product

    the template keeps the design intact for whoever adds the content

  • A look that matches the brand

    a light, bright design that reflects the natural character of the products

CHALLENGE

The goal was to create an attractive, functional website that:

  • Presents the product range in a visually appealing, easy-to-browse way.
  • Gives users quick access to nutrition facts and ingredient information.
  • Looks modern and consistent, in line with the brand's visual identity.
  • Lets the client manage content and expand the catalog easily through a CMS.

The biggest challenge was balancing looks and functionality - creating a product catalog that is as visually appealing as it is easy to manage and read.

SOLUTION

The Boring Owl team designed and delivered a complete solution built on Webflow:

  • UI/UX Design: We designed a website with a clear structure, using a white background and pastel accents that reflect the natural character of the products.
  • Web Development: We built the site on Webflow, which let us quickly turn the mockups into a live website and add interactions such as the homepage slider and micro-animations on interactive elements.
  • CMS: We set up a content management system that lets the client easily add and edit products while keeping the product page layout we designed consistent.
  • Responsiveness: We paid special attention to mobile devices, including optimizing the nutrition facts table so it stays fully readable even on small screens.

A phone showing the sunny-family website

KEY FEATURES

  • A dynamic homepage with an interactive slider and intuitive navigation.
  • A responsive product catalog with a consistent content layout.
  • A CMS for easily adding and editing products
  • Clear product pages with a simple description, sharp photos and a responsive nutrition facts table.

A tablet showing the sunny-family website

RESULTS

  • A modern, fully responsive website that captures the brand's character.
  • Product information that is easier to read and access on every device.
  • A simpler process for adding new products thanks to a flexible CMS.
  • An attractive presentation of the product range.

A tablet on a table showing the sunny-family website

SUMMARY

Sunny Family is an example of a successful blend of good looks, functionality and well-planned information architecture. Using Webflow, we created a website that not only showcases the client's products effectively but also reflects the brand's values. It is a great example of a modern online catalog - lightweight, clear and ready to grow.

Sunny Family grain crisps arranged in an even pattern on a mustard background

Technologies used

PLATFORM

an intuitive panel that lets the client manage products, categories and content on their own, with no technical knowledge

Get an estimate