Client
CitizenDev
Disciplines
UX Design Responsive Web Application
Timeline
1 month 10.2023 to 11.2023
Collaborator
Vu Tran Trang Nguyen
Deliverables
Researches Wireframes Users Journey Prototypes
Tools
Figma FigJam
CitizenDev People Management System
A [UX] C-CTD
CitizenDev is a pioneer agency in Vietnam, specializing in low-code and no-code solutions for MVPs and Digital Transformation. We empower businesses with cost-effective, IT-approved solutions using platforms such as Bubble.io. Bridging the gaps between technology and business, CitizenDev fosters self-sufficiency and reduces dependence on costly IT teams.
During my probation, I undertook a UX design trial project to showcase my skills. The assignment involved creating an internal people management system with four key features: dashboard, salary, time off, and overtime requests. *Work shown is limited due to a non-disclosure agreement.
Client
CitizenDev
Disciplines
UX Design Responsive Web Application
Timeline
1 month 10.2023 to 11.2023
Collaborator
Vu Tran Trang Nguyen
Deliverables
Researches Wireframes Users Journey Prototypes
Tools
Figma FigJam
CitizenDev People Management System
A [UX] C-CTD
CitizenDev is a pioneer agency in Vietnam, specializing in low-code and no-code solutions for MVPs and Digital Transformation. We empower businesses with cost-effective, IT-approved solutions using platforms such as Bubble.io. Bridging the gaps between technology and business, CitizenDev fosters self-sufficiency and reduces dependence on costly IT teams.
During my probation, I undertook a UX design trial project to showcase my skills. The assignment involved creating an internal people management system with four key features: dashboard, salary, time off, and overtime requests. *Work shown is limited due to a non-disclosure agreement.
Client
CitizenDev
Disciplines
UX Design Responsive Web Application
Timeline
1 month 10.2023 to 11.2023
Collaborator
Vu Tran Trang Nguyen
Deliverables
Researches Wireframes Users Journey Prototypes
Tools
Figma FigJam
CitizenDev People Management System
A [UX] C-CTD
CitizenDev is a pioneer agency in Vietnam, specializing in low-code and no-code solutions for MVPs and Digital Transformation. We empower businesses with cost-effective, IT-approved solutions using platforms such as Bubble.io. Bridging the gaps between technology and business, CitizenDev fosters self-sufficiency and reduces dependence on costly IT teams.
During my probation, I undertook a UX design trial project to showcase my skills. The assignment involved creating an internal people management system with four key features: dashboard, salary, time off, and overtime requests. *Work shown is limited due to a non-disclosure agreement.
Introduction
Purposes
///coming-soon
Introduction
Purposes
///coming-soon
Introduction
Purposes
///coming-soon
Challenges
///coming-soon
Challenges
///coming-soon
Challenges
///coming-soon
Discover
Secondary Research
Although it deviated from typical secondary research, I was tasked with reviewing and familiarizing myself with CitizenDev's human resources policies to gain a deeper understanding of the company's operations. These documents, encompassing everything from leave policies to overtime policies, proved invaluable in uncovering platform use cases and potential negative flows within the user flows.
Discover
Secondary Research
Although it deviated from typical secondary research, I was tasked with reviewing and familiarizing myself with CitizenDev's human resources policies to gain a deeper understanding of the company's operations. These documents, encompassing everything from leave policies to overtime policies, proved invaluable in uncovering platform use cases and potential negative flows within the user flows.
Discover
Secondary Research
Although it deviated from typical secondary research, I was tasked with reviewing and familiarizing myself with CitizenDev's human resources policies to gain a deeper understanding of the company's operations. These documents, encompassing everything from leave policies to overtime policies, proved invaluable in uncovering platform use cases and potential negative flows within the user flows.
User Interviews
I initiated the process by interviewing three key stakeholders to gain deeper insights into the application requirements and clarify any questions I had regarding the policy:
HRM: To gain a comprehensive understanding of the internal human resources policies.
CEO: To grasp the product requirements and define the project's scope.
Members: To understand their preferences and pain points when interacting with human resources workflows within CitizenDev.
Upon completing this research phase, I successfully generated a foundational set of user tasks, which served as the backbone for further development.
User Interviews
I initiated the process by interviewing three key stakeholders to gain deeper insights into the application requirements and clarify any questions I had regarding the policy:
HRM: To gain a comprehensive understanding of the internal human resources policies.
CEO: To grasp the product requirements and define the project's scope.
Members: To understand their preferences and pain points when interacting with human resources workflows within CitizenDev.
Upon completing this research phase, I successfully generated a foundational set of user tasks, which served as the backbone for further development.
User Interviews
I initiated the process by interviewing three key stakeholders to gain deeper insights into the application requirements and clarify any questions I had regarding the policy:
HRM: To gain a comprehensive understanding of the internal human resources policies.
CEO: To grasp the product requirements and define the project's scope.
Members: To understand their preferences and pain points when interacting with human resources workflows within CitizenDev.
Upon completing this research phase, I successfully generated a foundational set of user tasks, which served as the backbone for further development.
Define
User Tasks
The user tasks were created after the Discover phase, during which I gained a deep understanding of CitizenDev's internal human resources workflows and how its members envisioned such a platform functioning.
Define
User Tasks
The user tasks were created after the Discover phase, during which I gained a deep understanding of CitizenDev's internal human resources workflows and how its members envisioned such a platform functioning.
Define
User Tasks
The user tasks were created after the Discover phase, during which I gained a deep understanding of CitizenDev's internal human resources workflows and how its members envisioned such a platform functioning.
Sitemap
The sitemap served a dual purpose: it helped me organize user tasks and visualize the information required for the platform. I collaborated closely with the human resources team to determine the appropriate content for the platform.
Sitemap
The sitemap served a dual purpose: it helped me organize user tasks and visualize the information required for the platform. I collaborated closely with the human resources team to determine the appropriate content for the platform.
Sitemap
The sitemap served a dual purpose: it helped me organize user tasks and visualize the information required for the platform. I collaborated closely with the human resources team to determine the appropriate content for the platform.
User Flows
I created user flows to visualize the user journey through their tasks. This helped me ensure a seamless user experience by preventing overlooked screens during my design process.
User Flows
I created user flows to visualize the user journey through their tasks. This helped me ensure a seamless user experience by preventing overlooked screens during my design process.
User Flows
I created user flows to visualize the user journey through their tasks. This helped me ensure a seamless user experience by preventing overlooked screens during my design process.
Design
Wireframes
The probation project provided an opportunity for me to showcase my wireframing capabilities.
Design
Wireframes
The probation project provided an opportunity for me to showcase my wireframing capabilities.
Design
Wireframes
The probation project provided an opportunity for me to showcase my wireframing capabilities.
Hi-fi
Brand consistency is essential. I always develop UI style guides aligned with company branding, and this project is no exception.
Hi-fi
Brand consistency is essential. I always develop UI style guides aligned with company branding, and this project is no exception.
Hi-fi
Brand consistency is essential. I always develop UI style guides aligned with company branding, and this project is no exception.
Deliver
Handover
///coming-soon
Deliver
Handover
///coming-soon
Deliver
Handover
///coming-soon
Features
Salary Management
///coming-soon
Features
Salary Management
///coming-soon
Features
Salary Management
///coming-soon
Overtime Management
///coming-soon
Overtime Management
///coming-soon
Overtime Management
///coming-soon
Time Off Management
///coming-soon
Time Off Management
///coming-soon
Time Off Management
///coming-soon
Key Takeaways
Impacts
///coming-soon
Key Takeaways
Impacts
///coming-soon
Key Takeaways
Impacts
///coming-soon
Lessons Learned
///coming-soon
Lessons Learned
///coming-soon
Lessons Learned
///coming-soon
This project belongs to CitizenDev (agency work); please contact me if you are interested in learning more about the case study.
This project belongs to CitizenDev (agency work); please contact me if you are interested in learning more about the case study.
This project belongs to CitizenDev (agency work); please contact me if you are interested in learning more about the case study.