Web Development — Jori Bercier

Web Development & Strategy

A website is the first handshake. It either earns trust or loses it before a single word gets read. Every project here started with a question: what does this community, this client, this person actually need people to feel when they land on this page?

The work ranges from full builds with SEO architecture, AI search optimization, and customer pipelines, to ongoing maintenance and brand stewardship for organizations that just need someone reliable to keep the lights on.

Yes, this portfolio page was also designed by me. I know. Make of that what you will.

Works in
Squarespace WordPress Wix Lovable Vibe Coding HTML / CSS SEO & AI Search

Full Rebuilds & Strategy

Full Rebuild

Elegance as a Strategy

Client Joey VanPelt, MUA
Platform Squarespace
Scope Full Build SEO Booking Pipeline Brand Voice

Joey VanPelt is a luxury bridal makeup artist in the Pacific Northwest. The old site wasn't doing justice to the quality of the work. The goal was simple and hard: make someone feel the experience before they book it.

Elegance was the brief. Every type choice, spacing decision, and layout call was filtered through one question: does this feel like the kind of artist someone trusts with the most important day of their life?

The build included a full SEO architecture pass, optimized metadata and alt text, a streamlined booking pipeline, and a brand voice that reads as warm and confident without trying too hard.

Full Squarespace build from scratch SEO architecture & metadata strategy Brand voice development Booking pipeline & client flow Photography art direction
Visit Site ↗
About page
joeyvanpeltmua.com/about
Full Rebuild

When the Design Has to Do the Work Too

Client Trauma-Informed Design Society
Platform Wix
Scope Full Build Trauma-Informed UX Membership Pipeline SEO

The Trauma-Informed Design Society doesn't just teach trauma-informed principles. It has to embody them. Rounded corners, soft color palettes, predictable navigation, no surprise interruptions — every design decision is a practice of what the organization preaches.

The site IS the argument. Anyone who lands on it and feels immediately at ease has already experienced trauma-informed design in action, before reading a single word about it.

The build prioritized low-stimulus layouts, clear wayfinding, an accessible membership onboarding flow, and an academy structure that makes navigating course offerings feel calm rather than overwhelming.

Trauma-informed UX architecture Soft palette & rounded UI system Academy & credentialing pipeline Membership onboarding flow SEO & accessibility audit
Visit Site ↗
Homepage
tidsociety.com

Maintenance & Ongoing Support

Event Page Design

Setting the Scene Before Anyone Walks In

Client Historic Wallingford
Platform WordPress
Scope Event Page Brand Extension Ticket Pipeline

The 2025 Roaring Twenties Speakeasy fundraiser needed a page that felt like the event — atmospheric, a little mysterious, the kind of thing that makes you want to show up. The design had to do the selling before the copy did.

Event-based design is theater. The page is the lobby. If it doesn't set the mood, the event starts at a deficit before anyone arrives.

Built within the constraints of Historic Wallingford's existing WordPress site and brand, the page extended the identity into something immersive without breaking from what people already recognize as the organization.

Event landing page design Ticket & RSVP pipeline Atmospheric visual design within existing brand Mobile-optimized layout
Visit Page ↗
Event landing page
historicwallingford.org/speakeasy/

↗ click to visit the live page

Research Project Page + Interactive Popup

Design as Accountability

Client Historic Wallingford
Platform WordPress
Scope Content Page Custom Popup Values Alignment

The Indigenous Histories Research Project page had a harder job than most: it needed to acknowledge land, history, and community responsibility before asking anything of the visitor. The design couldn't just look respectful — it had to be structured that way.

The landing page popup was intentional. Before anyone scrolls, they're asked to sit with a statement of intent. That's not a UX convention. That's an organizational value expressed through design.

This is what thoughtful design looks like when a nonprofit actually means what it says about its values. The popup wasn't an afterthought — it was the first argument the page makes.

Values-aligned page architecture Custom entry popup modal Content hierarchy & editorial layout Accessibility & mobile optimization
Visit Page ↗
Research page with entry popup
historicwallingford.org/indigenous-histories-research-project/

↗ watch for the popup when the page loads

Your site should work as hard as you do.

Whether you need a full rebuild, a strategy refresh, or just someone to keep things running well — let's talk about what your site actually needs.