Redesigning Debbie-M:
Redesigning Debbie-M:
Redesigning Debbie-M:
For an Improved Pharmaceutical Platform
For an Improved Pharmaceutical Platform
For an Improved Pharmaceutical Platform
Client
Debbie-M
Debbie-M
Industry
Budget Management
Budget Management
Duration
3 weeks
3 weeks
Services
UI/UX Design
UI/UX Design
Meet DeBbie-M, the official chatbot of the Department of Budget and Management (DBM) of the Philippines. It was designed to assist citizens, guide users through government processes, and build public trust—one budget query at a time.
Meet DeBbie-M, the official chatbot of the Department of Budget and Management (DBM) of the Philippines. It was designed to assist citizens, guide users through government processes, and build public trust—one budget query at a time.
Challenges Faced
Challenges Faced
The Debbie-M chatbot addresses challenges in fiscal transparency, user accessibility, and information management within the Department of Budget and Management (DBM). It provides easy access to accurate budget information, serving a diverse range of users, from citizens to government employees. The chatbot efficiently organizes data, helps users navigate complex topics, and manages off-topic queries. By streamlining processes like accessing circulars and applying for aid, Debbie-M saves time and enhances government transparency.
The Debbie-M chatbot addresses challenges in fiscal transparency, user accessibility, and information management within the Department of Budget and Management (DBM). It provides easy access to accurate budget information, serving a diverse range of users, from citizens to government employees. The chatbot efficiently organizes data, helps users navigate complex topics, and manages off-topic queries. By streamlining processes like accessing circulars and applying for aid, Debbie-M saves time and enhances government transparency.
Design Process
Design Process
Discover
Discover
We gathered insights through Knowledge Transfer (KT), competitive analysis, and user interviews. We reviewed Debbie-M's structure, features, and its ability to assist with budget queries and government processes. The chatbot’s text and voice-based search functionality was evaluated for ease of use. Based on these insights, we identified the need for a more intuitive interface, better search capabilities, and clearer responses to better meet users' needs for accessing budget information and services.
We gathered insights through Knowledge Transfer (KT), competitive analysis, and user interviews. We reviewed Debbie-M's structure, features, and its ability to assist with budget queries and government processes. The chatbot’s text and voice-based search functionality was evaluated for ease of use. Based on these insights, we identified the need for a more intuitive interface, better search capabilities, and clearer responses to better meet users' needs for accessing budget information and services.
Define
Define
In the Define phase, we consolidated insights from Discovery to outline Debbie-M's user problems, goals, and design requirements. Key issues included a cluttered interface, difficulty navigating budget-related queries, and ineffective search functionality. Users needed a simpler, intuitive interface with improved search options and better content organization. Our design goals focused on streamlining the UI, enhancing search capabilities, and improving accessibility and clarity of the chatbot's responses and features.
In the Define phase, we consolidated insights from Discovery to outline Debbie-M's user problems, goals, and design requirements. Key issues included a cluttered interface, difficulty navigating budget-related queries, and ineffective search functionality. Users needed a simpler, intuitive interface with improved search options and better content organization. Our design goals focused on streamlining the UI, enhancing search capabilities, and improving accessibility and clarity of the chatbot's responses and features.
Ideation
Ideation
During the Ideation phase for Debbie-M, we brainstormed solutions to improve the UI. We designed a clean, modern layout with better task grouping (budget queries, government process guidance, and information retrieval) to enhance navigation and accessibility. For customization, we added options to allow users to tailor the chatbot to their specific needs, ensuring it aligns with their requirements for a personalized experience.
During the Ideation phase for Debbie-M, we brainstormed solutions to improve the UI. We designed a clean, modern layout with better task grouping (budget queries, government process guidance, and information retrieval) to enhance navigation and accessibility. For customization, we added options to allow users to tailor the chatbot to their specific needs, ensuring it aligns with their requirements for a personalized experience.
Wireframes
Wireframes
We created a wireframe to simplify the Debbie-M dashboard, organizing key features more clearly. The search interface was redesigned for smoother interactions, allowing users to easily access budget data and government process information. We focused on clarity, ensuring the design was intuitive and streamlined for better user navigation without overwhelming them.
We created a wireframe to simplify the Debbie-M dashboard, organizing key features more clearly. The search interface was redesigned for smoother interactions, allowing users to easily access budget data and government process information. We focused on clarity, ensuring the design was intuitive and streamlined for better user navigation without overwhelming them.
Visual Design
Visual Design
In the Visual Design phase, we created a sleek, modern aesthetic with a high-contrast color palette for readability and a tech-forward feel. We updated iconography for simpler interactions and added visual cues to guide users. Customization features were integrated, allowing users to personalize the interface for a more intuitive experience.
In the Visual Design phase, we created a sleek, modern aesthetic with a high-contrast color palette for readability and a tech-forward feel. We updated iconography for simpler interactions and added visual cues to guide users. Customization features were integrated, allowing users to personalize the interface for a more intuitive experience.
Color Palette
Color Palette
The interface uses brand colors to maintain a consistent visual identity. Minimal colors are applied to key elements like call-to-action buttons and alerts, improving clarity and focus without overwhelming the user. This approach fosters a balanced and intuitive experience.
The interface uses brand colors to maintain a consistent visual identity. Minimal colors are applied to key elements like call-to-action buttons and alerts, improving clarity and focus without overwhelming the user. This approach fosters a balanced and intuitive experience.
Typography
Typography
We used Montserrat as the primary typeface for its modern, clean design and readability. Its geometric shapes ensure clarity across screen sizes, making it ideal for both detailed content and quick UI elements, aligning with the platform's goal of delivering clear and user-friendly information.
We used Montserrat as the primary typeface for its modern, clean design and readability. Its geometric shapes ensure clarity across screen sizes, making it ideal for both detailed content and quick UI elements, aligning with the platform's goal of delivering clear and user-friendly information.
Summary
Debbie-M is the official chatbot of the Department of Budget and Management (DBM) in the Philippines. It helps citizens access budget information and navigate government processes. With a user-friendly interface, customizable UI, and improved search capabilities, Debbie-M simplifies complex tasks, boosts public trust, and enhances efficiency in accessing government services.
Debbie-M is the official chatbot of the Department of Budget and Management (DBM) in the Philippines. It helps citizens access budget information and navigate government processes. With a user-friendly interface, customizable UI, and improved search capabilities, Debbie-M simplifies complex tasks, boosts public trust, and enhances efficiency in accessing government services.