QNP Group — Website & CMS
Website Design & Development
QNP Group
Working proposal
UX/UI, frontend & CMS planning
QNP / FIELD NOTES
The screen was only the beginning.
A working argument
I wanted the system to be visible.
For QNP Group, I presented more than a set of page designs. I paired a working website with the editor behind it so the conversation could move from how the site looked to how the team would keep it moving.
The presentation explored Next.js and Payload CMS together: one side for the public experience, the other for reusable content, preview, media, SEO, forms, and day-to-day publishing.
The CMS as a design decision
A polished homepage is only the first screen.
I wanted editors to see a clear path from an idea to a published page. That meant thinking through the structure of blocks and layouts alongside the visual design.
The deck made the admin experience tangible. It showed how the content could be created, reviewed in live preview, and extended without treating every new page as a one-off build.
Make the public story coherent.
I shaped a responsive visual language for QNP’s products and services, then tested it as a working website rather than a stack of static comps.
Give the team useful controls.
Reusable blocks, nested layouts, live preview, media handling, forms, redirects, and SEO fields formed the editor experience I demonstrated.
Plan beyond my handover.
I also documented the GitHub, Coolify, Postgres, and MinIO setup and considered how the application and data could move to QNP-managed infrastructure.
Three connected responsibilities
Experience, structure, continuity.
The screen
A visual interface that made QNP’s offering easier to scan and explore.
The model
A content system made of reusable parts instead of isolated page designs.
The handover
A record of deployment, migration, and ownership considerations.
The next change is where a website proves whether it was designed to last.
The QNP project let me bring design, frontend development, content modelling, and technical planning into one reviewable proposal. The screens were the entry point; the working system and the decisions behind it were the real substance.