production
MONITORING
Software design
Client
Hewlett-Packard
Involment
CX Lead
UX designer
UI designer
Visual designer
Skills used
Prototyping
Wireframing
Interaction design
User interview
User test
Tools used
Figma
Jira
Skills used
Prototyping – Wireframing
Interaction design – User interview
Tools used
Axure – Jira
Date
2021 – 2023
Context
Live Production is a web-based tool developed to address the printing industry’s need for enhanced monitoring and control of printer production. This solution caters to companies with printer fleets ranging from 3 to 15 machines operating simultaneously. While primarily targeted at Production Managers (PMs), its utility extends to operators and other company members.
Key project objectives included:
- Enabling real-time visibility of overall production for PMs.
- Assisting PMs in identifying production gaps for optimization.
- Furnishing quality controls to PMs.
- Providing instant status updates on individual printers for PMs.
Fase 1.
User research & exploration
The tool was developed entirely from the ground up, and to undertake this endeavor, the team was composed of 1 Project Manager, 3 developers, 1 Customer Experience Lead, and myself as the UI-UX-Visual Designer. From the outset, we opted for an agile methodology to ensure rapid and efficient learning and implementation.
At this stage, our primary objective was to thoroughly uncover and comprehend user needs, which would subsequently define the project’s scope. To achieve this, the Customer Experience Lead and I orchestrated user interviews, with support from the research team. We conducted approximately four rounds of in-depth interviews, yielding conceptual designs as outcomes.
Fase 2.
Insights & definitions
Utilizing insights garnered from the interviews, we finalized user personas and mapped the customer journey to pinpoint user pain points.
Once we identified essential needs, user prerequisites, and goals, we progressed to defining all the minimum MVP requirements. This step allowed us to estimate the required effort and assess the project’s viability with the entire team. Given the business approval to proceed, we established the initial product roadmap.
Fase 3.
Ideation & validation
During this phase, the low-fidelity wireframes transitioned into high-fidelity versions. Layouts and flow alternatives were developed to test various hypotheses with users. Some tests involved observing Production Managers (PMs) as they interacted with a fully operational prototype, while others incorporated interviews encompassing both qualitative and quantitative inquiries regarding UI options.
Throughout this process, the insights gained were used to refine the previously outlined roadmap. Concurrently, the IT team initiated the foundational work for the MVP.
Wireframe representation
Jobs search feature
Fase 4.
UI definition & components
creation
In this stage, I commenced crafting interaction and visual specifications for the Development team. Simultaneously, I designed components integrated into the shared design library used by various solution teams, complete with custom icons.
To ensure clarity, I generated separate prototypes that the IT and QA teams utilized for validation.
This phase also marked the inclusion of development teams from India, Israel, and the US in the project.
Fase 5.
Beta users, integration & market release
At HP, all software solutions coexist within a unified platform. To initiate MVP testing, I personally redesigned the platform to seamlessly integrate this new tool in an intuitive manner. A critical aspect was comprehending the users’ mental model and translating it into an informative architecture. Over time, I assumed the central design role for this platform as well.
After integration, the solutions went through some months of beta testing with users. During this time, we conducted further rounds of interviews to gather insights, which were then applied to refine the product in line with user needs and goals.
Following the product’s market launch and prior to transitioning to another project, I assumed the role of Customer Experience Lead for the project, alongside my responsibilities as a UI-UX and Visual Designer. In this capacity, I managed attendance to business team meetings, presentation creation, requirements definition, specification design, and the ideation of the project’s second phase – exploring potential project directions.