Skip to content

A blueprint-driven rebrand for a Brooklyn marketing agency — engineering precision applied to a category that usually hides behind soft gradients.

Works
Category
Web Design, Branding, Visual Design
Year
2025
Services
Brand Identity, Web Design, UI/UX, Social Media
Client
APS Marketing Group
04/ 21

Role

UI/UX Strategist & Lead Designer

Location

Brooklyn, NY

By the numbers

10+
Client projects
Websites, mobile apps, and dashboards.
+20%
User engagement
Average lift across shipped projects.
+40%
Social engagement
Average follower-engagement lift on campaigns.
Sole
In-house designer
Personas → wireframes → prototypes → usability testing.

Marketing simplified.

Marketing agencies tend to look like marketing agencies — gradients, lifestyle stock, vague verbs. APS earns trust by doing the opposite: a literal blueprint, drawn in saturated red on a working-grid ground. The site reads less like a portfolio and more like the spec sheet for a building. Every dimension mark, every ruler tick, every dotted construction line says the same thing — we measure twice.

01 / 04

Part One — Identity

screens 01–02

The identity is built from three locked elements: a red navigation-arrow mark inside a circle, a chunky condensed display sans for headlines, and a working construction grid that doubles as the ground for every page. The mark reads as a "you are here" pin — fitting for an agency whose entire pitch is wayfinding through a noisy market. Nothing in the visual system is decorative; every line either measures, frames, or directs.

APS Marketing Group homepage — isometric "Marketing Simplified" wordmark on blueprint ground
Home — the wordmark sits in axonometric projection over a tagline laid along the same vanishing line. The whole frame is a construction drawing of itself.
02 / 04

Part Two — Service architecture

screens 03–05

A subscription marketing agency lives or dies on whether a first-time visitor can name what you sell. APS's offering — twelve overlapping disciplines from social media to web maintenance — was compressed into three verbs: Perform, Develop, Innovate. Each pillar opens into a sub-list of four deliverables and one earned-trust paragraph that previews the case-study evidence. The visitor never sees a menu of twelve services; they see three promises, each backed by proof. The result is an offering that feels both focused at first glance and deep on inspection.

APS service page — Perform pillar expanded with Social Media, SEO, Community Management, Data Analytics
Perform — paid + organic growth.
APS service page — Develop pillar expanded with Web Development, Web Maintenance, Conversion Optimization, Analytics Integration
Develop — site engineering & ops.
APS service page — Innovate pillar expanded with Brand Identity, Web Design, Collateral, Content Creation
Innovate — brand, design, content.
03 / 04

Part Three — Editorial & case studies

screens 06–08

Long-form is where most agency sites quietly fall apart — the brand carries the homepage but evaporates the moment you land on a blog post. APS solved that with a typographic editorial system: case studies are numbered like museum exhibits (01 Prestige, 02 Everest), and the blog grid is built from a single repeating cell anchored by a "TYPE" pull-quote frame. That one unit scales from one card to a hundred without ever needing a new layout. The article reading view inverts the same vocabulary — pull quote on the left, two-column body on the right — so brand, index, and read all share the same construction logic.

APS Our Work page — numbered case study cards (01 Prestige, 02 Everest) with service tags and intro copy
Our Work — case studies indexed by client.
APS blog index — eight typography-led cards in a 2x4 grid, each anchored by a "TYPE" pull quote
Blog — repeating typographic unit, stamped at scale.
APS blog article reading view — pull quote on the left, two-column body on the right
Article — pull-quote ground, two-column body, byline footer.
04 / 04

Part Four — Mobile system

screens 09–13

Most blueprint-style brands collapse on mobile — the dimension marks get crushed, the rulers get cropped, and the system reads as decoration rather than infrastructure. APS's mobile system holds the construction grid at 375px without losing a single mark: the vertical ruler still runs the full edge of the screen, the social tabs fold into icon-only parallelograms, and the three-pillar service architecture restacks vertically while keeping its registration brackets intact. Every screen — home, service, case study, blog index, article — is drawn in the same vocabulary as the desktop, just routed through a narrower frame.

APS mobile — homepage with Marketing Simplified isometric wordmark
Home
APS mobile — service detail with Perform expanded above stacked Develop and Innovate
Service
APS mobile — case study card 01 Prestige with service tags and read-more link
Case study
APS mobile — stacked blog cards with TYPE pull quotes
Blog index
APS mobile — blog article reading view with pull quote and body copy
Article
§ PaletteLocked, four roles
APS Red#E63329
Primary · marks · construction lines · CTAs
Ink#0B0B0E
Type · captions · footers
Paper#EDEDEA
Ground · canvas · grid
Dimension#9CA3AF
Secondary marks · rule weights · soft greys
§ ScopeWhat was delivered
  • 01Brand Identity
  • 02Web Design
  • 03UI/UX
  • 04Social Media
  • 05Editorial System
  • 06Iconography