Adobe Sign makes it easy to prepare and send documents for signatures. And it’s easy for you, your customers, and teammates to sign them.
To redesign and modernize the E-Sign Send workflow, adding in new functionality, including: a hybrid routing order (signers can sign in order or any order), personalized messages, signer groups, and delegator as a recipient role.
I inherited the main wireframe for this project from other designers, but I created additional wireframes, as well as all the interaction models and design specs. I then worked closely with engineers to make sure the design was implemented correctly.
Visual Design Lead, Interaction Design, Animation
BEGINNING THE DESIGN PROCESS
Since this was for responsive design, I started designing for web first, then scaled down to tablet, then mobile. Besides the main wireframe that I received, I also created additional wireframes for some workflows that were requested by PMs, and the interaction models. I also used the same components as Acrobat desktop for consistency throughout Document Cloud Apps
I created wireframe for all the main screens (what happened after tab on each components), so we can see the flow and how these screens work together. Then moved to interaction model, spec and worked closely with engineers.
Because this is are new functionality for Adobe Sign, we decided to create some animations to walk users through it for the first time.