when comet therapeutics came to monderer design to update their website, we wanted to create a web presence that would stand out against more typical biotech websites. instead of staples like full-width tinted scientific imagery and minimalist color palettes and typography, I used the geometry in their logo and the bright color palette to give their new site energy and motion.
A bright homepage animation is immediately eye catching: the hexagons "breathe" in and out, never fully freezing in a static grid. The shape is then repeated, deconstructed, and placed subtly throughout the entire site. Angles like the side of a hexagon appear most often in page headers, banners, buttons, and links. Bold, chunky typography adds vibrancy to the layout and text.
The site also includes abundant motion and interactive accents. A viewer will find hover effects and movement throughout, as well as rewards for interaction like a sliding gradient on team member photos. Our icons representing the organs potentially aided by Comet's science also lend brightness and energy where they appear.
In addition to the animation on the homepage, stroked hexagons appear throughout the site. I created these as SVGs, which are lightweight and scalable.
Unfortunately, due to the COVID-19 pandemic, the site was put on hold. However, it is viewable using this mirror of its near-complete staging format.