Vicki Tan

This page sells Ask This Book A Question, a book by designer Vicki Tan subtitled “An Interactive Journey to Find Wisdom for Life’s Big and Little Decisions”. It treats cognitive bias as a set of tools rather than flaws and uses visual prompts to walk a reader through a question of their own. The page fulfils through ten external booksellers rather than a checkout of its own, and sits on Squarespace inside a four page personal site covering home, book, work and speaking.

Website Design

Four flat colour fields. Sections commit to one ground each: a saturated blue near #0000d0, an acid chartreuse around #d6ff01, a pale sage grey at #cad5ca, and black, with near-white at #fcfcfc reversed out. The colour changes do the work rules and dividers usually do.

Space Grotesk over Raleway. Headings and pull quotes use Space Grotesk, a wide geometric sans, while running copy uses Raleway. Text is centred in narrow measures at similar sizes throughout, so hierarchy comes from colour and position more than scale.

Line art doing the heavy lifting. The book’s own drawings carry the page: a figure holding an outsized question mark, a grid of small pictograms, a door motif. Interior spreads run as a horizontal filmstrip on black, and the sage panel meets the blue band along a wave rather than a straight edge.

Shopping Experience

A retailer row instead of a cart. Buying sits under a heading reading “get yours today” and lists Amazon, Powell’s, Bookshop, Kindle, B&N, Nook, Target, Google Play, Books A Million and Apple Books as separate links, mixing print, ebook and app store editions into one row without grouping.

One call to action, no commerce detail. A chartreuse Available Now button sits beside the cover in the hero. There is no price, no format comparison and no stock state anywhere on the page.

An empty basket in the header. Squarespace leaves its cart counter in place at zero, and nothing on the site can add to it.

Brand Storytelling

The premise is argued, not asserted. A short block asks “Why did a designer write a book about decision-making?” and answers in first person, framing biases “not as flaws to fix, but as powerful tools for making more intentional, self-aware decisions”.

Three endorsements in one band. The blue panel carries quotes from Buster Benson, Yancey Strickler and Nir Eyal, each credited with their own book.

The book demonstrates itself. Instead of describing the format, the page shows the preface, a “Think of a question…” prompt and a flowchart spread, so the premise is visible before any copy explains it.

Notable Features

Scrolling marquee labels. Headings such as “available now” and “get yours today” run as animated bands with a decorative glyph repeating between them.

Product photography for a single SKU. A studio shoot places the physical book on the blue ground with its yellow page edges exposed, standing in for the variant imagery a larger catalogue would carry.

Portfolio structure around a sales page. Work and speaking sit in the same navigation, so the book page inherits a personal site rhythm rather than a store template.