Mosspark

Mosspark is a creative production company creating campaigns and commercials for almost a decade.

Project Kickoff

Janis initially discovered me through a previous website I had worked on. She reached out asking if I was interested in collaborating on a new website for Mosspark where she was working on a brand refresh and new strategy.

The original Mosspark website was built on a legacy content management system that made it difficult for the client to update the design and add new components. During the initial kickoff, I recommended building a custom CMS using Sanity and React.

Elevating the user experience

During the process I worked iteratively with Janis and Daeun by suggesting ways to elevate the website experience through design interactions, hover states and animations.

As the website content is media-heavy, I consulted on best web practices such as exporting file sizes and asset compression. I also helped translate desktop designs for responsive and mobile layouts.

Building Components in Sanity

The case studies page was initially designed as a single static template. I suggested breaking the layout into smaller repeatable components that the client could re-arrange into different layouts, which were then built into Sanity.

Feedback, troubleshooting and QA

As someone who learned to code before the existence of AI chat prompts, I don't like to rely ~entirely~ on vibe coding, but I did use the assistance of ChatGPT to generate ideas faster, help iterate on more difficult aspects I was stuck on and troubleshooting questions I had.

After gathering user feedback from Janis + friends, along with a few rounds of QA from the team, I transferred the site hosting and domain. I also ensured the site was fully responsive and performing well across different browsers and devices.

From concept to completion

The website received a lot of positive feedback at reception and was truly a collaborative effort.