BI Activate cover

BI Activate

CATEGORY
  • Web Development
  • UX/UI Design
  • Video Edition
YEAR
2025
CLIENT
Banco Internacional

BI Activate is a website for a banking organization designed to make collaboration easier across teams. It helps employees discover peer-led initiatives (clubs, activities, and projects), connect with each other, and join effortlessly from any area of the company.

The site is hosted on Firebase and built using HTML5, SCSS, and JavaScript. Design and prototypes were created using Figma, and promotional videos were produced in Adobe After Effects.

View the website
Tech & Tools

Project Objectives

Purpose

  • Create a digital space that connects employees through shared interests and internal initiatives.
  • Strengthen Banco Internacional’s internal culture through collaboration and engagement.
  • Encourage participation in company-led activities using a clear and accessible interface.

Research

  • Understand communication challenges between departments.
  • Identify what motivates employees to join internal events and clubs.
  • Collect data to define usability goals and design priorities.

Impact

  • Promote a stronger sense of belonging within the organization.
  • Increase visibility and participation in community-led initiatives.
  • Offer a platform that reflects the values of collaboration and innovation.

Design Process

Research

Key Findings

  • Employees lacked a unified platform to connect beyond daily tasks.
  • Internal initiatives were poorly communicated or hard to discover.
  • There was high interest in joining clubs and events, but low visibility.

Methodology

Surveys, Interviews & Usability Testing

120+

Responses in internal employee survey

8

Workshops held with different departments

5+

Design iterations before launch

Definition

Project Concept

  • Build a central digital hub where employees can explore, join, and promote internal activities.
  • Encourage collaboration and recognition through visibility of peer-led initiatives.
  • Create a seamless experience optimized for quick access on desktop and mobile.

Ideation

Structure and Flow

  • Defined a content architecture divided into categories: Clubs, Events, and News.
  • Prototyped a card-based interface for easy navigation and visual consistency.
  • Designed a user journey emphasizing participation and discovery.

Project Screens

Home Page

BI Activate home

Championship Page

Championship Page
Championship Page 2

Clubs Page

Clubs Page

Mobile View

Mobile layout

Challenges and Learnings

Developing a platform that felt both corporate and human-centered was a key challenge. Through this project I learned how to align UX/UI principles with institutional identity while maintaining an inviting tone that promotes collaboration.

  • Balancing accessibility and visual identity for a banking brand.
  • Testing with real users from different departments improved adoption insights.
  • Managing deployment and maintenance through Firebase strengthened my full-stack workflow.

Next Steps

  • Integrate login and personalization features.
  • Expand to include new activity types and departments.
  • Implement analytics to measure participation and engagement.
  • Launch of an accessible and responsive internal collaboration platform.

Projects