IGA Animation Guidelines

As part of the new IGA brand rollout, I created animation guidelines to ensure consistency and improve efficiency. The guide included motion principles, modular layouts, and reusable templates. Screenshots are shown below, but the prototype link is the best reference, offering the full animated guide later published as a web page for designers.

View guidelines prototype
After Effects, Figma
IGA Animation Guidelines page showing motion principles with two illustrations: staging with a large red oval above a small black oval, and overshoot with two pink ovals on a blue background.IGA brand guidelines showing various logo versions including the standard red oval IGA logo, slanted logo at 21.9 degrees, and 'You can't beat local' tagline in stacked and horizontal layouts on black and white backgrounds.Examples of IGA's oval motif used as a background and image mask around a phone screen, a Cadbury Favourites chocolate box, a woman shopping, and a dish of seafood.Six colorful digital screen layout examples with headers, subheadings, product images including Moccona coffee, tomatoes, Cadbury chocolates, a phone screen, a person, and a shrimp dish, featuring IGA branding and promotional price badges.