Portal TAC

Designing a centralized intranet for seamless employee experience.

Primary role:

UX / UI designer

Timeframe

2020 – 2021

Business Model:

B2B, SaaS

Processes

End-to-end, Research, Journey Mapping, Benchmarking, Information Architecture, Sketching, Wireframing, Screen Flows, Visual Design, Interaction Design, UI Kit, Prototyping.

Background

Trade Alliance is a leading fashion retail company with over 15 years of experience and 100+ stores. Their employees, aged 25-30, struggled with fragmented workflows across multiple platforms.

Problem

Employees lacked a single hub for email, calendar, document storage, and internal communications, causing inefficiencies and frustration.

About the company

Trade Alliance Corporation is one of the largest companies in the global textile market with over 20 years of experience in Fashion Retail. Synonymous with quality and affordable prices, it has established itself as the brand par excellence for style, comfort, and cutting-edge fashion for everyone.

It has a presence in over 96 countries through its various brands such as Zara, Pull & Bear, Massimo Dutti, Bershka, Stradivarius, Oysho, Zara Home, among others, which allows it to adjust its product catalog to the tastes, preferences, and trends of all its users, always keeping them at the center of all its activities and everything they do.

Constraints

  • Timeline: Limited to four months.

  • Technical Limitations: Integration with Google Workspace APIs.

  • Business Goals: Increase engagement, adoption, and operational efficiency.

My Role & Process Overview

Responsibilities

  • Conducted user research and pain point analysis.
  • Designed wireframes and prototypes.

  • Led usability testing and stakeholder presentations.

  • Designed chatbot UX design, and cross-functional collaboration with developers.

  • Owned end-to-end flow from discovery to high-fidelity prototyping.

Process Overview

  1. Discovery: Research & stakeholder interviews.

  2. Definition: User personas & journey mapping.

  3. Design: Wireframes & prototyping.

  4. Testing: Iterations based on usability feedback.

  5. Launch & Evaluation: Measuring adoption and engagement.

IMAGE: Project timeline

Research & Insights

Methods

  • User Interviews: Gathered feedback from employees.

  • Competitor Analysis: Benchmarked similar intranets.

  • Analytics Review: Identified usage patterns & pain points.

Key Findings

  • 63% of employees felt overwhelmed by multiple tools.
  • High drop-off rate in accessing internal resources.
  • Lack of personalization hindered adoption.

User persona 1

User persona 2

Ideation & Solutions

Brainstorming & Design Decisions

  • Consolidated tools into a single intranet.

  • Streamlined navigation to reduce cognitive load.

  • Enhanced personalization for tailored user experiences.

  • Introduced an AI-powered chatbot assistant to help employees quickly find relevant content and tools.

Key Features

  • Customizable Dashboard: Central access to emails, events, and documents.
  • Intuitive Navigation: Simplified UI for easy tool discovery.
  • Content Management System: Admins can publish company updates seamlessly.
  • Chatbot Assistant: AI-powered assistant for instant access to documents, calendar events, and company resources.

Information Architecture

Functions for the end user (internal client)

This solution allowed users to centralize and classify their daily information, improving the management of emails, events, documents, news, and internal pages. To achieve this, the following modules were built:

  • Home
  • News
  • Dashboards
  • Teams
  • ADN TAC
  • “My Profile” section

Functions for platform administrators

Designed to facilitate content creation and management within the intranet, while also enabling detailed statistical tracking. Administrators can monitor content views, the number of platform logins by country, and by device. The following modules were developed for this solution:

    • News
    • Administration dashboards
    • Traceability report
    • Teams
    • Adoption report
    • Content manager
    • Identity manager
    • Google Cloud Search

UI Design Process

Goal: Highlight key visual decisions that directly addressed user needs and improved usability.

Color Palette:

  • Aligned with Google Workspace’s Material Design for familiarity.
  • Accessibility-tested contrast ratios (e.g., WCAG-compliant text/background combinations).

 

Typography:

  • Inter for headers, Roboto for body text.

Dashboard Evolution

Final Layout:

    • Bottom-right floating chatbot for quick access.
    • Collapsible sections to reduce cognitive load.

Empty State: Guided onboarding (e.g., “Ask TACBot to find your first doc!”).

Final Design & Prototyping

High-Fidelity Mockups

  • Designed responsive UI for desktop and mobile.
  • Developed accessibility-friendly contrast.

  • Created interactive prototype for user testing.

  • Designed an AI chatbot UI for seamless content retrieval.

VIDEO: Search flow

VIDEO: Chatbot interaction prototype

IMAGE: High-Level Chatbot Flowchart

  • Chatbot-Specific UI

    • Conversational Design:

      • Neutral tone with quick-action buttons (e.g., “Share,” “Bookmark”).

      • Visual previews for documents (thumbnail, last-modified date, owner).

    • Microinteractions:

      • Typing indicators (animated dots) for real-time feedback.

      • Hover effects on clickable elements.

Testing & Iteration

Usability Testing

  • A/B Testing: Compared different navigation layouts.
  • Feedback Surveys: Collected insights from 50+ employees.
  • Chatbot Testing: Measured response accuracy and user satisfaction.

Key Iterations

  • Adjusted dashboard layout for better information hierarchy.

  • Improved CTA button visibility based on user feedback.

  • Enhanced mobile experience for on-the-go accessibility.

  • Refined chatbot responses to improve accuracy and contextual relevance.

Results & Impact

VIDEO: Testimonial

Metrics

  • Adoption rate: Increased by 40% in the first month.

  • Search efficiency: Reduced retrieval time by 60%.

  • Daily engagement: Over 2,000 visits per day, across 5 countries.

  • Chatbot adoption: Used by 75% of employees within the first month.

Stakeholder Feedback

“The new intranet transformed how we work—everything is now at our fingertips.” — HR Manager, Trade Alliance

“The chatbot assistant has made it so much easier to find what I need in seconds.” — Employee, Trade Alliance

Reflection & Next Steps

Lessons Learned

  • Earlier developer collaboration could have improved handoff.

  • More usability tests before launch would have refined UI further.

Future Opportunities

  • AI-powered smart search for faster information retrieval.
  • Gamification elements to boost employee engagement.
  • Advanced chatbot functionalities, including voice commands and predictive search.

Ready to create something amazing?

Lets Work Together

What does it take to create a best-selling app? Perfectly-timed microinteractions. See how these tiny, often-overlooked details can have an enormous impact on emotion –and learn how to incorporate them wisely.