Brand Identity · Web Design · Portfolio System

SQ Interactive —
Brand & Website

Designed and built the full company website from scratch — brand identity, portfolio showcase, and client acquisition funnel. From zero to live, entirely self-directed.

ClientSQ Interactive (Self)
ScopeBrand + Web + Identity
ToolsFigma · HTML/CSS/JS
StatusLive · sqinteractive.com
SQ Interactive website
SQ Interactive — live website at sqinteractive.com
Overview

Building the Studio That Builds Everything Else

SQ Interactive is my creative technology studio. Before I could take on client work, I needed a brand and web presence that demonstrated exactly what I could do — not just described it. The website had to be the portfolio piece itself.

I designed the full brand identity from scratch: logo, colour system, typography, and visual language. Then built the website in clean HTML/CSS/JS — no frameworks, no templates. The result is a fast, distinctive, conversion-focused studio site that has directly generated client enquiries.

0Templates Used
Livesqinteractive.com
SelfDirected & Built
Brand Identity

The Visual System

The SQ Interactive brand needed to communicate technical precision and creative ambition simultaneously. The mark is geometric and bold. The colour system uses electric cyan against deep navy — a palette that reads as both tech-forward and premium.

SQ Interactive business card front
Business card — front
SQ Interactive business card back
Business card — back
Personal card front
Personal card — front
Personal card back
Personal card — back

Web Design

The Website

The site is structured as a client acquisition funnel — hero statement, work showcase, capabilities, and a direct contact CTA. Every section was wireframed in Figma first, then built in code. No CMS, no page builder — just clean, hand-written HTML/CSS/JS that loads fast and works everywhere.

Website design detail
Website — portfolio section layout
Logo mark
Logo mark — transparent background version
Brand typography
Brand typography system

Marketing Collateral

Print & Digital Assets

Brochure page 1
Studio brochure — page 1
Brochure page 2
Studio brochure — page 2
Final brochure
Final print-ready brochure

Tech Stack

Tools & Technologies

HTML5 CSS3 JavaScript Figma Illustrator Photoshop Brand Design Print Design

Need a Brand & Website Built Right?

I design and build complete brand identities and web presences for studios, agencies, and product companies.