Mike Smick UX Sketch Sub Page Image

UX Notebook Project

The Design UX Notebook project required a look at a custom order process, with a subscription add-on option. The notebook is unique in that it uses a binding system that allows the user to arrange, add and remove pages at will. Which means there’s one notebook can be brought with you for several different things including work and personal content. If some template types are preferable over others, the user can simply omit what they don’t use and re-order the most important templates.

Project NameUX Notebook Project
TaglineA physical notebook for designers and UX professionals
Project SummaryProduce a notebook that is dedicated to the disciplines of graphic design and user experience. Develop and manufacture notebook.
ClientPersonal Project
Date or TimeframeJuly 2020
Tasks & ResponsibilitiesDevelop notebook product based initially on personal use / market shortfalls, expand or narrow product features based on user experience surveys and interviews. Manufacture to meet requirements of a mass audience of designers. Create eCommerce site to facilitate customization and purchase of notebook.
PlatformsPhysical, eCommerce web
Design Tools / UX MethodsyED, Site Architecture
KPIs / AnalyticsCompleted orders, re-orders, subscriptions
Team / CollaboratorsMike Smick, Chad C.

The journey mapped here focuses on how the user perceives a customization of a notebook. Being able to decide what templates are favored and the quantity of those sheets / pages is something not encountered anywhere else. If the user purchases this system, while it does differ from simply finding and buying a few dedicated notebooks at an office supply store, the user will find benefits in always being able to the book that best suits him / her at a consistent price AND in some cases, will only need to bring one notebook with them wherever it’s in use.

UX Notebook Order Process Wireframe

This early wireframe shown below (not screen accurate) shows how a user will make a selection from a number of templates, narrowing down what to actually include. From there, the user is brought to a unique set of quantity sliders. The total of pages for a notebook is constrained, but a slider is introduced for each template the customer included earlier. And as the customer narrows down quantity, they can decide to lock a quantity in. The sliders are dependent to one another, and will slide up or down depending on locked or unlocked setting. The user can see while they slide, the page quantity AND percentage of the notebook used by that particular template. In order to maintain the total quantity, if one unlocked slider is moved to increase page count, the other unlocked sliders will move down accordingly scaling based on percentage.

Once the custom notebook configuration is complete, the user can then decide to add any extra page packets that will help them further customize their own notebook later on, and keep their notebook filled as they use up and discard pages. From there the user can opt-in to a subscription for automatic delivery at certain time intervals such as 2 weeks or 6 weeks, the idea being that the user will get resupplied with paper before they run out and need it.