bobi-webdesign · mockups

Web design concepts

Seven speculative builds for fictional businesses, made to show what the studio's web work looks like across different verticals and scopes. Two ship in English and European Portuguese. None of these are clients and none of them are live.

Voltgrove Electric concept, desktop

Voltgrove Electric

One-pager

Trades and home services. Conversion-first: the phone number is a design element, there is a sticky call bar on mobile, and the quote form asks for a photo because most jobs can be priced from one.

Electrical contractorDark / industrialQuote formSticky call bar
Ashgrain Bakehouse concept, desktop

Ashgrain Bakehouse

Small business site

Food and drink. Appetite-led, image-first, with the menu treated as a second hero rather than a PDF link. Centred masthead and a full-bleed hero give it an editorial rhythm.

Bakery & coffeeWarm / editorialPriced menuOpening hours
Solvane concept, desktop

Solvane

Small business site

Wellness and class-based businesses. Built around a real weekly timetable that collapses from six columns to a stacked day list with no JavaScript, plus membership tiers and teacher profiles.

Pilates studioCalm / lightWeekly timetableMembership tiers
Casa Andrela concept, desktop

Casa Andrela EN · PT

Custom

Hospitality. The most art-directed of the set: a booking bar overlapping the hero, rooms laid out as editorial rows rather than a card grid, and a direct-booking argument built into the copy.

Boutique guesthouseRefined / editorialBooking barRoom rates
Weldenbrook concept, desktop

Weldenbrook

Small business site

Professional services. Deliberately the plainest page here — no gradients, almost no colour, quality carried by typography and spacing alone. It exists because a solicitor looking at the other five thinks "too fancy for me".

Accountancy practiceSober / typographicFee transparencyOnboarding steps
Alvamar concept, desktop

Alvamar EN · PT

Small business site

Seasonal and booking-led, built for the Portuguese market. Its distinctive piece is a month-by-month conditions table — the thing a surf customer actually wants to know and almost no operator publishes clearly.

Surf school, AlgarveSun-bleached / warmSeason tableBilingual
Marlden Cycles concept, desktop

Marlden Cycles

Small business site

Retail. The only concept here that sells a thing off a shelf — a product grid with real stock states, a fixed-price service menu, and this week’s workshop availability. A shop that does not say what is in the shop wastes a phone call per visitor.

Bike shop & workshopWorkshop / sturdyProduct gridService menu

Every business on this page is invented. Names were checked against real businesses before use, UK phone numbers come from the Ofcom ranges reserved for drama (0113/0117/0161 496 0xxx, 07700 900xxx), the Portuguese number sits in an unallocated block, and email addresses use the reserved .example domain.

Prices shown inside a concept belong to that fictional business. They are not Bobi Labs pricing and must never be read as such — docs/mockups.md covers the full set of constraints.