
ZPlan
Website
Summary
Redesign of a B2B tool intended for electricians, to facilitate the planning of electrical installations. The work focused on information architecture, clarity of interfaces on small screens, and the addition of features to automatically recommend the right products. Special attention was given to micro-interactions and the smoothness of the experience.





Context
Product : Web tool for planning electrical installations
Company : Hager
Target users : Electricians and installation technicians
Issues :
Clarify the organization of the interface on small screens
Simplify the configuration of complex electrical fields
Integrate an automatic product recommendation system
Problems to solve
Poorly readable and complex interfaces on laptop or tablet
Lack of clarity in the sequence of steps
Difficulty in identifying optimal product combinations
Methodology
Research and Inspiration :
Comparative analysis of professional planning tools
Internal interviews with installers
Ideation and Prototyping :
Addition of an assistant to guide product choices
Redesign of merge/separation logic for fields
Prototyping micro-interactions in context
Collaboration & Tools :
Figma mockups
Continuous collaboration with developers and product managers
Testing and Iterations :
Exploratory testing with electricians in real conditions
Refinement of ergonomics on small screens
Results & Impact
Deliverables :
Functional prototypes on Figma
Specifications of interactive behaviors
Impact :
Improvement of readability and completion rates of configurations
Better adoption among professional users
Feedback :
A very hands-on project that allowed me to deepen the relationship between business needs and user experience.
Project Link
© 2025 Mehdi Maalej











