Chapter 1. Setting the Stage
This project was built to solve a practical client-side sales problem. When the client was away from a laptop, they could not quickly prepare number plate previews because the existing workflow depended on Adobe Photoshop or Illustrator. That made even a simple response slow whenever an order inquiry came in while traveling.
This work was delivered in collaboration with Client and hired developer team.
Chapter 2. Carrying the Work
Responsibilities in this project included Project direction and scope definition, Workflow translation into web flow, Generator feature planning, Preview and download flow review, and Quality assurance and use-case validation.
Chapter 3. What Changed
The result was a lightweight web generator that allowed the client to fill in the required plate parameters, preview the result immediately, and download the output without opening desktop design software. It reduced response friction and made the workflow much more practical for mobile use.
Chapter 4. The Problem and the Response
Problem
Before this project, the client had to rely on manual design tooling to produce previews. That meant a laptop and Adobe software were effectively required even for quick customer-facing tasks, which created delays whenever a buyer needed a fast response.
Solution
The solution was to move the workflow into a web-based plate generator. Instead of assembling the preview manually, the client could simply input the plate parameters, review the generated preview, and download the result directly from the website.
Chapter 5. How It Was Built
My contribution sat at the project-lead and QA layer. The critical work here was making sure the generator solved the right problem, stayed simple enough for quick use, and produced output that matched the client's real operational need rather than just looking visually acceptable.
Implementation Flow: The input form translates plate parameters into a structured payload that the generator can read consistently across devices. Preview generation logic renders the requested output so the client can confirm the visual result before download. Quality checks focus on whether the generated result stays fast, readable, and reliable enough for real quoting situations on mobile.
Implementation details included Mobile-friendly generator workflow, Parameter-based plate generation, Preview and download support, Project direction and requirement clarification, and Quality assurance for real client usage.
Some implementation details are intentionally generalized because the portfolio focuses on the workflow outcome rather than exposing the full production setup.
Chapter 6. Application Flow
Primary Flow: The client opens the website from a phone or any device without needing desktop design software. Required plate parameters are entered into the web form. The website generates a live preview so the client can confirm the result visually. Once correct, the generated plate can be downloaded and used for the customer response flow.
