stamp18.jpg

Adobe Sign / Send Page

sign1.jpg
 

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.

brief

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.

 

process

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.

rolE

Visual Design Lead, Interaction Design, Animation

 
sign18.jpg
 
 

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

 
 
sign15.jpg
sign8.jpg
sign7.jpg
sign16.jpg
 
 

Mobile web

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.

 
 
sign6.jpg
sign14.jpg
sign4.jpg
sign17.jpg
 
 

animation

Because this is are new functionality for Adobe Sign, we decided to create some animations to walk users through it for the first time.

 
 
 Reorder signers

Reorder signers

 Delegate signers

Delegate signers