Back to Home

Quadrant X

Intelligence for Good Logo

🧠 Brand Identity: The Creation of the Logo

The exploration process for this project went through many iterations and produced a range of strong concepts. I even brought in a few designer friends to help decide which directions to showcase in the pitch deck.

I experimented with geometry, node structures, and clustered forms, but the concept that kept resurfacing was the X flowing naturally from the tail of the Q.

Design exploration for the Quadrant X mark and typography

From there, I narrowed the work to 10 viable lockups to present to the client. You can view the full branding brief here.

Six Actual Logo option one
Six Actual Logo option two
Six Actual Logo option three
Six Actual Logo option four
Six Actual Logo option five
Six Actual Logo option six
Six Actual Logo option seven
Six Actual Logo option eight
Six Actual Logo option nine
Six Actual Logo option ten
Six Actual Logo Final


✏️ ⚙️ Website Design & Build

Quadrant X Website

I designed and built the site in SvelteKit. As I developed the logo, I envisioned it in motion, so rather than relying solely on Figma, I began designing directly in code. This approach let me use live animations to guide design decisions in real time.

With limited copy, I leaned into motion—using animated intros and transitions to create engagement. There's still room to expand with richer textures and more immersive interactions, but the foundation established the dynamic character I envisioned.



All we have to do is keep talking.
END