Web Design for Fintech Platform, Infosource
My Role: UI/UX and Visual Designer
The Challenge:
InfoSource®, a division of Financial Information Technologies LLC (Fintech), provides targeted consumer demand intelligence designed for the beverage industry. Their website needed to convert potential users into paid users of their platform.
My Solution
I accomplished these goals for InfoSource by creating a site that highlighted the benefits of their platform through the following: I designed custom icons to depict and emphasize the services their platform offers subscribers, and I customized illustrations from their asset library to show how those services directly increase their revenue. I used visual hierarchy and subtle design elements that directly alluded to their logo, reinforcing the brand.
Goal Identification, UX, Visual Design, Icon Design, Launch, and Iterations
Goal Identification
Client’s Primary Goals: Increase form fills to book demos to convert site users to paid subscribers.
Client’s Secondary Goal: Increase form fills for email newsletter subscriptions, to book demos to convert site users to paid subscribers.
As UX writer Nick Babich says, “The hallmark of great UI is simplicity and consistency,” and to accomplish the client’s goals for this site, I created a simple, recognizable form placed consistently above the footer across the site. For the secondary goal, I placed a second similar form, visually secondary in size and color choice, for newsletter signups in the footer, as seen in the image here:
UX and Visual Design
In this example page, I created sections with rounded angular borders that matched the angles of the InfoSource Logo. These section reinforce the brand visually and lead the user down the page. Below are final designs for desktop and mobile.
Iteration Process Example: Scope of Data Page
The purpose of this page is to show potential customers why InfoSource’s data offerings are superior than any competition’s offerings, and what how those data offerings will benefit platform subscribers. Below is a look at my process of designing the page.
1 | Wireframe. A simple wireframe of each selling point paired with text and an illustration.
2 | Sketch. I used light green, large-scale node shapes extracted from the InfoSource logo to move the user’s eye down the page from point to point. I also drew sketches of the illustrations I would create.
3 | Final Design. When I finished and placed the illustrations into the design, the client and I agreed that the green nodes be changed to gray, in order to increase focus on the illustrations.
Custom Icon Set
In order to accomplish the goal of converting users to paid subscribers, the homepage needed a quick into depicting the ways the InfoSource platform directly increases revenue and efficiency for businesses. I created these five custom icons to show these unique services, directly motivating users to subscribe.