PROCESS

At the start of my involvement in the project, the strategy team had a solid understanding of what the concept of the initiative was overall, but the client hadn't really figured out the details of the initiative yet. Since we had a hard deadline of a conference they were attending, I had to make a lot of shots in the dark with the designs early on. I used Sketch and Invision to present different options to the client. once the client reviewed the options and gave more direction, I iterated on the designs and kept adding more and more details each round.

Click the images for more details.

View Example Wireframe Presentation >

Site Map

Site Map

I created a site map so the team and client can easily understand how the website is structured.

Homepage Wireframe

Homepage Wireframe

I created several different options of wires for each page.

Initiative List Page Wireframe

Initiative List Page Wireframe

Access Accelerated is composed of 22 initiatives. The Initiative List Page allowed users to filter the list of initiatives by region and issue. I designed the logic and interface for the filtering system.

Initiative List Page Mobile Wire

Initiative List Page Mobile Wire

I created wireframes for both desktop and mobile layouts.

Initiative Article Page Mobile Wire

Initiative Article Page Mobile Wire

Each initiative had it's own article page that included all important details upfront and then a journalistic approach to telling the story of the initiative.

About Us Wireframe

About Us Wireframe

Home Page Functional Spec

Home Page Functional Spec

After the designs were finalized, I created detailed functionality specs to ensure everyone on the team was on the same page.

Initiative List Page Functional Spec

Initiative List Page Functional Spec

OVERVIEW

The big pharma industry has a pretty bad reputation in today's world with the rising price of medications. To help their image and save a few thousand lives the process, the International Federation of Pharmaceutical Manufacturers & Associations (IFPMA) started a global initiative, Access Accelerated, to accelerate access to medicine to treat noncommunicable diseases in third world countries.

 

The concept was to create a digital experience where government officials from third world countries can easily search for initiatives related to specific issues in different parts of the world to find ways they can solve issues within their own country. Another goal of Access Accelerated was to promote collaboration between different initiatives. I was brought into the project as the main UX Designer for the entire digital experience.

PROTOTYPE

This is one of the interactive prototypes I created using Sketch and Invision. Click on the blue areas to progress.

Launch Prototype >

Home Page Designs (Option 1)

Home Page Designs (Option 1)

The design team created different options for designs based on my wireframes for each page.

Home Page Designs (Option 2)

Home Page Designs (Option 2)

The design team created different options for designs based on my wireframes for each page.

Initiative Article Page (Final)

Initiative Article Page (Final)

The design team created final designs based on my wireframes for each page.

Digital Ad

Digital Ad

Home Page Screenshot

Home Page Screenshot

Initiative List Page Screenshot

Initiative List Page Screenshot

Home Page Screenshot

Home Page Screenshot

Home Page Screenshot

Home Page Screenshot

OUTCOME

Even though the client wasn't even sure what we were making when we first started, we determined the best experience we wanted users to have and were able to get it live just in time for the conference. The clients were very happy with the results and say that it has been a big help with getting the initiative started.

Click the images for more details.

View Website >

RELATED

jaime.fraina@gmail.com | 845-445-7430

Home Page Functional Spec

After the designs were finalized, I created detailed functionality specs to ensure everyone on the team was on the same page.