Spread the Jelly

Spread the Jelly is an independent publication dedicated to sharing stories about modern motherhood, so I built them a modern blog site that puts their sticky, unfiltered narratives front and center. Built with Prismic CMS and Nuxt 3. Deployed via Netlify.

To create a pleasant user experience, I translated their static wireframes into an energized editorial platform by using quirky, brand-aligned micro-interactions and animations on every page. The custom Search module is lightning-fast, scanning every article on the site and returning the results in real time.

I chose Prismic CMS (content management system) to build a customized, hassle-free editing experience for this client. Content management is easy-breezy, thanks to shareable page previews, revision history, post scheduling, and an integrated media library.

The backend editor is custom-coded to be totally modular: each content block (called “slices” in Prismic) can be added and rearranged to build article pages as diverse as every reproductive journey. Many of the slices feature flexible design options, too, allowing STJ’s team to customize each article while staying on-brand.

I implemented a simple click-to-copy-email function, because I know you’re all right-clicking email links and copying the address, anyway.

All the site’s forms are built from from scratch, so they aren’t reliant on bulky, third-party code that can slow down the site. And, the newsletter signup forms are set up to post new subscribers directly to Spread the Jelly’s contact list on Klaviyo.

Project Roles
Developer, Front-End Developer, UX/IA Designer, Designer
Company
Spread the Jelly
Skills
Content Management, CSS, Design, Front-End Development, HTML, Adobe Illustrator, JavaScript, Mobile, MVC Frameworks, Adobe Photoshop, SEO, Technology, Vector, WebGL, Project Management, Vue.js, Nuxt.js, Experience Design, GSAP, Accessibility Standards (WCAG), HTML5, NodeJS, ChatGPT
Media
Websites
Project Industries
Lifestyle, Media
Spread the Jelly
Spread the Jelly
Spread the Jelly
Spread the Jelly
Spread the Jelly
Spread the Jelly
Spread the Jelly
Spread the Jelly
Spread the Jelly
Spread the Jelly
Support