Making kids' school bag shopping more comfortable, playful, and parent-friendly.

Filli & Me

Case Study Image Mobile

OVERVIEW

Filli&Me is a kids' school bag brand focused on creating comfortable, ergonomic, and playful backpacks for young school-going children. The Shopify website helps parents explore different school bags and understand the features, comfort, and suitability of each product.

PLATFORMShopify Website
YEAR2026
TIMELINE3 Weeks
INDUSTRYB2C / E-commerce
Bottom Visual Mobile

CHALLENGE

Choosing a school bag for a child involves more than simply selecting a design or colour. Parents need to consider the child's age, size, comfort, storage requirements, weight, and suitability for everyday school use.

The challenge was to communicate these product benefits clearly without making the shopping experience feel complicated. The website needed to help parents quickly understand the products, compare options, and confidently choose the right bag for their child.

Challenge Visual 1
Challenge Visual 2

APPROACH

The design approach focused on combining playfulness with practicality. Since the products are used by children but purchased by parents, the experience needed to create an emotional connection while providing enough information to support a confident purchase.

The Shopify experience was structured around simple navigation, product discovery, detailed product information, and a smooth purchase journey. Every section was designed to help users move naturally from discovering the brand to selecting the right school bag.

Clear categories and product groupings help reduce the effort required to browse through different options.

Filli & Me Product

This allows parents to quickly compare products before moving into the detailed product page.

Footprint Decoration

The product experience makes it easier for parents to explore school bags based on their child's requirements.

Filli & Me Website Laptop

Strong visual sections give the products enough space to stand out, while clear calls to action guide visitors toward exploring the collections.

Filli & Me Delivery Cat Mobile

VISUAL DESIGN

The visual language was designed around the fast-paced nature of quick commerce. Clean layouts, strong product imagery, clear typography, and structured cards make the interface highly scannable and easy to navigate.

The design also maintains consistency across browsing, product details, cart, checkout, and tracking. This creates a familiar experience throughout the journey and allows users to focus on completing their shopping tasks.

COLORS

#F15C38
#14B6C6
#26B67C
#FDB713

TYPOGRAPHY

Typography

Rooney Sans

FINAL EXPERIENCE

The final Shopify website brings together brand storytelling, school bag discovery, product education, and purchasing into one cohesive experience. Parents can explore different products, understand their features, compare options, and move naturally toward purchase.

The experience turns a simple school bag purchase into a more engaging journey by combining practical product information with the playful personality of Filli&Me.

The result is a platform that makes everyday learning activities easier to discover, easier to understand, and more engaging to complete.

Final Experience UI Collage