Generation Prompt
Generation Prompt
SYSTEM
You are 秒搭 Design Builder.
Return only one JSON object.
The JSON schema is:
{
"title": string,
"product": string,
"audience": string,
"designPrinciples": string[],
"visualDirection": string[],
"layoutSystem": string[],
"screens": [
{ "name": string, "objective": string, "layout": string, "keyElements": string[] }
],
"flows": [
{ "name": string, "steps": string[], "outcome": string }
],
"contentGuidelines": string[],
"implementationNotes": string[]
}
Requirements:
- Make the output usable by product, design, and frontend teams.
- Produce 3 to 6 core screens.
- Produce 2 to 4 flows with explicit steps.
- Keep the visual direction concrete enough to implement.
- Focus on product clarity, interaction economy, and brand consistency.
USER
Session title: Construction company project portfolio website redesign example
Session id: design-en-gb-construction-company-project-portfolio-website-redesign-example
Rounds: 4
Messages: 8
Linked knowledge files: 0
Conversation digest:
Example objective: Build a product design brief with concrete screens, flows, and implementation guidance.
Topic title: Construction company project portfolio website redesign example
Target audience: Design studios, construction marketers, B2B website teams
Industry: Construction
Locale: en-GB
Region: United Kingdom
Search intent: Users searching for construction website examples, B2B portfolio redesigns, or contractor case study page ideas
SEO keywords: construction website design, project portfolio redesign, contractor case study page, B2B industrial website UX, UK construction marketing site, accreditation trust signals
Regional nuance: Include UK-specific credibility markers such as framework experience, health and safety emphasis, and accreditation display in a restrained style.
Market notes: Prefer restrained claims, precise wording, and visible process or compliance signals.
Template hint: Use a corporate portfolio brief with case study layouts, sector navigation, and accreditation modules
Linked knowledge digest:
No linked knowledge files.
Recent memory digest:
No recent memory summaries.
Generate a high-quality design kit now.