Maak: Task Management Feature Integration
Hala Chat: AI-Powered, Meeting and Collaboration Platform @VML&PIF

Maak: Task Management Feature Integration
Hala Chat: AI-Powered, Meeting and Collaboration Platform @VML&PIF

ROLE

UX/UI Design Intern

UX/UI Design Intern

UX/UI Design Intern

TOOLS

Figma, Miro, Jira, Microsoft Office, Loom, Notion, Slack

Figma, Miro, Jira, Microsoft Office, Loom, Notion, Slack

Figma, Miro, Jira, Microsoft Office, Loom, Notion, Slack

TIMELINE

June 2024 - August 2024

June 2024 - August 2024

June 2024 - August 2024

TEAM

Head of CX, Head of Design, Senior Product Designers, UX Designers, UI Designers, UX Writers

Head of CX, Head of Design, Senior Product Designers, UX Designers, UI Designers, UX Writers

Head of CX, Head of Design, Senior Product Designers, UX Designers, UI Designers, UX Writers

Contributions

Contributions

For my Summer 2024 Internship, I worked at VML as a UX/UI Design Intern, contributing to two key projects from 0 → 1: Maak, a task management feature integration, and Hala Chat, an AI-powered meeting and collaboration platform, both developed for a government company.

While any mid to high-fidelity screens are under NDA, I've broken down some takeaways and design processes that allowed me to be successful at my work and helped hone my design skills.

KIND WORDS FROM OLIVER WEST, HEAD OF CX AT VML

KIND WORDS FROM OLIVER WEST, HEAD OF CX AT VML

Key Takeaways

Key Takeaways

  • Leverage Established Models and Frameworks (Jobs to be Done & RICE Scoring Model, Kano Model)

  • User Flows are Your Best Tool to Deconstruct a Brief

  • Being Proactive Goes a Long Way

  • Feedback is Gold

  • Data-Driven Decision-Making will Never Fail

  • There’s Always Something New to Learn About Figma

Methodology

Methodology

Research

Research

Existing Product Analysis

Existing Product Analysis

User Interviews

User Interviews

Competitor Analysis

Competitor Analysis

User Flows

User Flows

Sitemap Development

Sitemap Development

Define

Define

Expectations Alignment

Expectations Alignment

Breakdown of Screen Inventory

Breakdown of Screen Inventory

Design

Design

Feature Ideation

Feature Ideation

Paper Wireframing

Paper Wireframing

Digital Wireframing

Digital Wireframing

MVP Generation

MVP Generation

Copywriting

Copywriting

AI Asisstance

AI Asisstance

Evaluation

Evaluation

Internal Managerial Check-Ins

Internal Managerial Check-Ins

External Client Check-Ins

External Client Check-Ins

HalaChat

HalaChat

This product is a chat and video web/mobile app for corporate conversation with similar functionalities to Teams or Slack, intended to combine the best of what was on the market already but tailor the process to the government entity,

This product is a chat and video web/mobile app for corporate conversation with similar functionalities to Teams or Slack, intended to combine the best of what was on the market already but tailor the process to the government entity,

  • I worked on secondary research and feature analysis for WhatsApp, Slack, Teams etc. to inform the new design drawing from things that the client wanted to keep vs. discard

  • I shadowed client calls, developed feature list, managed screen inventory and designed 60+ wireframes for the project.

  • My work focused on developing innovative solutions that streamlined processes such as file and photo retrieval and voice note delivery, contributing to the overall efficiency and user-friendliness of the platform.

  • I pitched, designed and worked on integrating AI technologies, including Natural Language Processing (NLP) and Optical Character Recognition (OCR) into the app for advanced efficiency particularly for these search functions.

  • I worked on secondary research and feature analysis for WhatsApp, Slack, Teams etc. to inform the new design drawing from things that the client wanted to keep vs. discard

  • I shadowed client calls, developed feature list, managed screen inventory and designed 60+ wireframes for the project.

  • My work focused on developing innovative solutions that streamlined processes such as file and photo retrieval and voice note delivery, contributing to the overall efficiency and user-friendliness of the platform.

  • I pitched, designed and worked on integrating AI technologies, including Natural Language Processing (NLP) and Optical Character Recognition (OCR) into the app for advanced efficiency particularly for these search functions.

Maak

Maak

Research on the existing method of Task Management for the firm and conducting analyses/critique (what to keep, what to change) based on user interviews and client brief.

Replicating the existing product using wireframes to break down the information architecture and understand functionalities.

Research into market competitors and drawing from layout and functional insights and trends keeping in mind mobile design best practices.

Developing a features list for client approval and crafting a sitemap and screen inventory to duplicate effective functionalities into the app

Paper Wireframing → Digital Wireframing in an iterative process considering weekly client check-ins and managerial feedback. This then led to creating the final screens in batches. Some empty states are shared below. Under NDA, I am not able to share anymore.


Simultaneously I worked with UX copywriters to discuss and finalize accurate and intuitive language for mainly buttons and empty states in conjunction with existing terminology and interview insights surrounding language on the current tool used for the most efficient transition for users

Handing over designs to the UI team and assisting with various iterations of the interface design

Handing over designs to the UI team and assisting with various iterations of the interface design

creating styles, deriving colors and components from the existing design system while also creating new ones wherever necessary

  • Creating styles

  • Deriving colors and components from the existing design system

  • Creating new ones wherever necessary

Nobu Residences

Nobu Residences

This was a small task that I assisted a senior designer on, for a real estate company's single-page website, with client standard color and text styles, buttons and other components for basic prototyping of tabs and carousels.

Let's Connect.

Created by Amanda Pinto @2024

Let's Connect.

Created by Amanda Pinto @2024

Let's Connect.

Created by Amanda Pinto @2024

Let's Connect.

Created by Amanda Pinto @2024