Archives: Websites

eCommerce Websites

Carcel

We design and produce with integrity, ambition and class. We operate only where the finest natural materials in the world meet the highest rate of poverty related crime, in order to provide better jobs, new skills and opportunities for women in prison.

fontstore

fontstore is a font marketplace from the Indian Type Foundry, selling licenses for typefaces built to support a wide range of writing systems, stated on-page as Fonts for Every Language. The storefront is a JavaScript single-page application built with Stripe for payment rather than a conventional server-rendered site.

Website Design

A single custom sans. The application preloads one variable font, Passenger Sans, and applies it as the default face across the interface, with no serif or display face layered in.

Pastel category tints. The stylesheet defines a set of five background tints, pale cyan, pale green, pale grey, pale pink and pale yellow, reused as named color variables, the kind of palette typically used to color-code font cards or categories rather than brand the whole page in one hue.

A minimal application shell. The page ships as a single HTML document with one mount point and no server-rendered markup, meaning navigation, the catalogue and checkout all load through JavaScript once the bundle runs.

Shopping Experience

Licenses, not a simple checkout. The client code tracks a license type, a license owner and a list of licenses used per order, with a separate toggle for offline licenses, structure built for buying rights to a font family rather than checking out a single flat item.

Cart with an invoice link. Order objects in the code expose both a fonts download link and an invoice link, indicating a completed purchase produces a downloadable invoice alongside the font files.

Stripe-powered payment. Stripe’s JavaScript library loads on every page, and the checkout flow runs through Stripe directly rather than a third-party cart plugin.

Brand Storytelling

Positioned around language coverage. The site’s own description states the mission directly: a premium font distribution service from the Indian Type Foundry, offering quality fonts for all the world’s languages, making multilingual support the headline claim rather than style or price.

A sibling product referenced in the code. Strings for a Fontshare debut and Fontshare originals appear in the client bundle, pointing to Fontshare, the foundry’s separate free-font arm, referenced from within the fontstore application itself.

Notable Features

Per-font-family counting. The interface pluralizes copy specifically for font families, zero font families, one font family, several font families, tracked separately from individual font counts, a level of catalogue precision aimed at type-literate buyers.

License transfer support. A transfer-license string in the client code indicates purchased licenses can be moved between accounts, a feature aimed at studios changing seats or ownership rather than a one-time individual buyer.

A dedicated licenses section on the buy screen. The buying interface separates popular licenses from a full expandable list, with show-more and show-less controls, rather than presenting every license type on one long page.

A native FontFace loader for previews. The client code calls the browser’s own FontFace API to load and register typefaces on the fly, letting a visitor preview a face directly in the page rather than through a static rendered image.

fontstore Shop Category page example

fontstore Product page example

fontstore Checkout page example

Two Chimps Coffee

Two Chimps Coffee is a speciality roastery in Oakham, Rutland, selling single origin beans, subscriptions, loose leaf tea, hot chocolate, brewing devices and workshops to UK home brewers. The About copy sets the mission as making “specialty coffee fun and available to everyone, as we know it can sometimes be a little exclusive”. Subscriptions start at £10.45 a bag, workshops at £50. Built on WordPress and WooCommerce with a custom theme.

Website Design

A black frame around a pastel interior. Header and footer are near-black bars, the body off-white. Full-bleed pastel bands in salmon pink, sage green, butter yellow and lilac break the scroll into chapters, so colour marks position rather than decorating.

Lato with a serif display cut. Navigation, labels, buttons and category pills run in Lato, set small and wide-tracked in capitals. Headings switch to Abhaya Libre, a serif used large and heavily letterspaced across hero photographs.

Illustration carries the brand. Bags are printed with line-drawn doodles and colour-coded labels, and the same hand reappears as a chimp leaning over the review carousel.

Shopping Experience

Filtered by taste, not category. The coffee listing opens with four filters: Roast Style, Origin, Process and Notes. Origins run from Brazil to South Sudan, and Notes holds around forty descriptors, from Chamomile to Zesty Orange Peel.

Cards that read like spec sheets. Each card in the three-across grid lists region, acidity, origin, process, varietal, roast style, notes and brew suggestion under the price, with a Quick add pill.

The subscription decision sits in the buy box. A product page asks for grind size across six brew devices, weight at 250g, 500g or 1kg, then Subscribe and save against a one time purchase, renewing weekly to four weekly.

One long checkout page. An Apple Pay button sits above an OR rule, with the roastery phone number and opening hours beside it. Billing runs in one column next to a fixed order summary, with Stripe and PayPal below.

Brand Storytelling

The names do the talking. Coffees are called Baba-Laba-Ding-Dong, Meet Up or Feet Up and Fairy on a Zipwire. The same voice names the newsletter block Join the troop and files blog posts under Our latest mischief.

A house roast scale. Roast depth appears as the Chimpometer, a row of chimp heads where one is light and fruity and two and a half is medium dark. There is no third head, because that roast would burn the flavours out.

Sustainability sits beside the price. A line above the basket button states the carbon for the order and its delivery has been offset, and Net Zero by 2040 appears as a footer badge.

Notable Features

A four question coffee quiz. The Coffee Wizard asks when you drink coffee, what you brew with, ground or whole bean, and how often, then returns a match.

Workshops sold as catalogue items. Six courses, including Latte Art and How to Start a Coffee Shop, sit in the catalogue alongside bags of beans.

Guarantees in the chrome. A referral panel offers £5 to both sides, and the sticky footer strip repeats free tracked delivery over £29 and a money back promise on any coffee you do not like.

Two Chimps Coffee Shop Category page example

Two Chimps Coffee Product page example

Two Chimps Coffee Checkout page example

Two Chimps Coffee footer example