© madebyjono llp

Customized Notabilia

Live-customizing notebooks and planners for a brand catering to the end-user

Muccapaper product page with a customizable illustrated notebook

The Brief

Online, Live-Customization

Papermucca is a space where you can pick and customize a notebook or planner. Customers would walk into the store to browse and make live-customization to their notebook and planners. Papermucca wanted a website where customers could make the same customization online and see their changes live as well as keep track of the price of their selections.

They really took time to understand what I dreamed of and crafted exactly that!

MungFounder of Papermucca

Products at the forefront

We worked with Papermucca's in-house designer to consolidate their assets and crafted a minimally-designed website that allowed the products and their features to stand out.

Muccapaper website layouts with notebook color options

The whole package

Fully Featured

Managing the website is streamlined for separate staff of different responsibilities. The designer and staff have separate dashboards for managing either designs or orders and sales. Other technical features include:

  • ipay88 payment gateway integration
  • Discount coupons & promotions management
  • Search engine optimization
  • Google Analytics

Product customization flow

Every choice on one page

Customers build their notebook step by step: cover and inserts, closure, elastic band color, foil-stamped personalization of up to 15 characters, and add-on accessories like velvet tassels.

Closure, color and personalization options

Process

From Figma to deployment

We designed the customization flows in Figma, then took them through development, UAT and deployment.

Figma board of Muccapaper page designs

Hooray!

It's mobile-friendly as well!

Muccapaper notebook customizer on a phone with color and add-on options

Let's work together

We'd love to hear more about your product. Let's talk and turn your idea into something even greater!

Contact us
Next Project

Pinang A's

A school's rebranding & search-discovery

View Project