The Piaggio Fast Forward design team works with a wide range of Adobe Creative Cloud apps, including Adobe Illustrator, Adobe Photoshop, and Adobe InDesign for print and digital creative content, as well as Adobe Premiere Pro and Adobe After Effects for video content. In recent years, Adobe XD has become the go-to app for all types of experience design. With simple drag-and-drop operations, designers can quickly drag reusable components into place, copy elements, and rearrange or resize content to display across any size screen.
With Adobe XD, designers aren’t just creating flat screens. They’re developing dynamic, interactive prototypes that can be published online and shared with any stakeholders for review. Reviewers open the prototype in their browsers where they can click and scroll through the screens, open menus, and view transitions designed to look and feel just like the final experience. This leads to more detailed and accurate feedback.
When the design team started working on the website redesign, they wanted to make sure that the website would address all of the concerns for different stakeholders such as customer support, marketing, and leadership. Working with Adobe XD simplified reviews by allowing designers to share the latest prototype with all stakeholders at the same time, collect feedback, and iterate in real time. When it came time to hand off to developers, designers used the Share for Development feature to generate Design Specs in Adobe XD that included the designs and associated resources in one link.
Graphic designer Ludo Cestarelli built a design system of standard web components in Adobe XD and shared it using Creative Cloud Libraries with the other designers. This design system helped streamline website design even further by allowing designers to quickly iterate on page designs by adding new components with a click.
“With Adobe XD and Creative Cloud Libraries, I can design individual web pages up to 50% faster,” says Cestarelli. “If I need to add a popup to a page, it’s just a matter of dragging a component into place and I get the right borders and dimensions every time.”