Skip to content
ADOV
Free Website Audit

Case study

OWLchemi's website puts an owl in charge of the lab.

A React storefront for OWLchemi, a research compound shop, led by an illustrated owl mascot and a blog with a world of its own.

Desktop — scrolling the homepage
Client
OWLchemi
Industry
Retail & ecommerce
Services
Web design & development
React
Platform
React
Live site
owlchemi.com (opens in a new tab)

01 — Overview

OWLchemi sells research compounds online for laboratory use. The site is a React app with a character of its own: an illustrated owl that appears on the homepage, the blog and the lab pages, beside frosted product cards set over meadow photography.

OWLchemi: illustrated owl characters holding a vial in a misty forest

Inside the build

  1. An owl as the guide

    An illustrated owl mascot greets visitors and returns throughout the site, from the homepage to the lab pages.

    OWLchemi homepage with an illustrated owl mascot and a row of products with add-to-cart buttons
    Homepage — products

  2. Products over a meadow

    Capsules and merch sit on frosted cards over wildflower photography, with waitlist buttons on items not yet in stock.

    Capsule product cards over a wildflower meadow photo with add-to-cart buttons
    Capsules — over a meadow
    Merch cards for a keychain, sweatshirt and bottle with waitlist buttons over a meadow
    Research merch

  3. A blog with its own world

    Articles get illustrated owl artwork, in a carousel on the homepage and on a dedicated blog landing page.

    Blog carousel with illustrated owl artwork for each article
    Lab Research — blog carousel
    Blog landing page with illustrated owl wizard and scientist characters
    Blog — landing page

  4. Product pages with trust signals

    Each product page pairs the vial with its price and a blue panel of testing and shipping details, and a Lab Testing page explains the process.

    Product page with a vial, price, add to cart and a blue panel of trust signals
    Product page
    Lab Testing page with an illustrated owl classroom scene
    Lab Testing
  • Dark menu with Home, Products, Owlcademy, Lab Testing, Our Alchemy and Contact, on a phone
    Mobile — menu
  • Product carousel with the owl mascot and add-to-cart buttons, on a phone
    Mobile — products
  • Research merch section with an owl keychain on bright blue, on a phone
    Mobile — research merch
  • Product page with a vial, price and add to cart, on a phone
    Mobile — product page
  • Lab Testing page with owl illustrations and a lab photo, on a phone
    Mobile — Lab Testing
  • Dark menu with Home, Products, Owlcademy, Lab Testing, Our Alchemy and Contact, on a phone
    Mobile — menu
  • Product carousel with the owl mascot and add-to-cart buttons, on a phone
    Mobile — products
  • Research merch section with an owl keychain on bright blue, on a phone
    Mobile — research merch
  • Product page with a vial, price and add to cart, on a phone
    Mobile — product page
  • Lab Testing page with owl illustrations and a lab photo, on a phone
    Mobile — Lab Testing

More work

All work