Oliver Brown — Design, Direction, Programming, Consulting website analysis
A detailed critique of the homepage's craft, originality, usability, and ability to move visitors toward its intended goal.
Our observations
A distinctive and disciplined typographic portfolio that succeeds as a personal index, but would be substantially stronger as a gallery entry with visible project evidence and improved semantic structure.
Best practices
Strong contrast and a clear content sequence support basic readability, while semantic implementation has several measurable gaps.
What works
- Automated contrast sampling found no failures across 65 samples.
- Contact information is presented immediately and remains easy to identify.
- The service, collaborator, and project groups are clearly separated by underlined headings.
Opportunities
- Add a meaningful H1 that identifies Oliver Brown and the practice.
- Declare the document language and add a main landmark to improve semantics and assistive technology navigation.
- Verify that muted project annotations and all interactive states remain sufficiently distinguishable in every state.
Design
The restrained black-and-white system is coherent, confident, and unusually focused on type and spacing.
What works
- The large negative space creates a memorable, editorial composition.
- A consistent typographic treatment avoids generic portfolio-card conventions.
- The ordering from services to collaborators to selected projects creates a logical narrative.
Opportunities
- Introduce selective project imagery, outcomes, or case-study context so the design practice is demonstrated rather than only listed.
- Clarify the visual distinction between actionable project links and supporting collaborator text.
- Review the balance of the very wide empty canvas against the narrow content column on common desktop and mobile widths.
Uniqueness
The homepage has a strong point of view and avoids the visual language common to image-heavy creative portfolios.
What works
- The almost index-like presentation feels authored and specific to an independent practitioner.
- The absence of decorative UI makes the typographic hierarchy the central identity device.
- The mix of design, programming, and consulting is communicated without packaging the services into generic cards.
Opportunities
- Use project-specific editorial treatments or concise outcomes to extend the distinctive voice beyond the landing page.
- Make the relationship between Oliver Brown, collaborators, and individual projects more explicit where relevant.
User experience
The page is easy to scan for someone already seeking contact or a service list, but provides limited help for evaluating past work.
What works
- The primary contact routes appear at the top of the page.
- The section sequence is predictable and scannable.
- The limited visual treatment reduces distraction and interface complexity.
Opportunities
- Provide short descriptions or dedicated previews for selected projects before asking visitors to follow links.
- Ensure keyboard focus, hover, and visited states are as legible as the default presentation.
- Add semantic landmarks and a document heading hierarchy that reflects the visible structure.
Conversion optimization
For a personal practice homepage, direct contact visibility is effective; credibility and project evaluation are comparatively underdeveloped.
What works
- Email, phone, and social contact are immediately available.
- The service list quickly communicates breadth across design, development, and consulting.
- Named collaborators and clients provide useful social proof.
Opportunities
- Add a concise positioning statement explaining the type of engagement or problem Oliver Brown is best suited to handle.
- Give each selected project a clear purpose, role, and result to support prospective-client evaluation.
- Use a more explicit contact invitation after the project list, especially for visitors who reach the end of the page.
What we'd improve
- 01high
Strengthen project evidence
Add compact project summaries, representative imagery, or outcome-focused case-study links so visitors can assess the quality and scope of the work from the homepage.
- 02high
Repair document semantics
Add a descriptive H1, set the HTML language, and introduce a main landmark while preserving the existing visual hierarchy.
- 03medium
Clarify interactive hierarchy
Make link states and project-versus-collaborator relationships visually and programmatically clear, including keyboard focus and visited states.
- 04medium
Add a purposeful contact close
End the project sequence with a concise invitation and preferred contact route to convert interest generated during the scroll.
- 05low
Validate responsive typography
Test the long lists at narrow widths, zoomed text sizes, and reduced-motion settings; adjust wrapping and spacing without losing the intentionally sparse character.
