B+G Website UI Style Guide

June 06, 2018

Part of a recent style guide for the new Boys+Girls agency website. You can view more work from this project here. Check out the live site

B+G Wireframes

June 05, 2018

I thought I'd share a snapshot of some of the early wireframes I created across desktop, tablet and mobile, for the Boys+Girls website I did recently. They were fairly Hi-Fi, so this helped the stakeholders get a sense of the direction f...

Boys+Girls Rebrand - Mobile

May 22, 2018

Mobile designs for the Boys+Girls advertising agency website as part of their rebrand.

Boys+Girls Rebrand - Homepage

May 22, 2018

New mobile design for the featured section of the Boys+Girls advertising agency website as part of their rebrand.

Boys+Girls Home Page

May 21, 2018

New design for the featured section of the Boys+Girls advertising agency website as part of their rebrand.

Rad grad nav 2

The Rad Grad Nav

May 10, 2018

This is the first interactive animated gradient navigation I prototyped in Codepen for the new Boys+Girls website https://boysandgirls.ie https://codepen.io/petebarr/pen/jzmOwO

Boys and girls logo2

Boys And Girls Logo Animation

April 27, 2018

An #svg @codepen prototype of the logo animation I created for the all-new @BoysandGirlsLtd website (https://boysandgirls.ie/) using @greensock's GSAP. https://codepen.io/petebarr/pen/LQWZVp