Divisan
Digitizing Production Control for a Manufacturing Company
Product Designer & Frontend Engineer
3-person studio (Coudera)
2026 — Present
Pencil, Figma, Vue.js, GitHub
Research, UX/UI Design, Frontend Development
From paper to digital
Divisan manufactures cattle identification rings across multiple production stages. Before our engagement, their entire production tracking process relied on paper logs and disconnected spreadsheets — leading to thousands of pesos lost monthly in untracked raw materials.
I designed and built a digital tracking system that factory workers use daily to log materials at every production stage, giving the company its first real visibility into costs, waste, and purchasing needs.
Zero visibility, real losses
- →Raw material usage was tracked on paper — or not at all
- →No one knew how much material was consumed per batch, per color, per stage
- →Losing significant money monthly due to untracked waste
- →Purchasing decisions based on gut feeling, not data
The previous process: paper logs and disconnected spreadsheets
Designing for limited digital literacy
The primary users — factory floor workers — had limited digital literacy. Many had never used a digital form beyond a basic phone app.
They needed to fill out multiple tracking forms per day, across different production stages, often with dirty hands and in a noisy environment.
This meant the system couldn't just be “usable.” It had to be nearly impossible to mess up.
Error prevention over error correction
Stage-by-stage forms
Instead of one long form, discrete forms per production stage. Each form only asks for what's relevant at that exact moment.
Large touch targets & minimal typing
Buttons, selectors, and pre-filled options wherever possible. Free-text input only when absolutely necessary.
Visual confirmation
After each submission, a clear visual confirmation shows what was logged. No ambiguity.
Smart defaults
The system pre-fills the most likely values based on the current production batch, reducing decisions per form to a minimum.
Stage-by-stage form design
Material selection with visual confirmation
Supervisor dashboard — real-time production monitoring
What I learned
- →Designing for users with limited digital literacy fundamentally changed how I approach form design. Simplicity isn't a nice-to-have — it's the entire strategy.
- →Owning both design and frontend meant I could iterate on interaction details in code without handoff cycles.
- →If I started again, I'd implement analytics tracking from day one to measure impact with precision.
Evolve Grappling Pro
