Interface study · Service Website & Client Workspace Study
CUT.STUDIO
Independent Nas.com interface study: 31 public pages plus customer/admin workflows for briefs, private files, feedback and versioned delivery review.
This independent build, concept or interface exercise demonstrates inspectable design and implementation. It is not a commissioned client result and provides no evidence of client revenue or conversion outcomes.
Inside the project
From structure to screen.
A self-initiated work by ZequnWeb. Demo brands, testimonials and figures are illustrative; they are not verified client results.
Website in context
Full-page English demo captures automatically scroll from top to footer. Pause to explore manually, replay, or open the original image.
01 / Page architecture
The information journey
- 01Service pages
- 02Pricing & FAQs
- 03Account
- 04Project brief
- 05Files & feedback
- 06Delivery review
02 / Visual direction
A yellow Start action and large media follow the credited Nas.com reference. Public service pages introduce the offer; the independently implemented workspace uses project status, files and versions to organise collaboration.
03 / Responsive decisions
Public content and workspace controls need different reading densities. The responsive layout brings navigation, brief fields and delivery actions into a narrow content column.
Design analysis based on the implemented work; this is not a record of client research or user testing.
Implementation
Technology
- HTML
- CSS
- JavaScript
- Cloudflare Pages Functions
- D1
- R2
- Cloudflare Pages
Frameworks are listed when supported by the existing project record or public scripts. Content structure and UX are discussed separately above.
Interface study
Delivered work & results
The deliverable is the design and implementation shown here. There are no measured revenue, conversion or customer-growth results for this independent project.
Screenshots record the page on the stated date. They do not verify form delivery, transactions, accessibility or performance.
Explore the public demoConcept focus
What this concept demonstrates
Concept context
An independent ZequnWeb study for fictional CUT.STUDIO. Public-page visuals and credited reference materials are reconstructed from Nas.com; the client workspace and backend are independently implemented. This is not a client commission and has no affiliation with Nas.com.
What changed
The homepage keeps the v5 reference visuals and cover. The wider public site now connects to first-party registration, customer project management and administrator delivery workflows.
Design & implementation highlights
- 31 core public pages preserve source layouts, media and interactions, with canonical route aliases
- Customer and administrator roles use real sessions and project ownership checks
- Private R2 files support authenticated upload and download, with a 25 MiB limit per file
- Briefs, progress, comments and project activity persist in D1
- Versioned delivery review supports revision requests and approval of the latest version
- One-time recovery codes restore account access without a simulated email flow
Project problem
A faithful service website needs both consistent reference visuals and an independent working process for accounts, project briefs, private source files and reviewed deliveries.
Solution
Rebuilt 31 core public pages from the source layouts, CSS, media and interactions, with canonical route aliases. Added first-party customer and administrator workspaces backed by Cloudflare Pages Functions, D1 and private R2 storage.
Delivered
- 31 source-based public pages, canonical route aliases and responsive navigation
- Reference typography, media, smooth FAQs and source credits
- Registration, secure session login, password changes and one-time recovery codes
- Customer briefs, private uploads up to 25 MiB per file and project feedback
- Administrator assignment, progress updates and project activity history
- Versioned deliveries, revision requests and approval of the latest version
Technology stack
- HTML
- CSS
- JavaScript
- Cloudflare Pages Functions
- D1
- R2
Business Value
What this project proves
Connects a faithful public interface to a real service workflow, with project ownership checks, private file access and a shared record of feedback and delivery decisions.
Start Here
Want to shape this into a real website?
Send the business type, current site or references, target customers, and rough budget. I will help narrow the useful scope first.