Making one’s vision a reality

RedLegg had a vision to redesign their website so they’d stand out from their competitors—they approached Juice Interactive, and we were thrilled to partner with RedLegg to help make their vision a reality. Once the designs were complete, I got to handle the front-end development—I had a lot of fun bringing the designs to life, especially the fun, interactive parts of the site.

Home

SVG & CSS Animations

We stretched the limits of modern browsers by converting the illustrations to inline SVG, allowing them to scale nicely regardless of screen size or pixel density, and brought the illustrations to life by animating them with CSS transitions and keyframe animations. We used GIFs as fallbacks for browsers that don’t support SVGs and CSS animations.

Complete with responsive design, the website looks gorgeous on devices of all screen sizes.

RedLegg

A guide to learning CSS grid layout.

Learn CSS Grid

View Work

Tasty CSS-animated hamburger icons.

Hamburgers

View Work

Digital strategy, creative + development, and social.

Juice Interactive

View Work

Helping local communities connect, eat well & save money.

TwoPlease

View Work

Helping hunger make up its mind.

Foodize

View Work

Created for ministries to fill a need.

JS Bible

View Work

Designed to love, strengthen, and encourage.

Psalms CD

View Work

Wanna work together?

Let’s chat