Meissner Services / Design review
Choose the parts you want to keep. Each direction presents the same service with a different emphasis.
Reply with KEEP 1.PROCESS 6.HERO, STYLE 4. Open a page with tags to see its section names.
These are working previews. All seven have local builds. Deployment and QA evidence are tracked below; captured phone views replace preview frames as final checks arrive.
Direction 01 · Hannibal
A calm, dark process map. One accountable human, four visible stages.
Pattern references used: thoughtbot. Ideas only; original code and copy.
1.HERO · 1.LOGO · 1.SPEED · 1.PROCESS · 1.TERMS · 1.CONTACT · 1.PROMISE
Local mobile: performance 100 / accessibility 100. Phone screenshot ↗. Final deployed/form QA pending.
Direction 02 · Face
A bright, direct promise with objections answered in sequence.
Research references suggested for this direction; final selection with page owner: thoughtbot · clearleft · hashrocket · tenclouds. Ideas only; original code and copy.
2.HERO · 2.LOGO · 2.ANSWERS · 2.HOW · 2.PRICE · 2.WHO · 2.TEAM · 2.CANON · 2.CONTACT
Local mobile: performance 100 / accessibility 94. Phone screenshot ↗. Final deployed/form QA pending.
Direction 03 · Murdock
An expressive visual idea and an explicitly illustrative agent console.
Pattern references confirmed by page owner: linear · railway · basement · evilmartians · 10up · darkroom. Ideas only; original code and copy.
3.HERO · 3.CONSOLE · 3.ANSWERS · 3.PROMISE · 3.WHO · 3.PRICE · 3.CONTACT
Local mobile: performance 79 / accessibility 96. Phone screenshot ↗. Final deployed/form QA pending.
Direction 04 · B.A.
Industrial craft, practical tools, and how the work gets built.
Pattern references confirmed by page owner: oxide · hashrocket · sparkbox. Ideas only; original code and copy.
4.HERO · 4.LOGO · 4.TOOLS · 4.BUILD · 4.OPERATOR · 4.CONTACT · 4.PROMISE
Local mobile: performance 100 / accessibility 100. Phone screenshot ↗. Final deployed/form QA pending.
Direction 05 · Amy
Editorial transparency: scope, price examples, terms and questions.
Research references suggested for this direction; final selection with page owner: clearleft · hashrocket · fourteenislands · tenclouds. Ideas only; original code and copy.
5.HERO · 5.PROMISE · 5.SPEED · 5.PRICING · 5.TERMS · 5.WRONG · 5.FAQ · 5.STORY · 5.DISCLOSURE · 5.LOGO · 5.CONTACT
Local mobile: performance 100 / accessibility 100. Phone screenshot ↗. Final deployed/form QA pending.
Direction 06 · Hannibal
A warm bilingual conversation with an English/Spanish switch.
Pattern references used: metalab. Ideas only; original code and copy.
6.HERO · 6.LOGO · 6.WORK · 6.SPEED · 6.HUMAN · 6.CONTACT · 6.ES.HERO · 6.ES.LOGO · 6.ES.WORK · 6.ES.SPEED · 6.ES.HUMAN · 6.ES.CONTACT · 6.PROMISE
Local mobile: performance 100 / accessibility 100. Phone screenshot ↗. Final deployed/form QA pending.
Direction 07 · Face
Brian’s real story, told with a minimal mobile-first layout.
Research references suggested for this direction; final selection with page owner: viget · tenclouds · mirego · smashingmag. Ideas only; original code and copy.
7.HELLO · 7.LOGO · 7.STORY · 7.HOW · 7.CANON · 7.CONTACT
Local mobile: performance 100 / accessibility 100. Phone screenshot ↗. Final deployed/form QA pending.
The tentative mark
Original supplied PNG above. The traced vector and small-size mark below are tentative assets for comparison, not an approved replacement.
Vector trace
Small mark at 32 and 64 pixels
Seven interpretations / KEEP the mark you like
1.LOGO
2.LOGO
3.LOGO
4.LOGO
5.LOGO
6.LOGO
7.LOGO
Pattern research / screenshots and notes
36 captured references: 27 service businesses matching the brief, plus 9 product and publishing references. Screenshots are research evidence, not assets used in the marketing pages.
Hero pairs a plain promise ('When the stakes are high, experience matters') with one red CTA ('Let's talk'): one-promise-one-action above the fold.
Bold retro wordmark glow + monospace sub-line naming exactly who they serve; terminal-flavoured annotations floating in the hero.
Single big serif statement over a dark motion object, with work list as small pills on the left: confident minimalism + motion.
Headline + one-sentence positioning + a single 'Email us about your design challenge' mailto CTA: contact as the primary action.
'Building a better digital world.' + one line of who/what + 'independent since 1999': plain-spoken credibility without hype.
Huge centered type with inline colour shapes ('Trusted ◆ Digital ▬ Collaboration'): playful typographic hero without photos.
Promise names the client's fear directly: 'built on time and within your budget', plus visible phone number in the nav.
Wireframe 3D line-art hero with a HUMAN/MACHINE toggle at the bottom: line art echoes our logo style; toggle idea = human+agents.
Oversized split typography ('Design & Technology') with generous whitespace: editorial calm.
Category chips above headline (AI · Mobile · Web · Growth) then a 3-word promise: instant scannable scope.
Dark hero, coloured keyword in the headline ('AI-native commerce'), product mock bleeding off the edge.
Small numbered eyebrow ('/01 AI OPERATIONS FOR…') above an uppercase headline: section-numbering system we can reuse for element IDs.
Background video with an explicit 'PAUSE BACKGROUND' control: accessible motion done right.
Light-ray swoosh over dark with thin large type: premium feel from one abstract shape, no photos.
Outlined-pill highlight on one word ('together') inside a big headline: emphasis without colour noise.
Single 'LET'S TALK' pill CTA repeated in nav and hero: consistent conversion target.
Friendly illustrated avatars and tag chips: warmth through illustration instead of stock photos (we must not use fake-people images).
Brutalist black/white blocks with thick rules and a framed section label ('BIG CLIENTS'): strong section framing (we'd frame 'TOOLS WE WORK IN', never clients).
Loud red-on-black condensed display type + tiny mono annotations: maximal Wild Card energy.
Hero shows the real product UI (issue view with live activity feed) as the proof: our analogue is an illustrative agent console.
Dark scenic hero with an embedded app panel showing an alert and graph: 'live-feeling' system panel inside marketing.
CLI/API/CONSOLE tabbed terminal snippet beside server-rack art labelled 'FIG. 1': engineering-drawing labels fit our server-stack logo.
Centered geometric mark with three short capability lines to the side ('For coding agents / To ship apps and agents / Automated by agents').
Monospace body text and a dense logo grid: developer-native tone; grid pattern reusable for 'tools we work in' wall.
'Build in a weekend / Scale to millions' two-line promise, feature cards with tiny code/UI fragments.
Interactive booking widget embedded in the hero: the contact action is the hero (our version: WhatsApp/email picker).
'Agentic software engineering for your entire team' sub-line + three dark capability cards under the hero.
Solo operator site in first person, plain text, explicit 'email me' and honest scope: founder voice as the trust signal.
Gradient-highlighted words inside a friendly headline ('Let's build something excellent together') + 'BOOK A CONSULT' repeated in nav and hero.
Full-bleed giant wordmark as the header itself, pill nav chips above: the name IS the hero.
Dark blue hero with product UI ghosted behind copy, twin CTAs 'Talk to an Expert' / 'See Our Work'.
Plain-spoken positioning ('Good software deserves a second act... Almost never a rewrite.') + service tiles (Consulting, Managed Support, Upgrades) as scannable offers.
Dark text card over imagery: 'WHAT WE DO' eyebrow, one paragraph, two CTAs; plus explicit 'infrastructure you actually own' (matches our 'you own everything').
Eyebrow 'KEEP MOVING FORWARD' + bold two-line value prop + single green CTA: momentum framing for capacity buyers (our agencies/freelancers audience).
Serif headline on pure black with a single news line: restraint and confidence.
Coloured keyword lead-in ('AI-Native Engineering') with one 'Book A Consultation Call' button: clear service category + action.
Phone views · Light and dark · Section tags · Keyboard navigation · Reduced motion · Email and WhatsApp links · Performance and accessibility.
Preliminary local mobile Lighthouse 13.5 results below. Scores span the shared-form integration and are not final production approval. All seven pages fit 390 px and expose email and WhatsApp links after shared-contact correction 25a8a4d. Variant 3 misses the 90 performance target; its owner has the finding. Seven real form submissions and inbox acknowledgements remain pending.
| Direction | Performance | Accessibility | Phone view |
|---|---|---|---|
| 1 | 100 | 100 | Screenshot |
| 2 | 100 | 94 | Screenshot |
| 3 | 79 | 96 | Screenshot |
| 4 | 100 | 100 | Screenshot |
| 5 | 100 | 100 | Screenshot |
| 6 | 100 | 100 | Screenshot |
| 7 | 100 | 100 | Screenshot |
