Design•Motion•Editing

Adobe Systems

Digital Media & Marketing

More Videos

Location

San Francisco, CA, US

Brief

Deliver a suite of creative assets across Adobe's product lines, including short-form motion graphics for Adobe Target's social media channels, a digital and print brochure with infographics for the Adobe Marketing Cloud & Director Confessions report, layout and typographic design for Adobe Advertising Cloud ensuring readability and inviting flow, and an animation for an Adobe Target case study for Marks & Spencer.

Tools

Adobe Photoshop, Adobe Illustrator, Adobe Indesign & Adobe After Effects

...Adobe empowers everyone, everywhere to imagine, create, and bring any digital experience to life...

Adobe Target & M&S Case-Study

The “Never the Same Again” strategy marked a shift in how M&S approaches digital, moving from a traditional retail model to a more data-driven, online-first experience. Using Adobe Analytics and Adobe Target, the business focused on personalising the customer journey across key categories, tailoring product recommendations and content based on individual behaviour to better reflect how people shop online.

This approach is supported by ongoing testing and optimisation, with teams using experimentation to refine performance and improve results. By replacing generic messaging with more relevant, personalised content, M&S has increased engagement, strengthened conversion, and built a more consistent digital experience across its website, app, and wider marketing channels.

Bold ‘How’ text drops with squash and stretch animation, showcasing motion graphics for global campaigns and marketing animation services
‘Drive’ text zooms forward with explosive shapes and layers, demonstrating branded content for enterprises and motion graphics design
‘Interactions’ text with animated nodes and UI links, highlighting visual storytelling for events and interaction design systems
Customer icon enters interface with loading bar animation, illustrating marketing animation services and digital user interaction

Storyboard Stage

The hand-drawn storyboard process for Adobe animation projects transforms creative concepts into illustrated visual plans. Each frame is carefully designed to show characters, camera angles, scene composition, and timing, providing a clear blueprint for 2D animation and motion graphics production.

These hand-drawn storyboards guide animators in Adobe After Effects, ensuring consistent pacing, smooth transitions, and cohesive visual storytelling. This approach streamlines the animation pipeline, reduces revisions, and delivers high-quality animated content for campaigns, presentations, and multimedia projects.

Rotating circles collide to reveal ‘how M&S drives,’ demonstrating kinetic typography and motion graphics for global campaigns
Text zooms forward as shopping cart transitions across screen, showing digital brochure design and retail animation concepts
Cursor clicks trigger loading animation and transitions, showcasing marketing animation services and UI motion design systems

Styleframe Stage

Styleframes for Adobe animation projects are single, fully realized images that define the visual look and feel of a scene before full animation begins. Created in Adobe Illustrator, they establish colour palettes, composition, typography, and character or environment design, providing a reference for motion graphics and 2D animation.

Imported into Adobe After Effects via the Overlord plugin, these styleframes guide animators through timing, transitions, and scene continuity. This process ensures consistent, high-quality visual storytelling and streamlines the animation work-flow for commercials, presentations, and multimedia campaigns.

Bold ‘How M&S Drives’ text with vibrant shapes, representing creative direction for tech brands and retail marketing visuals
Shopping cart moves across layout masking text, illustrating branded content for enterprises and e-commerce animation design
Cursor clicking interaction button highlights customer journey, showcasing marketing animation services and UX motion design
Adobe logo end frame from animation, representing corporate branding visuals and digital design for global campaigns

Advertising Cloud

The storyboard process for Adobe animation projects begins with hand-drawn sketches that bring the creative concept to life. Each frame is carefully crafted to map out characters, camera angles, scene composition, and timing. This traditional approach ensures that the visual narrative is clear and compelling before moving into digital production.

Once the hand-drawn storyboards are approved, they guide animators in Adobe After Effects and other tools, helping to maintain consistent pacing, transitions, and overall flow. This structured workflow streamlines animation production, reduces revisions, and ensures high-quality motion graphics for campaigns, presentations, and multimedia content.

Desktop and laptop display Adobe Advertising Cloud UI, showcasing corporate branding visuals and digital marketing platforms

Rory's approach was to space out the content more effectively - I felt it had been produced very randomly and haphazardly which resulted in literature that was not easy to read or digest.

Broadening the use of typographic weights proved to be a great idea as it helped hugely in augmenting the document and giving a far clearer hierarchy of information that the consumer would be able to read more comfortably.

Printed Adobe Advertising Cloud brochure highlighting publication design services and enterprise marketing strategies
Closeup brochure view showing programmatic marketing insights, reflecting publication design services and data storytelling

Director's Confessions

Asked to create a brochure for Adobe’s annual Report - that years publication focussed on Creative Director Confessions which documented a survey conducted by Golin which asked a variety of key questions about the creative industry and where is would be heading in the future and what technologies would be the biggest influencers.

The project had to loosely fit within both the look and feel of the previous Adobe brochures, provided to me, although I was given some wriggle room to make changes as I saw fit.

Adobe Creative Directors report cover highlighting publication design services, industry insights and corporate branding visuals
Infographic on tablet presenting survey data, showcasing visual storytelling for events and branded content for enterprises

Utilising a very bright colour palette which were all taken from a set of provided photographs and which, I felt, all worked very well in giving the piece a contemporary feel.

In addition to the copy layout I also created header icons and illustrations to denote chapter headers as well as an infographic which picked out data from the survey and I visualised the information with design and illustration.

Adobe report on laptop featuring infographic layout, demonstrating digital brochure design and publication design services
Open Adobe brochure displaying editorial layouts, highlighting publication design services and creative industry insights

Read the Blog Post

Similar Projects

© MMXXVI  Rory J. Murphy | All rights reserved.

Rory J. Murphy Logo - Click to go back home
Envelope icon linking to an email address for quick and easy contact.
Vimeo logo - click to watch Rory's video projects and portfolio on Vimeo
LinkedIn logo - Rory's LinkedIn page and connect with us
Dribbble icon - click to view Rory's design work and portfolio on Dribbble

Hire Rory

Bold ‘How’ text drops with squash and stretch animation, showcasing motion graphics for global campaigns and marketing animation services
‘Drive’ text zooms forward with explosive shapes and layers, demonstrating branded content for enterprises and motion graphics design
‘Interactions’ text with animated nodes and UI links, highlighting visual storytelling for events and interaction design systems
Customer icon enters interface with loading bar animation, illustrating marketing animation services and digital user interaction
Rotating circles collide to reveal ‘how M&S drives,’ demonstrating kinetic typography and motion graphics for global campaigns
Text zooms forward as shopping cart transitions across screen, showing digital brochure design and retail animation concepts
Cursor clicks trigger loading animation and transitions, showcasing marketing animation services and UI motion design systems
Bold ‘How M&S Drives’ text with vibrant shapes, representing creative direction for tech brands and retail marketing visuals
Shopping cart moves across layout masking text, illustrating branded content for enterprises and e-commerce animation design
Cursor clicking interaction button highlights customer journey, showcasing marketing animation services and UX motion design
Adobe logo end frame from animation, representing corporate branding visuals and digital design for global campaigns
Desktop and laptop display Adobe Advertising Cloud UI, showcasing corporate branding visuals and digital marketing platforms
Printed Adobe Advertising Cloud brochure highlighting publication design services and enterprise marketing strategies
Closeup brochure view showing programmatic marketing insights, reflecting publication design services and data storytelling
Adobe Creative Directors report cover highlighting publication design services, industry insights and corporate branding visuals
Infographic on tablet presenting survey data, showcasing visual storytelling for events and branded content for enterprises
Adobe report on laptop featuring infographic layout, demonstrating digital brochure design and publication design services
Open Adobe brochure displaying editorial layouts, highlighting publication design services and creative industry insights
Envelope icon linking to an email address for quick and easy contact.
Clickable home icon to inicate to the user that tapping this will take them to the homepage
"Product icon (active) – Currently browsing our print-on-demand store.
Product icon linking to our print-on-demand store page for browsing and purchasing items.
Highlighted Praise icon in navigation showing you are currently on the Testimonials page
Testimonials icon showcasing customer reviews.
Active contact icon indicating you are on the Contact page
Contact icon directing to the social and contact page.

Bold ‘How’ text drops with squash and stretch animation, showcasing motion graphics for global campaigns and marketing animation services
‘Drive’ text zooms forward with explosive shapes and layers, demonstrating branded content for enterprises and motion graphics design
‘Interactions’ text with animated nodes and UI links, highlighting visual storytelling for events and interaction design systems
Customer icon enters interface with loading bar animation, illustrating marketing animation services and digital user interaction
Rotating circles collide to reveal ‘how M&S drives,’ demonstrating kinetic typography and motion graphics for global campaigns
Text zooms forward as shopping cart transitions across screen, showing digital brochure design and retail animation concepts
Cursor clicks trigger loading animation and transitions, showcasing marketing animation services and UI motion design systems
Bold ‘How M&S Drives’ text with vibrant shapes, representing creative direction for tech brands and retail marketing visuals
Shopping cart moves across layout masking text, illustrating branded content for enterprises and e-commerce animation design
Cursor clicking interaction button highlights customer journey, showcasing marketing animation services and UX motion design
Adobe logo end frame from animation, representing corporate branding visuals and digital design for global campaigns
Desktop and laptop display Adobe Advertising Cloud UI, showcasing corporate branding visuals and digital marketing platforms
Printed Adobe Advertising Cloud brochure highlighting publication design services and enterprise marketing strategies
Closeup brochure view showing programmatic marketing insights, reflecting publication design services and data storytelling
Adobe Creative Directors report cover highlighting publication design services, industry insights and corporate branding visuals
Infographic on tablet presenting survey data, showcasing visual storytelling for events and branded content for enterprises
Open Adobe brochure displaying editorial layouts, highlighting publication design services and creative industry insights
Adobe report on laptop featuring infographic layout, demonstrating digital brochure design and publication design services
Clickable home icon to inicate to the user that tapping this will take them to the homepage
Arrow icon; click to go back to the previous page you were on
Mail icon providing a direct link for users to contact the website via email.

Bold ‘How’ text drops with squash and stretch animation, showcasing motion graphics for global campaigns and marketing animation services
‘Drive’ text zooms forward with explosive shapes and layers, demonstrating branded content for enterprises and motion graphics design
Customer icon enters interface with loading bar animation, illustrating marketing animation services and digital user interaction
‘Interactions’ text with animated nodes and UI links, highlighting visual storytelling for events and interaction design systems
Rotating circles collide to reveal ‘how M&S drives,’ demonstrating kinetic typography and motion graphics for global campaigns
Text zooms forward as shopping cart transitions across screen, showing digital brochure design and retail animation concepts
Cursor clicks trigger loading animation and transitions, showcasing marketing animation services and UI motion design systems
Bold ‘How M&S Drives’ text with vibrant shapes, representing creative direction for tech brands and retail marketing visuals
Shopping cart moves across layout masking text, illustrating branded content for enterprises and e-commerce animation design
Cursor clicking interaction button highlights customer journey, showcasing marketing animation services and UX motion design
Adobe logo end frame from animation, representing corporate branding visuals and digital design for global campaigns
Desktop and laptop display Adobe Advertising Cloud UI, showcasing corporate branding visuals and digital marketing platforms
Printed Adobe Advertising Cloud brochure highlighting publication design services and enterprise marketing strategies
Closeup brochure view showing programmatic marketing insights, reflecting publication design services and data storytelling
Adobe Creative Directors report cover highlighting publication design services, industry insights and corporate branding visuals
Infographic on tablet presenting survey data, showcasing visual storytelling for events and branded content for enterprises
Open Adobe brochure displaying editorial layouts, highlighting publication design services and creative industry insights
Adobe report on laptop featuring infographic layout, demonstrating digital brochure design and publication design services

Bold ‘How’ text drops with squash and stretch animation, showcasing motion graphics for global campaigns and marketing animation services
‘Drive’ text zooms forward with explosive shapes and layers, demonstrating branded content for enterprises and motion graphics design
‘Interactions’ text with animated nodes and UI links, highlighting visual storytelling for events and interaction design systems
Customer icon enters interface with loading bar animation, illustrating marketing animation services and digital user interaction
Rotating circles collide to reveal ‘how M&S drives,’ demonstrating kinetic typography and motion graphics for global campaigns
Text zooms forward as shopping cart transitions across screen, showing digital brochure design and retail animation concepts
Cursor clicks trigger loading animation and transitions, showcasing marketing animation services and UI motion design systems
Bold ‘How M&S Drives’ text with vibrant shapes, representing creative direction for tech brands and retail marketing visuals
Shopping cart moves across layout masking text, illustrating branded content for enterprises and e-commerce animation design
Cursor clicking interaction button highlights customer journey, showcasing marketing animation services and UX motion design
Adobe logo end frame from animation, representing corporate branding visuals and digital design for global campaigns
Desktop and laptop display Adobe Advertising Cloud UI, showcasing corporate branding visuals and digital marketing platforms
Printed Adobe Advertising Cloud brochure highlighting publication design services and enterprise marketing strategies
Closeup brochure view showing programmatic marketing insights, reflecting publication design services and data storytelling
Adobe Creative Directors report cover highlighting publication design services, industry insights and corporate branding visuals
Infographic on tablet presenting survey data, showcasing visual storytelling for events and branded content for enterprises
Open Adobe brochure displaying editorial layouts, highlighting publication design services and creative industry insights
Adobe report on laptop featuring infographic layout, demonstrating digital brochure design and publication design services
Clickable home icon to inicate to the user that tapping this will take them to the homepage
Arrow icon; click to go back to the previous page you were on

Bold ‘How’ text drops with squash and stretch animation, showcasing motion graphics for global campaigns and marketing animation services
‘Drive’ text zooms forward with explosive shapes and layers, demonstrating branded content for enterprises and motion graphics design
‘Interactions’ text with animated nodes and UI links, highlighting visual storytelling for events and interaction design systems
Customer icon enters interface with loading bar animation, illustrating marketing animation services and digital user interaction
Rotating circles collide to reveal ‘how M&S drives,’ demonstrating kinetic typography and motion graphics for global campaigns
Text zooms forward as shopping cart transitions across screen, showing digital brochure design and retail animation concepts
Cursor clicks trigger loading animation and transitions, showcasing marketing animation services and UI motion design systems
Bold ‘How M&S Drives’ text with vibrant shapes, representing creative direction for tech brands and retail marketing visuals
Shopping cart moves across layout masking text, illustrating branded content for enterprises and e-commerce animation design
Cursor clicking interaction button highlights customer journey, showcasing marketing animation services and UX motion design
Adobe logo end frame from animation, representing corporate branding visuals and digital design for global campaigns
Desktop and laptop display Adobe Advertising Cloud UI, showcasing corporate branding visuals and digital marketing platforms
Printed Adobe Advertising Cloud brochure highlighting publication design services and enterprise marketing strategies
Closeup brochure view showing programmatic marketing insights, reflecting publication design services and data storytelling
Adobe Creative Directors report cover highlighting publication design services, industry insights and corporate branding visuals
Infographic on tablet presenting survey data, showcasing visual storytelling for events and branded content for enterprises
Open Adobe brochure displaying editorial layouts, highlighting publication design services and creative industry insights
Adobe report on laptop featuring infographic layout, demonstrating digital brochure design and publication design services
Active contact icon indicating you are on the Contact page

Bold ‘How’ text drops with squash and stretch animation, showcasing motion graphics for global campaigns and marketing animation services
‘Drive’ text zooms forward with explosive shapes and layers, demonstrating branded content for enterprises and motion graphics design
‘Interactions’ text with animated nodes and UI links, highlighting visual storytelling for events and interaction design systems
Customer icon enters interface with loading bar animation, illustrating marketing animation services and digital user interaction
Rotating circles collide to reveal ‘how M&S drives,’ demonstrating kinetic typography and motion graphics for global campaigns
Text zooms forward as shopping cart transitions across screen, showing digital brochure design and retail animation concepts
Cursor clicks trigger loading animation and transitions, showcasing marketing animation services and UI motion design systems
Bold ‘How M&S Drives’ text with vibrant shapes, representing creative direction for tech brands and retail marketing visuals
Shopping cart moves across layout masking text, illustrating branded content for enterprises and e-commerce animation design
Cursor clicking interaction button highlights customer journey, showcasing marketing animation services and UX motion design
Adobe logo end frame from animation, representing corporate branding visuals and digital design for global campaigns
Desktop computer and laptop screen displaying Adobe Marketing Cloud interface designs.
Printed Adobe Advertising Cloud brochure highlighting publication design services and enterprise marketing strategies
Closeup brochure view showing programmatic marketing insights, reflecting publication design services and data storytelling
Adobe Creative Directors report cover highlighting publication design services, industry insights and corporate branding visuals
Infographic on tablet presenting survey data, showcasing visual storytelling for events and branded content for enterprises
Open Adobe brochure displaying editorial layouts, highlighting publication design services and creative industry insights
Adobe report on laptop featuring infographic layout, demonstrating digital brochure design and publication design services
Clickable home icon to inicate to the user that tapping this will take them to the homepage
"Product icon (active) – Currently browsing our print-on-demand store.
Product icon linking to our print-on-demand store page for browsing and purchasing items.
Highlighted Praise icon in navigation showing you are currently on the Testimonials page
Testimonials icon showcasing customer reviews.
Active contact icon indicating you are on the Contact page
Contact icon directing to the social and contact page.
Bold ‘How’ text drops with squash and stretch animation, showcasing motion graphics for global campaigns and marketing animation services
‘Drive’ text zooms forward with explosive shapes and layers, demonstrating branded content for enterprises and motion graphics design
Customer icon enters interface with loading bar animation, illustrating marketing animation services and digital user interaction
‘Interactions’ text with animated nodes and UI links, highlighting visual storytelling for events and interaction design systems
Rotating circles collide to reveal ‘how M&S drives,’ demonstrating kinetic typography and motion graphics for global campaigns
Text zooms forward as shopping cart transitions across screen, showing digital brochure design and retail animation concepts
Cursor clicks trigger loading animation and transitions, showcasing marketing animation services and UI motion design systems
Bold ‘How M&S Drives’ text with vibrant shapes, representing creative direction for tech brands and retail marketing visuals
Shopping cart moves across layout masking text, illustrating branded content for enterprises and e-commerce animation design
Cursor clicking interaction button highlights customer journey, showcasing marketing animation services and UX motion design
Adobe logo end frame from animation, representing corporate branding visuals and digital design for global campaigns
Desktop computer and laptop screen displaying Adobe Marketing Cloud interface designs.
Printed Adobe Advertising Cloud brochure highlighting publication design services and enterprise marketing strategies
Closeup brochure view showing programmatic marketing insights, reflecting publication design services and data storytelling
Adobe Creative Directors report cover highlighting publication design services, industry insights and corporate branding visuals
Infographic on tablet presenting survey data, showcasing visual storytelling for events and branded content for enterprises
Open Adobe brochure displaying editorial layouts, highlighting publication design services and creative industry insights
Adobe report on laptop featuring infographic layout, demonstrating digital brochure design and publication design services