Our Wedding Website | Matthew Lewicki

Fall 2023

Key to delivering a seamless and cohesive experience for our wedding guests (young and old) was developing a website that mirrored the look, feel, and tone of the printed matter. I hand-coded this website with pure, semantic HTML, CSS, and JS and took special care to deliver information clearly, beautifully, and with all the affordances and standards the web provides.

TKTK — scanned RSVP with instructions - light

TKTK — scanned RSVP with instructions - dark

Screens

A Perfect Match

The site uses the same type and grid system as the invitation suite, but fonts scale responsively to fit the visitor's device and dark mode keeps the viewing experience comfortable at night. Information is progressively disclosed, which makes the base site aesthetically elegant and intuitive.

screenshot of wedding invitation on a tablet sized screen — Wedding Invitation - web

scan of letterpressed wedding invitation — Wedding Invitation - print

"Something old, something new"

By keeping the site design bespoke and formal, I was able to add the things that make the web wonderful, like "Add to Calendar" buttons, private pages, animated image galleries, and links to helpful resources and phone numbers without things feeling chintzy or cluttered by third-party branding.

Desktop site

Mobile site

Save The Date page
After Party page
Menu navigation
Q&A section

Visit lorussolewicki.com

Details

Detail shot of the embossed effect on Marissa and Matthew's wedding website — text emboss effect matching printed matter

Detail shot of the embossed effect on Marissa and Matthew's wedding website — dark text emboss effect

TKTK — menu with light colors

TKTK — menu with dark colors

animated frosted glass effect on the sticky RSVP callout

responsive location disclosure animation

Tags

Family Project
Web Design
Website
HTML
CSS
Javascript

Attributions

Element	Source
Fonts	Edwardian Script (with Alternates) Berthold Akzidenz Grotesk Mrs. Eaves

Related Work

2023

Our Wedding

Print Suite
- Family Project
- Printed Matter
- Monogram
- Signage
- Stationary
View

About Matt

My work focuses on user interface design, visual identity, and printed matter. I have over a decade of experience designing for print and digital, developing bespoke front-end experiences, and maintaining large design systems.

Brooklyn, NY

Available To Hire

Full Bio

I was born and raised in Plainville, Massachusetts, by a school teacher and the owner of a deli and cafe. I grew up playing sports, making music, and developing a deep appreciation for the seasons and scenery of New England.

In 2009, I moved to Baltimore to study at the Maryland Institute College of Art, where I earned a BFA in Graphic Design with a minor in Bookmaking. While there, I founded Hidden Vision Records, a cassette tape label that grew out a love for experimental and avant-garde music. HVR produced 16 Baltimore-centric noise and punk releases between 2013 and 2017.

At the same time, along with some friends from back home, I helped launch The Narrator, an independent arts and literary magazine. We published five issues of prose, poetry, and visual art. For each issue, I created a highly produced (for the time) digital counterpart.

After graduating from MICA, my future wife and I spent a brief stint in Boston, during which we also traveled a bit, spending a month backpacking through Europe and another month cross-country roadtripping across the U.S.

In 2014, we moved to Washington, D.C., where I worked my way up from barista to lead designer at Dolcezza Coffee & Gelato. My work included signage, packaging, event promotion, and more, including the pitch that secured the company a permanent partnership with the Hirshhorn Museum.

In 2017, I joined the beauty retailer Bluemercury as a packaging designer. I began working on digital campaigns and was soon promoted to lead site designer. Over the next five years, I helped redesign and develop Bluemercury’s e-commerce platform and broader digital presence.

While at Bluemercury, I co-founded Garden Party, a small creative studio focused on custom web and identity work. In our first few years, we designed several brand identities and developed a couple cool web apps.

Since 2024, I’ve been freelancing and building tone.audio, a co-op structured music listening service, from Brooklyn, where I live with my wife. I’m currently available for full-time, part-time, and contract work.

Work History

Work
- Tone.audio 2024 – Current
  
  Lead Product Designer
- Freelance 2024 – Current
  - Foreground 2025
  - Sam's Listening Bar 2025
  - Griefcat 2024
  - Amplify Wellness 2024
  - The Race of Gentlemen 2024
  - All Things Go Music Festival 2024
- Bluemercury 2017 – 2024
  
  Lead Web and UX Designer
- Garden Party 2019 – 2021
  
  Co-Founder
  - Commonwealth Giant 2021
  - BlastlandECM 2020
  - MU Arts Live - The Ware Center 2020
  - Swan Shop Vintage 2019
- Dolcezza Coffee & Gelato 2015 – 2017
  
  Lead Designer
- Freelance 2014 – 2017
  - Coffee District 2017
  - Internet Governance Forum 2016
  - Triple Crown Records 2014
- Hidden Vision Records 2013
  
  Founder
- Topshelf Records 2012
  
  Design Internship
Education
- Maryland Institute College of Art 2009 – 2013
  
  Graphic Design – BFA
  Bookmaking – Minor

Around The Web

About this site

In an era of internet behemoths, I take pride in maintaining this little hand-coded plot of cyberspace.

It's a place to showcase my work, but it's also somewhere I hope to post life updates, resources, photos, recordings, and writing. Feel free to bookmark this site and check back for updates.

Attributions

This site is pure HTML, CSS, and Javascript. I try to give meticulous credit throughout my portfolio to any resources I didn't produce myself.

Everything is bespoke and from scratch by my hands or cited collaborators. Any external resources, frameworks, or embeds are listed below or at the bottom of the page on which they appear.

Site-wide attributions
Element	Source
Welcome area spinning gradient	Blurred MacOS spinning wait cursor designed by Apple Inc.
Headshot	Marissa Lorusso
Fonts	Your browser's default fonts

Theme Preference Light Dark System

Something wrong?

If you see anything out of place on this site, please let me know.