iPortal for International Finance Institution
Leading International Finance Institute
My Role
- UX Design
- UI Design
- Prototyping
Deliverables
- Design Concept
- Wireframes
- Visual Design
I helped empathise and visualise the re-design of the International Finance Institution’s Intranet
The Finance Institution were primarily focused on re-designing, to move away from their existing old static design to more responsive and better user experience design. They needed a visual refresh, greater flexibility for their content and a website which is accessible on mobile devices.
The User Experience Strategy
The intranet should integrate the use of multiple tools, facilitate collaboration among colleagues and convert information into knowledge. To achieve this, the user experience focuses on people and their day to day activities, and not department mandates nor hubs.
Welcome Experience
A Space for Me.
Prominent Search
Search is centered and above all content. It is easy to find and accessible from every page.
Customizable Background
Defaulting to a curated image experience, users have the opportunity to customize the background image for the welcome screen as they see fit.
Personalized Widgets
This space allows for information widgets to display configurable information that matters most to the user up front.
My Work
Profile information consisting of information like current projects, notifications, calendar and email integration persists from welcome to workspace.
Workspace Experience
A Space for Us.
Discussion/Share Module
Start discussions to be shared based on privacy settings, for example: to hub, followers, public, etc.
Subscription Based Content
Personalized content through subscription. Specific hub public news and events, country office news, colleague discussions, and projects can be followed.
Activity Feed
Activity feed based interaction, with news and events, announcements, discussions, and subscribed content making
up the feed.
Trending
Latest public feed items and the most popular items appear in the trending module as well as the feed for persistent attention.
Design Principles
One Experience
The intranet mediates the pillars of expertise.
Conversational
The intranet supports the exchange of social capital
Familiar Experience
The intranet naturalizes digital tool experience
Knowledge Transformation
The intranet hosts a platform for data transformation
Trustworthy
The intranet catalogs trusted knowledge
Mood Board
Mood boards set the tone, theme, and feel of things that can be difficult to articulate with words. It may consist of visual cues to express ideas and inspirations.
Wireframes
We started working on the user journey to understand users needs through every stage of the website. After validating our decisions we focused on articulating the information architecture.
The second phase was to design a prototype of the website based on the information obtained from the discovery step. We started crafting ideas by hand and then we moved to hi-fi wireframes that helped us to have a first approach of the visual path for the website.
Visual Design - Welcome Experience
A Space for Me.
For the UI phase, we made tons of tests and research with the client to define the right typography, color palette, and images. Once we defined the visual path we took the wireframes and user flow to create a clean and intuitive intranet that reflects the company’s values and the main solutions of the product based on customers needs.
Workspace Experience - Timeline
A Space for Us.
