The Exchange

 
 

The Exchange is an online marketplace where users can explore the extensive out-of-the-box integrations offered by the Movable Ink partner ecosystem.

Project Timeline:

12 Weeks

Team:

Executive Creative Director (Lindie Gerber), VP of Product & Design (Andrea Mignolo), Product Marketing Director (Dave Cormier), Director of Marketing Operations (Kate Chalmers)

 

Brand:

Movable Ink

PROJECT TYPE:

Web Design & Development

PROJECT SCOPE:

Art Direction, Interaction Design, Web Design

 

 

The Challenge

 

Showcase all partner integrations offered by Movable Ink in a standalone, interactive online marketplace allowing users to explore each integration’s key features and capabilities.

 
 
partner logos.jpg
 
 

Our Approach

Due to a fairly aggressive timeline, we opted to implement an approach where multiple parts of the project would be developed in parallel, such as content development and style guide creation. This would allow us to meet the launch date without compromising design or execution and allow for ample time for all facets of the project, from wireframes to development and implementation.

Wireframes

In the wireframe phase, we intentionally avoid the use of color of graphics not to distract us from the intent of this phase: establish content hierarchy, overall layout, and structure. Each module is represented using a greyscale block to isolate a content segment or black text floating on a white background. In this phase, the flow of content, over user flow and interaction, is established.

 
 
Home page layout

Home page layout

Home page with filter drop-down

Home page with filter drop-down

 
 

After the main page had been crafted, secondary and sub-pages follows:

 
App page layout

App page layout

 
 

visual design phase

Once all wireframes had been approved, and the overall content structure and flow of content had been defined; we enter the visual design phase. In this phase, all content modules are refined based on the brand’s style guide, color palette, typographic style, and treatment and visual identity.

screencapture-underbelly-invisionapp-share-3VT6OK45MJZ-2019-12-09-17_02_37.png
screencapture-underbelly-invisionapp-share-3VT6OK45MJZ-2019-12-09-16_59_07.png
screencapture-underbelly-invisionapp-share-3VT6OK45MJZ-2019-12-09-17_02_20.png
screencapture-underbelly-invisionapp-share-3VT6OK45MJZ-2019-12-09-16_58_18.png
 
 

. . .

The Outcome

 
exchange mockup.png
 
 
 
 
 
 

CHALLENGES & LEARNS

Time constraints, along with various teams working across multiple time zones, proved to be quite a challenge. However, breaking the project into various parts with a single point of contact assigned to managing each part resulted in the project’s overall success and on-time delivery.