Adobe Plugin

Adobe Illustrator Plugin

Overview

The client asked us to design and build a software plugin, which will allow their design team to access digital assets without leaving their normal work applications, primarily the Adobe Creative Cloud Illustrator. Their motivation is to enhance work experiences and increase productivity.

Time

Aug 13 to Sep 27, 2018 (6 weeks)

Tools
  • Adobe XD
  • Overflow
Role
  • UX Designer
  • Visual Designer
Team
  • Technical team in Germany and Poland (client)
  • Developer and business analyst in Vancouver (internal)
  • Developer and project manager in London (internal)

Collaborated with teams across Europe and North America to understand technical restraints and requirements.

To establish a mutual understanding of why this application is needed and for who, during the design process, we worked within a cross-functional team in multiple time zones. Together we explored and challenged each other through discussing ideas. After several iterations we were able to export the designs for development and reviews.

Helping graphic designers like Jamie to increase productivity and have better work experiences.

We were introduced to the persons provided by the client at the beginning of the project. This plugin will help graphic designers like Jamie to increase productivity, with its smooth integration between Adobe Illustrator and internal’s CMS web application.

To integrate current system with the plugin smoothly and create meaningful UI, we want to understand how does the main functions work.

Reviewed requirements scope with stakeholders to clarify flows, UX behaviour, and discussion of technical feasibility.

Start with pen and paper to sketch wireframe and interactions.

After we have solid understanding of the user, and what they are doing using the current content management system. We started to sketch and use it to further validate our ideas.

After many iterations, it evolved from sketches to a high fidelity visual, with minimum styles to blend into the Adobe interface.

I used Adobe XD to create wireframes and interactive prototypes to communicate the flow with the team. To help developers build on the high fidelity wireframes, I exported 37 screens for them to inspect the designs.

This is a tool to allow designers to get their job done while remaining in Adobe Illustrator.

 

No two projects are the same. We worked as a team with our clients to solve problems.

It was our first time to design and build an Adobe Illustrator plugin. Although the concept was new to us, we started the project with an open mind and a willingness to learn. It was our ability to take it on quickly and not be afraid of asking questions which impressed our client.

Delivery
  • An interactive prototype was created for demonstration.
  • 37 screens were designed and handed over to developers.
  • Client was happy with the beta version and it was made available to test with users.
Lesson learned

If there was more time and budget for this project, I would have involved the target audience earlier on in the project to map out user journey, rather than relying on the persona given by the client. By having access with real users will help us in testing and validation.

Back to Case Studies