02 / WEB DEVELOPMENT
ProsjektVis
Three fictional business websites, one interactive demonstration platform. From service choices to a structured business demo view.
The objective
ProsjektVis demonstrates possible websites for small Norwegian service businesses. A separate showcase connects independent concepts for car detailing, painting and carpentry/construction. Each has its own visual identity while sharing a guided journey from customer needs to a business overview. This is not a delivered client solution.
My contribution
- Defined the idea, audience, functionality and design direction of an interactive sales demonstration.
- Developed and refined three industry concepts with services, galleries and relevant project questions through AI-assisted work.
- Worked on mobile layouts, clear demo disclosures and keeping real personal information outside the demonstration.
- Tested the built experience, customer journeys, local business view, export and deletion through automated tests and visual reviews.
How I worked
Codex and other AI tools played an extensive role in code implementation, troubleshooting and synthetic imagery. My role covered the idea, requirements, design decisions, testing and iterative refinement. The technical description explains the verified implementation; it does not imply that all code was written independently of AI.
Technical challenges & approach
Three identities, shared interactions
React and TypeScript support individually composed pages with shared service catalogs, dialogs, questions and Zod validation. Detailing includes a comparison and filterable gallery; painting adds color inspiration and surface-area questions; construction adds detailed project ideas and scope/planning questions.
From customer choices to a business overview
The customer chooses a service and predefined answers. The browser validates them and creates a simulated receipt. Each concept's business view shows its own choices with JSON export and deletion. No real enquiry is sent; there are no name, email, phone or free-text fields.
Static output and recorded verification
Vite builds four static HTML entries with their own metadata. The workflow requires no production backend. The recorded local verification of commit d124130 passed 45 unit/component tests and 60 browser tests at four viewport sizes. This documents the tested demonstration, not a production database, client delivery or verified public operation.
Learning focus
The project explores how visual presentation, relevant questions and a clear information flow can work together. It also demonstrates the importance of testing AI-assisted code and separating demonstration data from real customer information.
Project scope
Every business and project image is fictional. Photographic imagery is AI-generated; comparisons illustrate concepts rather than evidence of completed work. Data stays in bounded browser-tab session storage. There is no authentication, CRM, payment, booking, durable customer database or enquiry delivery. Public operation is claimed only when a working URL has been confirmed.