frontend-design-website
Launch-ready business website from the first brief
Plan and build a responsive frontend website in the owner's existing stack, from visual direction and HTML/CSS layout to a useful public launch. When a visual design skill is also in use, apply this complete workflow alongside it to keep the customer action, truthful content, publication checks and handover in scope.
Most first sites fail in the same places: a pretty page with no working way to order or book, placeholder text the owner never replaces, a phone layout that breaks, no title or share preview, and an owner who cannot find or edit it a week later. This workflow closes those gaps. It works on any stack or builder the owner already uses. The owner does not need to know web, hosting or domain terms.
Use it for a public website or customer-facing web app. A document, a native-only app, a private internal tool or a local mockup is not a public site; do not turn it into one.
1. Brief: one page of facts before any code
Pull these from the request and the owner's material. Ask only for a fact that would change the first version; otherwise write a visible gap marker such as [opening hours] and continue.
- Business and audience in one sentence, in the owner's language.
- The one action that makes the site worth visiting: see the menu and come in, order, book a time, ask for a quote, buy, enrol, view work, use a tool.
- What the owner already has: name, logo, photos, prices, address, hours, phone, social links, reviews they really received.
- Where the site will live: the platform the owner is using, or the smallest host that fits.
- Language(s) of the visitors.
Never invent reviews, awards, certifications, prices, opening hours or a street address. Use the owner's real words and numbers.