![Book Larder Windows](https://neversink.imgix.net/projects/book-larder/BookLarder-Windows_190416_231348.png?auto=compress%2Cformat&fit=clip&fp-x=0.5&fp-y=0.5&q=60&w=1569&s=f2874ce76f55b965b3bc450bff8274b8)
Case Study
Book Larder’s identity was designed (literally) to be so damn charming you’d more think it was out of a movie than your own neighborhood: every single asset designed to get the absolute most out of the opportunity to engage and delight, from its one-of-a-kind digital platform to its endlessly considered bookmarks to one of the most photographed bookstore-fronts around.
![Booklarder bookmarks2 e58fe4f573](https://neversink.imgix.net/projects/book-larder/booklarder-bookmarks2-e58fe4f573.jpg?auto=compress%2Cformat&fit=clip&fp-x=0.5&fp-y=0.5&q=60&w=733&s=12c408940a6c8cd25aa71e32ee541f31 733w, https://neversink.imgix.net/projects/book-larder/booklarder-bookmarks2-e58fe4f573.jpg?auto=compress%2Cformat&fit=clip&fp-x=0.5&fp-y=0.5&q=60&w=500&s=da79b37197b7f2ff0bb796e900ad82e8 500w)
![Booklarder cards f6de1cc52b](https://neversink.imgix.net/projects/book-larder/booklarder-cards-f6de1cc52b.jpg?auto=compress%2Cformat&fit=clip&fp-x=0.5&fp-y=0.5&q=60&w=804&s=21a93e38cf5064770c4042adf59d0004 804w, https://neversink.imgix.net/projects/book-larder/booklarder-cards-f6de1cc52b.jpg?auto=compress%2Cformat&fit=clip&fp-x=0.5&fp-y=0.5&q=60&w=554&s=d14c228abfdd516179d2cc4d9a7d5552 554w, https://neversink.imgix.net/projects/book-larder/booklarder-cards-f6de1cc52b.jpg?auto=compress%2Cformat&fit=clip&fp-x=0.5&fp-y=0.5&q=60&w=500&s=36211c1d92925b17b1a90472859620f1 500w)
![Booklarder windows 22457e349e](https://neversink.imgix.net/projects/book-larder/booklarder-windows-22457e349e.jpg?auto=compress%2Cformat&fit=clip&fp-x=0.5&fp-y=0.5&q=60&w=1024&s=1cc4b9f0701854d829d8aa6b75a25443 1024w, https://neversink.imgix.net/projects/book-larder/booklarder-windows-22457e349e.jpg?auto=compress%2Cformat&fit=clip&fp-x=0.5&fp-y=0.5&q=60&w=774&s=65ba19062eda85fcec77308c84d66640 774w, https://neversink.imgix.net/projects/book-larder/booklarder-windows-22457e349e.jpg?auto=compress%2Cformat&fit=clip&fp-x=0.5&fp-y=0.5&q=60&w=524&s=0c5ec5ff8106a63d061ca38846fb63a5 524w, https://neversink.imgix.net/projects/book-larder/booklarder-windows-22457e349e.jpg?auto=compress%2Cformat&fit=clip&fp-x=0.5&fp-y=0.5&q=60&w=500&s=5b8c6d325422c12794514a8cffa59c8c 500w)
The Website, Ver. 1
The first generation of Book Larder’s website seemed itself torn from the pages of a cookbook: Calls-to-Action were ingredients, the descriptions of the business were instructions on how to go about building the experience you wanted / needed. At the same time, in addition to one of the first fully custom event-registration Content Management Systems, we designed for Book Larder a sales platform for titles that almost no independent bookstore can claim. Later versions of the website would continue to improve on both the function and aesthetic quality of each of these functions.
![Book Larder home page in 2011](https://neversink.imgix.net/projects/book-larder/booklarder-home-1d8bfad445.jpg?auto=compress%2Cformat&fit=clip&fp-x=0.5&fp-y=0.5&q=60&w=1240&s=60d01cd2b7b56a0c7adbba2e015c9974 1240w, https://neversink.imgix.net/projects/book-larder/booklarder-home-1d8bfad445.jpg?auto=compress%2Cformat&fit=clip&fp-x=0.5&fp-y=0.5&q=60&w=990&s=893ffd35bfa7689b45090015e8d5576c 990w, https://neversink.imgix.net/projects/book-larder/booklarder-home-1d8bfad445.jpg?auto=compress%2Cformat&fit=clip&fp-x=0.5&fp-y=0.5&q=60&w=740&s=bcc7b0e72275cf9984ffe885934d8fa3 740w, https://neversink.imgix.net/projects/book-larder/booklarder-home-1d8bfad445.jpg?auto=compress%2Cformat&fit=clip&fp-x=0.5&fp-y=0.5&q=60&w=500&s=5672dbc1d2d26bf0b97fa3fb31d5d361 500w)
The circa 2011 cookbook-style website made an experience of the user’s exploration.
![Book Larder website in 2013](https://neversink.imgix.net/projects/book-larder/booklarder-shop-8d566369ac.jpg?auto=compress%2Cformat&fit=clip&fp-x=0.5&fp-y=0.5&q=60&w=1178&s=db3febf3a31bd90e45b19e42182ade89 1178w, https://neversink.imgix.net/projects/book-larder/booklarder-shop-8d566369ac.jpg?auto=compress%2Cformat&fit=clip&fp-x=0.5&fp-y=0.5&q=60&w=928&s=e4c9c1e3c2d216aaef157be477663b0b 928w, https://neversink.imgix.net/projects/book-larder/booklarder-shop-8d566369ac.jpg?auto=compress%2Cformat&fit=clip&fp-x=0.5&fp-y=0.5&q=60&w=678&s=bfbc10596162e30d7de8e6234d300ea2 678w, https://neversink.imgix.net/projects/book-larder/booklarder-shop-8d566369ac.jpg?auto=compress%2Cformat&fit=clip&fp-x=0.5&fp-y=0.5&q=60&w=500&s=3d2f005af35ff2ba8a605a7ca4ae9108 500w)
Circa 2013, the website expanded its full-catalogue offerings with extensive filter controls, coupon options, and searchability.
Add UX Mockups
As the business and its brand have grown up, we’ve been tasked with bringing the website (and design system) along, refining its asset libraries and relationships, and expanding on its capabilities. Heading into 2020, we’re looking at a custom off-canvas cart and payment gateway that will allow the user to venture all the way through a sale without getting lost in navigation or so much as leaving the page. The logic of the cart can now recognize the checkout needs (different information is needed from one shipping a book than one registering for an event), and efficiently collect only the necessary information for each particular sale.
![Book Larder's 2020 UX designs](https://neversink.imgix.net/projects/book-larder/iPad-BookLarder3.png?auto=compress%2Cformat&fit=clip&fp-x=0.5&fp-y=0.5&q=60&w=2500&s=312101d8779b916ec147c3f17e90b449 2500w, https://neversink.imgix.net/projects/book-larder/iPad-BookLarder3.png?auto=compress%2Cformat&fit=clip&fp-x=0.5&fp-y=0.5&q=60&w=2250&s=92a0a9aba28ae0581eec8b0113ec7bac 2250w, https://neversink.imgix.net/projects/book-larder/iPad-BookLarder3.png?auto=compress%2Cformat&fit=clip&fp-x=0.5&fp-y=0.5&q=60&w=2000&s=7f07cdbbdeebdabae9109e11f2d76825 2000w, https://neversink.imgix.net/projects/book-larder/iPad-BookLarder3.png?auto=compress%2Cformat&fit=clip&fp-x=0.5&fp-y=0.5&q=60&w=1750&s=3116c558a9380b89ac2d64b2821fb730 1750w, https://neversink.imgix.net/projects/book-larder/iPad-BookLarder3.png?auto=compress%2Cformat&fit=clip&fp-x=0.5&fp-y=0.5&q=60&w=1500&s=86f35360f66571a71a9e12419a4a5141 1500w, https://neversink.imgix.net/projects/book-larder/iPad-BookLarder3.png?auto=compress%2Cformat&fit=clip&fp-x=0.5&fp-y=0.5&q=60&w=1250&s=9086f79b86ac49a218daf21a64f0e711 1250w, https://neversink.imgix.net/projects/book-larder/iPad-BookLarder3.png?auto=compress%2Cformat&fit=clip&fp-x=0.5&fp-y=0.5&q=60&w=1000&s=5f7ff470f659bb7537fb36c287dabb60 1000w, https://neversink.imgix.net/projects/book-larder/iPad-BookLarder3.png?auto=compress%2Cformat&fit=clip&fp-x=0.5&fp-y=0.5&q=60&w=750&s=ecbdc1191e429f60030ab3a127c6617f 750w, https://neversink.imgix.net/projects/book-larder/iPad-BookLarder3.png?auto=compress%2Cformat&fit=clip&fp-x=0.5&fp-y=0.5&q=60&w=500&s=425368e385e5a7345723773d6fbd3088 500w)
The off-canvas cart is as well-customized and configured for continued shopping as for efficient, painless checkout.
Why we’re in love (with the Book Larder brand)
The brand’s own system, no less identity, never stops growing, evolving, and adjusting to either its changing needs or to new opportunities. As the product lines have expanded, the brand’s voice was allowed to keep pace and make each new line seem foundational. At the same time, the owner has always valued the digital experience as much as the physical assets, encouraging multiple re-thinks and updates to the platform both for aesthetic and functionality.
![Book Larder Macbook](https://neversink.imgix.net/projects/book-larder/BookLarder-Macbook.png?auto=compress%2Cformat&fit=clip&fp-x=0.5&fp-y=0.5&q=60&w=2500&s=efba4b70ab3dbc89446395e733aef881 2500w, https://neversink.imgix.net/projects/book-larder/BookLarder-Macbook.png?auto=compress%2Cformat&fit=clip&fp-x=0.5&fp-y=0.5&q=60&w=2250&s=b79d0c542422b6dd52fb5a94e777add8 2250w, https://neversink.imgix.net/projects/book-larder/BookLarder-Macbook.png?auto=compress%2Cformat&fit=clip&fp-x=0.5&fp-y=0.5&q=60&w=2000&s=be7c8d278652d7a4f8339a5c0a685a37 2000w, https://neversink.imgix.net/projects/book-larder/BookLarder-Macbook.png?auto=compress%2Cformat&fit=clip&fp-x=0.5&fp-y=0.5&q=60&w=1750&s=24f57ecaa55ae50464e3f89dcb1e5fba 1750w, https://neversink.imgix.net/projects/book-larder/BookLarder-Macbook.png?auto=compress%2Cformat&fit=clip&fp-x=0.5&fp-y=0.5&q=60&w=1500&s=e4c15625f78cad5ad26132d88e2679db 1500w, https://neversink.imgix.net/projects/book-larder/BookLarder-Macbook.png?auto=compress%2Cformat&fit=clip&fp-x=0.5&fp-y=0.5&q=60&w=1250&s=c28ee07b8a89c6b93cd549b1e2fd7e31 1250w, https://neversink.imgix.net/projects/book-larder/BookLarder-Macbook.png?auto=compress%2Cformat&fit=clip&fp-x=0.5&fp-y=0.5&q=60&w=1000&s=9e7b544725761364fff3ac7ec5c05e45 1000w, https://neversink.imgix.net/projects/book-larder/BookLarder-Macbook.png?auto=compress%2Cformat&fit=clip&fp-x=0.5&fp-y=0.5&q=60&w=750&s=965b3edba912e93de2012efa04d39acd 750w, https://neversink.imgix.net/projects/book-larder/BookLarder-Macbook.png?auto=compress%2Cformat&fit=clip&fp-x=0.5&fp-y=0.5&q=60&w=500&s=8d498644547068407b9f3d4bdf4e391c 500w)
Visit:
Services:
Logo Design, Website Design, E-Commerce, Positioning, Identity