003 / INDEPENDENT / WEB + CREATIVE DIRECTION

this website
is also in
the portfolio.*

*very meta. stay with me.

ROLE Designer / Writer / Builder
PLATFORM Squarespace + Custom HTML/CSS
THE BRIEF 70% organized / 30% weird
why redesign it?

the old site
said what i did.
it didn't show
how i think.

My old portfolio technically worked. The projects were there. The experience was there. The words were definitely there.

But it felt more like a résumé with a URL than a reflection of the way I actually approach content.

I wanted the redesign itself to become evidence: of how I organize information, write for the web, build visual systems and use interaction to give content a point of view.

the brief ↓
01 less résumé.
02 more diary.
03 show the design skills.
04 keep it a little weird.
the visual system

curated chaos.*

*there is, unfortunately, a system behind the chaos.

01 / COLOR
#F7F0DF breathing room
#5A1D2A the grown-up
#C47B9E the personality
#6EA6CC the curveball
#090D0D the anchor
02 / TYPE
big serif energy.
MONO FOR THE RECEIPTS / LABELS / LITTLE ASIDES
and italics when i have something to whisper.
interaction / try it ↓

calm at rest.
chaos on hover.

001 / HOVER ME
content guidelines ↗
the rulebook needed a redesign.
002 / NO REALLY
content lifecycle ↗
interaction should reward curiosity.
003 / ONE MORE
independent work ↗
okay, you get it.
↑ yes, this is the actual interaction system.
information architecture

because pretty
doesn't fix
confusing.

The redesign wasn't just visual. I reorganized the portfolio around workplaces first, then let individual projects live underneath them.

That created a simpler story: where I worked, what I made there and how my thinking evolved along the way.

WORK
ASURION design / learning / data / governance
MP&F web / PR / social / events
NTC community / events / communications
INDEPENDENT brands / freelance / this very website
yes, there's code
definitely-not-breaking-squarespace.html
<a class="project" href="/work">
  <h2>make it useful</h2>
  <p>then make it interesting.</p>
</a>

.project:hover {
  background: personality;
  transform: slightly-weird;
}

@media (max-width: 767px) {
  .chaos {
    still: responsive;
  }
}
not the literal CSS. spiritually accurate though.
and then there were the words

i fired my
corporate narrator.

BEFORE

“My expertise demonstrates my ability to create impactful, user-centered content solutions across diverse industries.”

technically a sentence.
AFTER

“things i made because no one asked me to.”

sounds considerably more like me.
the rules i ended up making
01

show, don't list

If I say I understand web design, the website should probably demonstrate web design.

02

make clicking worth it

Interaction isn't decoration. It should reveal something, orient someone or make exploring feel rewarding.

03

systems make weird work

The strange bits only feel intentional because typography, spacing and structure stay consistent underneath them.

04

sound like a person

A portfolio doesn't need to narrate your résumé back to the person who just read it.

the result
the portfolio stopped being somewhere i put my work and became part of the work.
which means you're technically inside a case study right now. weird.