Episode 22: Collaboration and SVG Animation

rethink.fm

Photo credit: Puk Patrick on Unsplash

Collaboration – Teaming up to tackle larger projects

In this episode, I’m chatting with Cathi Bosco and Joe Dooley about a large project we did together. We talk about our roles and how we worked together. One of the challenges we tackled was incorporating a flexible animated icon system using SVGs — and what was involved in building that.

---

Listen to Episode 22

---

Cathi Bosco

Creative Director, Digital Consultant, Web Designer, Artist, Illustrator, Children’s Book Author, trail runner, dog lover & free thinker…

My specialty is creating beautiful and cohesive web presence packages for clients that can convert audiences and present content elegantly (think modern and clean presentation). Our sites are built on The Genesis Framework and they function exceptionally well for a wide range of programs, communities, organizations, and companies.

If you have an unusual challenge – we are all ears… tell us about your project and ideas! We don’t take on each and every proposal that comes along, but if we feel we can add value to your plans or programs, we’ll gladly get you a quote and get to work for you.

I also think CSS transitions and CSS + SVG animations are very effective slightly below the surface. Designed to feed the human reward system. Always leaving the end user ‘in control’ of the navigation but royally rewarded aesthetically. This is for upper-end projects and can also help to differentiate sites from low-end, non-custom work… when done well. We all love this stuff… transitions and animations that are so subtle they beautifully and intriguingly enhance end-user experiences. Along with collaboration, they are key to forward momentum for Genesis developers and designers

---

Joe Dooley

Joe Dooley often describes himself as largely driven by analytics and a keen passion for SEO. His Tampa SEO company implements cutting edge practices to boost website conversion and meet his client’s marketing goals. Working as a front-end web developer and leading Developing Designs allows Joe to nurture the business aspirations of his clients as he works with them to advance their marketing platforms in exciting directions leading to success.

---

Sponsor – IHateTomatoes.net

This episode is sponsored by IHateTomatoes.net – Front-End Development Courses

Don’t let the name confuse you. This is the comprehensive resource that we used to build our SVG animations for the project mentioned in this episode. Petr Tichy is passionate about front-end development and offers three free introductory courses — React 101, Greensock 101 and ScrollMagic 101 — and when you are ready to take your front-end dev skills to the next level, he has affordable online workshops in React, web animations. High quality video tutorials that show you step by step how to accomplish some very amazing things.

Master front-end development and take your React, GreenSock and ScrollMagic knowledge to the next level.

Check out IHateTomatoes.net today.

Where to find us:

Website: C and D Studios
Website: Developing Designs
Website: Jackie D’Elia Design

Twitter: Cathi Bosco
Twitter: Joe Dooley
Twitter: Jackie D’Elia

Tools and Resources discussed:

Greensock
ScrollMagic
IHateTomatoes.net
Panetheon
WP Engine
Pagely
SVGMO

---