Brand & Product Design Studio

Bring your brand into frame.

ServicesView our services

A full toolkit for your brand's next stage.

Brand Identity & Strategy

Logos, visual systems, positioning and the story behind them, so your brand looks and sounds like itself.

  • Logo & visual identity
  • Brand guidelines
  • Positioning & messaging

Web & Product Design

Websites and product UX, from research to responsive build.

  • Websites & landing pages
  • Product UX & UI design
  • Responsive build & handoff

Marketing & Content

Campaigns, social, and content across every touchpoint.

  • Campaigns & social
  • Content & copywriting
  • Email & collateral

Brand Growth & Consulting

A clear roadmap from where your brand is today to where you want it to go.

  • Positioning & roadmap
  • Brand audits
  • Ongoing consulting
WorkSee all work

Selected projects.

Hmong Cultural Center

Hmong Cultural Center

Responsive Redesign UX Research
Park n Go

Park n Go

App Design UX Research
Wellness in the Woods

Wellness in the Woods

Brand Marketing Web
HelloSpoke

HelloSpoke

Rebrand Website
Graham Ivy smiling in front of large green leaves
AboutMore about me

Hey, I'm Graham.

Open Frame is my studio. I take brands from A to Z, from the first rough idea to the finished design.

I work with growing brands, nonprofits and startups on everything from the logo to the website.

ContactGet in touch

Ready to bring your brand into frame?

If you have a project in mind, start one here or book a free 30-minute call and we'll talk it through.

Work

Selected work.

Hmong Cultural Center

Hmong Cultural Center

Responsive Redesign UX Research
Park n Go

Park n Go

App Design UX Research
Wellness in the Woods

Wellness in the Woods

Brand Marketing Web
HelloSpoke

HelloSpoke

Rebrand Website
Needlework Guild of MN

Needlework Guild of MN

Identity Web
ContactGet in touch

Like what you see?

I take on freelance projects and collaborations, and I'm open to full-time roles. Tell me what you're working on.

Graham Ivy smiling in front of large green leaves
About

Hey, I'm Graham.

Graphic & brand designer for community-focused organizations. Based in Barcelona, working remotely on US Eastern time.

The studio

Studio of one.

When you work with Open Frame, you work with me. There's no account manager and no rotating cast of freelancers. I'm on your project from the first call to launch, so nothing gets lost in a hand-off and I remember the details.

Before Open Frame I led design and marketing at Wellness in the Woods, a mental-health nonprofit, and was the first design hire at SOTA Extracts, a consumer products startup. I hold a UX & UI Design certificate from the University of Minnesota and a B.A. from Gustavus Adolphus College.

Off the clock I'm usually scuba diving, out salsa dancing, or elbow-deep in some amateur paleontology.

Principles

How I approach the work.

Human-Centered

I design for the people who'll actually use the thing, with their real needs and constraints. Inclusion and context come into every decision.

Creatively Focused

I look for the idea that works for users and for the business. Then I sweat the craft so people remember it.

Data-Driven

I lean on user research, testing and analytics. When a call is hard, I go with the evidence over my own taste.

Always Evolving

I ask for feedback early and iterate a lot. Every project teaches me something I use on the next one.

Off the clock

Life outside the frame.

Scuba diving
Salsa dancing
Fossil hunting
Minneapolis
Career

Where I've worked.

ContactGet in touch

Let's make something together.

Tell me what you're working on, even if it's still a rough idea.

Contact

Tell me what you're building.

Tell me a little about it and I'll get back to you within a day or two. You can also email me directly at hello@openframe.design.

Services

How I can help.

Brand Identity & Strategy

A brand is how people recognize you, trust you and talk about you. I build the whole system: the mark, the visual language, and the positioning and messaging behind them. It all goes into guidelines your team can use without me.

  • Logo & visual identity
  • Brand guidelines & systems
  • Positioning & messaging

Web & Product Design

I design everything from a first landing page to a full product interface. The work is grounded in research, prototyped and tested, then handed off ready to build. Or I build it myself.

  • Websites & landing pages
  • Product UX & UI design
  • Responsive build & handoff

Marketing & Content

Design people actually see. I make the campaigns, social posts, emails and print pieces that carry your brand, and I keep them on-message so they get people to act.

  • Campaigns & social
  • Content & copywriting
  • Email & collateral

Brand Growth & Consulting

Sometimes what you need is a plan. I work as an ongoing design partner. I audit where your brand stands, map where it's going and help you make the calls along the way.

  • Brand audits
  • Positioning & roadmap
  • Ongoing consulting
The process

How we'll work together.

I keep you in the loop from day one. I can take a project from first idea to launch, or step in wherever you already are.

01

Hello & intro call

Free · 30 minutesSend me a note about your goals and we'll get on a free 30-minute call. We'll go over scope and timeline and see if we're a good fit. No sales pitch.

02

Proposal & kickoff

Flat-rate quote · 50% depositI send a clear proposal with a flat-rate quote, so there are no surprises. A 50% deposit gets us started, and then we gather your content, brand assets and references.

03

Draft & revisions

Focused rounds of feedbackWe start with a rough first draft and refine it in focused rounds of feedback. You see every step, and nothing moves forward until you're happy with it.

04

Launch & beyond

Retainer or hourly supportFinal polish, hand-off and launch. After that I'm still around on retainer or hourly, for a tweak, a new page or whatever comes next.

Timelines

What to expect.

Typical project lengths. Every project starts with a free 30-minute call and a flat-rate quote, and I'll confirm your timeline in the proposal.

Brand Identity & Strategy4–6 weeks

From first workshop to a finished identity and brand guidelines.

Web & Product Design6–10 weeks

Research, wireframes, design and a responsive build, ready to launch.

Marketing & Content2–4 weeks

Per campaign, or an ongoing monthly content plan.

Brand Growth & ConsultingOngoing

A monthly partnership, with audits and roadmaps when you need them.

WorkSee all work

See it in practice.

Hmong Cultural Center

Hmong Cultural Center

Responsive Redesign
Park n Go

Park n Go

App Design · UX
Wellness in the Woods

Wellness in the Woods

Brand · Marketing · Web
HelloSpoke

HelloSpoke

Rebrand · Website
Needlework Guild of MN

Needlework Guild of MN

Identity · Web
ContactGet in touch

Not sure where to start?

Tell me what you're working on and I'll suggest the service that fits where your brand is right now.

Park n Go
App Design · UX Research

Park n Go

A mobile app that lets event-goers reserve parking before they leave home, so the night doesn't start with circling the block.

Role

Sole prototyper

Scope

UX research, UI & prototyping

Timeline

3-week sprint · 2023

Tools

Figma · FigJam · Miro

Background

Parking is the one part of a night out no one plans for.

Everyday parking already had plenty of apps, so we narrowed in on the gap no one had solved: event and concert parking. Fans plan every part of a show except where they'll park.

How might we take the most stressful part of attending an event and make it easy?

A packed event parking lot from above
Discover

A stronger signal than we expected.

A survey and four in-depth interviews kept landing on the same problem, parking for events and concerts.

100%struggle to find parking at an event
“

I never know which lot is closest until I'm already circling the block.

78%would pay to reserve in advance
“

I'd happily pay upfront just to skip the stress on the night.

66%spend 10–20 min hunting for a spot
“

No app shows me real-time availability before I leave home.

Define

Who we're designing for.

We picked a primary user and mapped how the parking journey feels, including where the stress spikes and where an app could help.

User persona
Sarah, a frequent concert-goer
Sarah, 27Frequent concert-goer · Houston, TX

Goes to two or three live shows a month around Houston. She plans the outfit, the dinner and who's coming, but never the parking. That's the part that turns a fun night into a scramble.

Goals
  • Reserve a spot before leaving home
  • See price & walking distance up front
  • Arrive calm, not frazzled
Frustrations
  • Circling unfamiliar lots as the show starts
  • No idea what parking costs until she's there
  • Ending up parked far from the entrance
User journey
1
SearchUnsure

“Where do I even park for this?”

2
CompareFrustrated

Too many lots, not enough info.

3
DecideStressed

Guessing, with the clock ticking.

4
ReserveHopeful

A spot locked in, ahead of time.

5
ArriveRelieved

Straight to the space, no circling.

UnsureFrustratedStressedHopefulRelievedSearchCompareDecideReserveArrive
Ideate

From rough sketch to real screen.

The venue-search flow went through three fidelities. We tested the layout as plain boxes before picking any colour.

Lo-fi wireframe
Mid-fi
Hi-fi
High-fidelity venue search screen
Design

Park n Go: parking sorted before the show.

A high-contrast dark UI with a signal-gold accent, prototyped and user-tested from mid to high fidelity. Move your cursor to tilt it. The screens cycle on their own.

Venue search Booking a spot Reservation receipt
Feature 01 · Venue search

Find your event in seconds.

Search by venue or event name and see every nearby lot with live availability, walking distance and price before you commit.

App screenVenue search screen
Quote“

Seeing every nearby lot and price on one screen means I finally trust where I'm parking.

FeatureLive availabilityevery nearby lot, before you leave home
Feature 02 · Booking a spot

Pick a section, set your time.

Preview the lot map, choose start and end times, and compare real-time availability and hourly rate by section, then reserve in a few taps.

App screenBooking a parking spot
Quote“

Picking my section and locking in the time took all of ten seconds.

FeatureReserve aheadcompare rate & availability by section
Feature 03 · Reservation receipt

Everything, in one ticket.

Every booking lives in “My Parking” with the full charge breakdown, section, date and time, plus one-tap directions to the lot.

App screenReservation receipt
Quote“

My ticket, the charge and directions in one place. That's exactly what I always forget to screenshot.

FeatureOne ticketcharge, section & directions in one place
Test

What testing changed.

Five quick usability sessions on the mid-fidelity prototype turned up three fixes.

Observed

Users skated right past the A / B / C section toggle.

Changed

Enlarged the lot-map tiles and added a live availability count to each.

Observed

“Reserve” felt final, so people hesitated to tap it.

Changed

Added a review step with the full breakdown before payment.

Observed

The QR code was buried at the bottom of the receipt.

Changed

Pinned the QR & directions to the top of “My Parking.”

Result
4/5booked a spot unaided on the second pass
~35sto reserve — down from ~90s
3fixes shipped into the hi-fi build
UI design kit

A dark kit built for contrast.

The palette meets AAA contrast. The logo is bold, and the type, color and icons have a street feel.

Color
Black#000000
Signal Gold#FFC857
Dark Grey#212121
White#FFFFFF
Iconography
Typography
AgLexendBold · headings
AgPoppinsBody & UI
Deliver

From a stressful scramble to a few taps.

Park n Go gets the most overlooked part of a night out sorted before you leave home. The three-week sprint taught me to keep the scope tight. We didn't try to fix all parking, only event night, and that made every screen earn its place.

Next stepsValidate the reservation flow with a live pilot at one venue, add real-time lot availability and in-app navigation to the space, and test how far the signal-gold system stretches across ticketing partners. The goal is to get a three-week prototype in front of a real crowd.

Happy concert-goer · parked with Park n GoA happy concert-goer arriving relaxed at an event, phone in hand
Keep exploring

More work.

ContactGet in touch

Ready to bring your brand into frame?

If you have a project in mind, start one here or book a free 30-minute call and we'll talk it through.

All work Responsive Redesign · Nonprofit

Hmong Cultural Center

A responsive redesign for a Saint Paul cultural center, so the people it serves can find classes and resources without fighting the site.

Role

Sole prototyper · research

Scope

Discovery, strategy & design

Timeline

3-week bootcamp
Hmong Cultural Center hero
Overview

Designing for a real community hub.

Over a three-week UX bootcamp, my team partnered with the Hmong Cultural Center in Saint Paul. The center teaches everything from traditional embroidery to citizenship. We wanted to refresh the branding and simplify the site structure so people could get to its resources faster.

Project overview
The approach

The Double Diamond.

Four phases (Discover, Define, Develop, Deliver) took us from a wide-open problem to a focused redesign for mobile and desktop.

01

Discover

A heuristic audit of the current site plus surveys and interviews. There's no direct competitor, so we studied sites serving similar communities and asked new users what a good first visit would look like.

02

Define

We met Mai Yer Xiong, a first-generation immigrant with limited English. She needed a more visual site with clear icons and a quick way to English-language and citizenship classes.

03

Develop

The old sitemap buried the most important resources. We simplified the IA, mapped a fast user flow to language classes, and moved from paper to mid-fidelity wireframes with a bright, high-contrast UI kit.

04

Deliver

We went from mid to high fidelity in three days. The hero pushes signups, the navigation is simpler and color-coded, and every section has a branded banner on mobile and desktop.

Discover & define

Listening first.

hmongcc.org · before
The original Hmong Cultural Center site
User persona: Mai Yer Xiong
Research insights
UI design kit

Bright and easy to read.

Ink#050505
Jade#329459
Fuchsia#FF6388
Cloud#F2F2F2
AaOutfit BoldHeadings
AgOutfit RegularBody & UI
UI design kit Paper wireframes Mid-fidelity wireframes
The delivered site

Built for signup, easy to navigate.

High-fidelity designs
Hero for ESL and citizenship programs
Navigation system
Reflections

The system did the heavy lifting.

Consistent color, type and layout kept the site readable for English-language learners. It also gave us room to bring Hmong cultural elements into the identity and put ESL and citizenship classes up front.

Three weeks for a full redesign meant cutting hard and working fast as a team. We shipped a high-fidelity prototype for mobile and desktop.

Keep exploring

More work.

ContactGet in touch

Ready to bring your brand into frame?

If you have a project in mind, start one here or book a free 30-minute call and we'll talk it through.

All work Product & Marketing Design · B2B SaaS

HelloSpoke

A marketing site for a unified-communications platform with a lot of moving parts. The job was to explain it clearly enough that sales could use it.

Role

Product & Web Design

Scope

Site, IA, design system

Timeline

2023–2024
hellospoke.com
HelloSpoke marketing homepage
Overview & challenge

A complex platform that wasn't landing.

HelloSpoke keeps property teams connected from the first call to the finished request. The product is broad and technical, and the old site didn't explain it. Features overlapped, so prospects couldn't tell what they'd be buying.

  • Overlapping services, unclear messaging
  • Technical language overwhelming buyers
  • No clear funnel, no scalable system
hellospoke.com · before
The original HelloSpoke site

The original site. Dense and hard to read.

The approach

Research to shipped site.

I learned the business, rewrote the story, built a design system and shipped a responsive site.

01

Discovery

Got up to speed on the communications industry, mapped customer personas, and reviewed competitors to find out what visitors were actually trying to learn.

02

Information architecture

Rebuilt the navigation so each product had its own home: Core Platform, Assist, Dialtone, Pricing, Resources and About. Non-technical buyers had less to sort through.

03

UX strategy

Built the site around the five questions a buyer asks. What does it do? Is it for me? Why is it different? What does it cost? How do I start? Each page answers one.

04

Design system & build

Built a reusable system of type, color, buttons, cards and spacing, then shipped it responsive in Divi on WordPress. New product pages go together quickly and stay on-brand.

Key pages

A broad product, made to feel simple.

hellospoke.com
HelloSpoke homepage
hellospoke.com/core
HelloSpoke Core platform page
Design system

One kit for every page.

Navy#003A5D
Emerald#24C676
Spoke Navy#182D3A
Sky Foam#7CD0F4
Fog#F8F8F7
AaNunito BoldHeadings & UI
AgNunito RegularBody copy
Brand shapes and illustration Lou — the AI assistant mascot HelloSpoke logo
Outcomes & reflection

A site sales could use.

The messaging is clearer, the navigation is easier and the identity looks current. The structure supports sales conversations and can grow with new products. It also taught me a lot about designing for enterprise buyers.

UX

  • Information architecture
  • User flows
  • Responsive design

UI

  • Visual design
  • Design systems
  • Component libraries

Product

  • Product marketing
  • SaaS UX
  • Feature comms

Build

  • WordPress · Divi
  • Responsive build
  • Design QA
Keep exploring

More work.

ContactGet in touch

Ready to bring your brand into frame?

If you have a project in mind, start one here or book a free 30-minute call and we'll talk it through.

Wellness in the Woods peer-support graphics
Design System · Marketing · Nonprofit

Wellness in the Woods

Wellness in the Woods offers free mental-health peer support, remotely, 24/7. Over time its brand had become uneven and fragmented, and it lost the voice that made Wellness different. As Senior Design Lead & Marketing Officer, I led a full overhaul. I replaced the disjointed system with one complete package, a scalable design system that works across every subdivision and reconnects the brand to the mission.

Role

Senior Design Lead & Marketing Officer

Scope

Full brand overhaul, design system & marketing

Timeline

Aug 2023 – Mar 2026

Tools

Canva · Adobe CC · Meta Business Suite · Google Ads

Background

A brand that lost its voice.

Wellness in the Woods runs free peer support for Minnesota residents, remotely and around the clock. It has grown into several subdivisions, including the Virtual Peer Support Network, the Warmline, Recovery in the Woods, Recovery on the Road and a podcast. Over the years each one drifted into its own look and voice. The result was an uneven, fragmented system, and the warmth that sets Wellness apart got lost along the way.

How might we build one design system that keeps every subdivision connected to the mission?

A Five Stages session announcement: a figure on a hillside at sunrise
Discover

The voice had drifted.

I lined up a month of posts, flyers and newsletters side by side. VPSN, the Warmline, Recovery in the Woods, Recovery on the Road and the podcast each spoke in their own way, and none of them led with what makes Wellness different.

5+subdivisions, each with its own look and voice
The problem“

The mission was buried at the bottom of the page.

24/7free, remote support, the offer the brand needed to lead with
The problem“

Nothing looked like it came from the same place.

1designer owning design and marketing for the whole organization
The problem“

Staff couldn't post without a designer.

Define

Who we're designing for.

Two groups had to be served at once. People looking for support, and the staff and volunteers who speak for Wellness every week.

Audience 01
Peer participantMinnesota resident, 18+ · looking for support

Needs to find a session quickly and feel safe joining. The voice has to sound warm and human.

Goals
  • See this week's sessions at a glance
  • Join by link or phone in one step
  • Feel welcome before showing up
Frustrations
  • Schedules that change format every week
  • Small, hard-to-read text
  • No clear way in
Audience 02
Staff & volunteersProgram leads · not designers

Post schedules, flyers and announcements every week, and need them to look right without waiting on design.

Goals
  • Update a template in minutes
  • Stay on-brand without guessing
  • Reuse what already works
Frustrations
  • Starting from a blank page
  • No guidelines to check against
  • Waiting on a designer for every post
Ideate

One voice, many programs.

Patching individual posts wouldn't fix a disjointed system, so I did a full overhaul. I set shared type, color, photography and tone, then built them into a complete package of templates and guidelines. VPSN, the Warmline and the podcast each keep their own content while sounding like the same organization.

  • One voice across every subdivision
  • Faster content production for staff
  • Better accessibility and readability
  • Templates staff reuse every week
Weekly events templateThe weekly events flyer template
Design

Warm and easy to read.

Sage and bark tones from the woods, a bold Staatliches headline and plain Lato body text. It looks like the place it's named after.

Monthly VPSN calendar template
Weekly VPSN template
Daily VPSN template
Feature 01 · VPSN calendars

Schedules you can read in a second.

I redid the monthly, weekly and daily VPSN calendars in the same voice and design system. Sessions, times and the join link sit in the same place every time, so regulars know where to look and staff just swap in the new week.

WeeklyWeekly VPSN schedule template
MonthlyMonthly VPSN calendar template
Feature3 schedule templatesmonthly, weekly and daily
Feature 02 · New programs

New programs, same family.

While I was there I launched the design system for the podcast and Next Step. I created their logos and gave each a place in the color system, so they feel like their own programs and still clearly belong to Wellness.

Next Step launchIntroducing Next Step announcement
Design decision“

Every new program starts from the same system, so a launch never means starting over.

FeatureLogo & color for eachthe podcast and Next Step
Feature 03 · Newsletters

Newsletters the community helps write.

I coded our Mailchimp campaigns and automated much of the production. Staff and community members contribute stories and updates, so each newsletter sounds like the people it serves.

Community storyWorld of Reentry session post
Design decision“

Automating the busywork left more time for the stories.

FeatureCoded Mailchimp templatesbuilt once, reused every send
Test

844% more eyes on the fundraiser.

Using Facebook Insights, I posted when our audience was actually online and leaned into the visuals and messages they responded to. Views went from 2.7K in July to 25.5K in September.

Insight

When the audience was actually online.

Changed

Content timing moved to match it.

Insight

Which visuals people stopped for.

Changed

Visuals leaned into what performed.

Insight

Which messages got people engaging.

Changed

Messaging was rewritten around them.

Result · Jul–Sep 2025
844%growth in fundraiser views
2.7Kviews in July
25.5Kviews by September
System

One system that scales.

Shared type, color and voice, packaged as four toolkits so VPSN, the Warmline, Recovery in the Woods, Recovery on the Road and the podcast can each speak for Wellness on their own.

01

Brand toolkit

Brand guidelines, design standards and a Canva template library, so staff and volunteers stay on-brand without a designer in the room.

02

Marketing & social

Fundraising campaigns, event promotion, and paid and organic outreach on Meta and Google to recruit program participants.

03

Curriculum

I wrote and designed the curriculum, facilitator guides and participant materials for a free 24/7 peer-supporter program covering mental health, LGBTQ+ rights and cooking.

04

Print, video & events

Flyers, signage, newsletters, presentation decks and conference materials, plus video content made under strict identity-protection rules for participants and staff.

UI design kit

Grounded and hopeful.

Colors taken from the woods, a bold display face for headlines and a plain body face for reading.

Color
Bark#57463D
Sage#949D79
Periwinkle#5F6E9C
Cream#F8F5E4
Iconography
Typography
AgStaatlichesDisplay & headings
AgLatoBody copy
Deliver

Reconnected to the mission.

The fragmented system is gone. In its place is a complete package that scales across every subdivision, from VPSN to the podcast, so Wellness speaks with one voice and every piece points people to the same next step.

While I was there, Wellness secured $1M in grants and grew fundraiser views 844%.

World of Reentry · weekly sessionTwo people embracing, from the World of Reentry session post
Keep exploring

More work.

ContactGet in touch

Ready to bring your brand into frame?

If you have a project in mind, start one here or book a free 30-minute call and we'll talk it through.

Needlework Guild of Minnesota
Identity Redesign · Web Development · Nonprofit

Needlework Guild of Minnesota

A full identity redesign and a rebuilt website for a guild stitching together since 1972. The 86-page maze is now a simple site that invites people to join.

Role

Brand designer & web developer

Scope

Full identity redesign & web development

Timeline

Dec 2024 – Present

Tools

Figma · Wild Apricot · HTML/CSS · Claude Code

Background

Fifty years of stitching, hidden behind the menu.

The Guild runs monthly groups, workshops, a lending library and an annual retreat for around 200 members. Its old site had grown to more than 86 pages, and the banner and menu took up half the screen before any content began.

How might we make the Guild feel as warm online as it does in the room, and make joining the obvious next step?

The Guild's previous homepage, with a tapestry banner, photo strip and long menu above the content
Discover

Too much site, not enough direction.

An audit of every page and conversations with members kept pointing at the same problem: there was a lot here, and no clear way through it.

86+pages, some only holding stray links to advertisers
What we heard“

People don't know where to go.

15+menu categories, each with its own sub-items
What we heard“

It doesn't feel fresh.

½of the desktop screen taken by the menu, and more than a full screen on mobile
What we heard“

I couldn't tell how to join.

Define

Who we're designing for.

Members already knew their way around. The site had to work for the person who hadn't been to a meeting yet.

Proto-persona
Carol Lindqvist, the newcomer proto-persona
Carol Lindqvist, 58Picked up a needle last winter · Bloomington, MN

Stitches alone at home and wants company. She's heard of the Guild but can't tell which group to try, when it meets, or whether a beginner is welcome.

Goals
  • Find a group that fits her schedule
  • Know what to expect before she walks in
  • Join without a phone call
Frustrations
  • A menu longer than the page
  • Meeting times buried in paragraphs
  • No obvious place to sign up
Newcomer journey
1
DiscoverCurious

“Is there a place for this near me?”

2
ChooseUnsure

Seven groups. Which one is for me?

3
VisitNervous

Walking in, not knowing anyone.

4
JoinWelcomed

$30 a year, in a few steps.

5
BelongAt home

Every link a member needs, in one hub.

CuriousUnsureNervousWelcomedAt homeDiscoverChooseVisitJoinBelong
Ideate

Less reading, more stitching.

The first draft set the direction. Fewer words, more photos and a simple layout that lets the stitching speak for itself.

Every choice was measured against one goal. The site exists to turn curious visitors into new members, so the path to joining had to be visible from the first screen.

  • Cut the text, lead with photos
  • A modern, simple layout
  • Make joining the obvious next step
First draftThe first homepage draft
Design

A homepage that says come in.

The homepage opens on one warm line, a photo and a Join button. Visitors are invited in on desktop and phone alike, instead of being met with paragraphs.

needleworkguildmn.org
The new homepage on desktop
The new homepage on mobile
Feature 01 · Menu & logo

From 15+ categories to five.

The menu went from a wall of categories to five clear items with two dropdowns, plus Log In and Join Now. A new Minnesota-and-needle mark replaced the old outline logo.

MobileThe new mobile menu, open
DesktopThe new desktop menu with the Meetings dropdown open
Feature5 menu itemsdown from 15+ categories
Feature 02 · Member Hub

Everything members need, behind one login.

One Zoom link for every monthly meeting, then the directory, minutes, newsletters and bylaws. It replaces links that used to be scattered across old emails.

MobileMember Hub on mobile
Design decision“

The Zoom link is the first card because it's the one thing members need every single month.

FeatureMembers-only hubZoom, directory, minutes & newsletters
Feature 03 · Joining

Joining in fewer clicks.

Join Now sits in the header on every page and leads to a one-page pitch with a single button to the application. That's a click or two shorter than the old path.

MobileJoin page on mobile
Design decision“

One page, one price, one button. The $30 membership and what it includes are in plain view, so there's nothing to hunt for before applying.

FeatureFewer clicks to joinone button from any page to the application
Test

What board feedback changed.

After each release the board sent notes. Every one went into a tracked backlog, and each fix went back to them with a plain-language answer.

Heard

The board wanted more photos of members and their work.

Changed

Added photos to every group card, a photo gallery on the About page and photo-led sections across the site.

Heard

Centered photos and red notes on event pages kept reverting.

Changed

Traced it to two !important rules overriding the editor. Colour and alignment now defer to whatever volunteers set.

Heard

The board asked for a rotating advertiser banner.

Changed

Shipped a static logo strip instead. Every sponsor shows at once, in charcoal at rest and full colour on hover or keyboard focus.

Result
1stylesheet styles the whole site
55design tokens, checked by a script
0one-off style blocks left in any page
System

Built so volunteers can keep it.

Wild Apricot can't publish from code, so every change follows the same four steps from the repo to the live site.

01

One source of truth

Each page is plain markup, and all styling lives in one stylesheet. No page carries its own styles, so nothing drifts out of sync.

02

Design check

A script checks every change: sizes and fonts only through tokens, colours only from the palette, and no class left without a style.

03

Build

A build step strips maintainer notes from paste-ready copies and bundles the header and footer, so volunteers paste one file per gadget.

04

Paste & verify

The stylesheet is pasted into Wild Apricot's CSS tab, because its security policy blocks outside stylesheets. Native forms are checked in the browser console before any selector is written.

UI design kit

Warm, quiet and made of linen.

Thirteen colour tokens, two typefaces and fifteen type roles, all defined once and reused on every page.

Color
Sage#5C7A52
Rose#B87260
Linen#F0EAE0
Charcoal#242424
Iconography
Typography
AgCormorant GaramondDisplay & titles, italic accent
AgDM SansBody & UI
Deliver

A front door that feels like the room.

The Guild now has a site that looks like the craft and reads like the people in it: a menu you can take in at a glance, groups you can find in one look, a hub for members, and a Join button on every page. Together with a new identity and newsletter, it drove the Guild's first engagement growth in 15 years.

Behind the scenes, one stylesheet, a token system and a checked build mean the next volunteer can make a change without breaking the rest.

Guild members, stitching togetherGuild members smiling around a table with their stitching
Keep exploring

More work.

ContactGet in touch

Ready to bring your brand into frame?

If you have a project in mind, start one here or book a free 30-minute call and we'll talk it through.