Banco do Brasil
“Are we designing another corporate intranet in the banking industry?”
No, this time we’re designing for a worldwide bank that wants to enhance the group identity across 24 countries.
Starting with the right foot: a discovery workshop
To design for users, you must begin with a deep understanding of users: an immersive discovery workshop is the best way to tackle relevant projects from the 1st day.
We have created a series of User Experience (UX) workshop activities and training notes, aimed at guiding our facilitators through a project discovery process.
We use in-depth interviews when we want to learn something profoundly new.
Being semi-structured, each interview will be unique. That’s why in-depth narrative interviews need to be used in combination with other techniques, gathering information in order to support the organization when creating products, services and more.
Banco do Brasil AG
What we did
user research, information architecture, interaction design, experience design
Banco do Brasil in Numbers
We focused on the user, starting from proto personas.
The purpose of personas is to create reliable and realistic representations of your key audience segments for reference.
These representations should be based on qualitative and some quantitative user research and web analytics.
We have sketched a series of low-fi wireframes that could help us to share first design ideas. We started the ideation phase from the latest IA version, workshop materials, inspirations collection and our assumptions. In this phase contents are described like lines, images or icons with boxes and the arrangements of some elements/informations must be reviewed together.
A wireframe is a two-dimensional illustration of a page’s interface that specifically focuses on space allocation and prioritization of content, functionalities available, and intended behaviors. For these reasons, wireframes typically do not include any styling, color, or graphics. Wireframes also help establish relationships between a website’s various templates. Wireframes serve multiple purposes by helping to connect the site’s information architecture to its visual design by showing paths between pages. They also clarify consistent ways for displaying particular types of information & functionalities on the user interface (UI).
Look & Feel (visual design)
Banco do Brasil has a powerful brand and strict guidelines: our challenge was to declinate their values in a corporate internal platform.
A prototype is a draft version of a product that allows you to explore your ideas and show the intention behind a feature or the overall design concept to users before investing time and money into development. A prototype can be anything from paper drawings (low-fidelity) to something that allows click-through of a few pieces of content to a fully functioning site (high-fidelity). For Banco Do Brasil Intranet we’ve done high-fidelity prototypes that are computer-based, and usually allow realistic (mouse-keyboard) user interactions. High-fidelity prototypes take you as close as possible to a true representation of the user interface. High-fidelity prototypes are assumed to be much more effective in collecting true human performance data (e.g., time to complete a task), and in demonstrating actual products to clients, management, and others.
Remote moderated usability test
Remote usability testing allows you to conduct user research with participants in their natural environment by employing screen-sharing software or online remote usability vendor services.
We’ve organized 7 sessions inviting people belonging to different roles and branches.
Test outcome: transforming pain points into opportunities
A test is a treasure made of insights: we produce a top line report of the research findings (easy to read) plus expert practical recommendations to improve your product that you can implement immediately. We select video highlights too. We have got 7 opportunities, so the continuous improvement can flow into a redesign iteration.