Cove

This project came out of an interview process, and instead of the usual interview loop they handed me something better… a brief.

Design and build a landing page for Cove, an agentic platform for B2C companies that captures every potential customer interaction, tracks it, and responds - all on its own. I love a good prompt, and I love a time constraint even more. This one came to life in roughly 48 hours… have a look.

I have been dying to do a project with this sort of “dithered”, pixelated animated look. I saw a few designers online do some cool stuff with it and I’ve been waiting for something to let loose on, and this project was perfect. The organic animations and shapes paired with the dithered effect offer a natural, yet robotic feel? Which is perfect for an agentic tool - it is supposed to feel like a natural assistant that handles all the hard parts for you.

I started out by messing around with some animation development in my other tool, UI Playground, and landed on these very calming animations, and I let those sort of take the lead in the design direction. Sort of turning chaos into calm?

The hero section is my favorite section by far. I knew I wanted to have a full bleed animation as the centerpiece, and this distorted flower thing came out so good. Another decision I fell in love with was the white word mark in the center. I had to play around with this a lot to get it right. I wanted it to read as subtle and calm, sort of fading in and out of the white that pokes through the animation. It comes across as a nice whisper of the company, not a shout.

I like doing these sort of understated, editorial style pages for SaaS companies because it goes completely against the grain of every other SaaS that throws a million company logos, demos, and CTAs in your face. This shows up in the simple nav bar with a quiet CTA and a cheeky hover animation that I’m obsessed with - and the footer with the tag line sort of hinting at more content below is another example of this execution.

The 4 pillars section racked my brain for a bit… I had certain pieces of information that were necessary to share about the product and I wasn’t sure how to include them in a tasteful way. The typical solution is to just throw demo after demo and hope the user understands what’s going on.

I opted for, you guessed it, a simple and easy to read solution. Plain language of what the product capabilities are on the left, and a nice visual to pair with it on the right. Title text and progress indicators aren’t in “traditional” locations, but I think they add just enough flair to the page.

This is also a sticky scroll section, which I typically HATE. The jury is still out on whether I’ve come around on them or not - but I figured this could be a fun experiment to try and do a sticky scroll site at least somewhat decent.

Okay so I’ll be honest, the demo section is probably my least favorite here… I just am not a fan of typical demos to begin with, it’s hard to do them right.

The issue with this project was I had no actual product to base these off of, so I just sort of went bare bones with a chatbot interface scenario. I do, however, enjoy this little scroll journey you are taken on - I think it serves its purpose very well. And even though I don’t love the demos themselves, I think I was able to execute them fairly well with some fun “pop” animations.

Okay so we skipped out on the traditional “in your face” CTA in the hero section, but this is a SaaS… we have to put one somewhere. I like putting them at the end as a nice little bookend. It felt right to make it a bit simpler and airy, keeping with the overall vibe of the page. This Fraunces font paired with Satoshi is a homer font combo and it carries a lot of the feeling of the closing tagline and CTA. I love when typography does the work for you.

Pair that with the same hover animation for the buttons, and a gentle floor animation, and you’re golden.