Find your next look
Service pages and the gallery provide different routes into the salon experience.
Hair & beauty · Bahrain
Johnny & Co
A salon experience with room for its own personality.
An English and Arabic salon website bringing services, locations, style inspiration and the brand's story together.
The homepage introduces the visual personality, while the awards archive gives recognition its own organised place.
The context
What does the visitor need?
A salon website has to be both expressive and practical. Visitors may arrive looking for a particular service, a location, inspiration or confidence in the team. The website connects those different starting points without turning every page into the same sales message.
Our approach
Design around the job to be done.
We brought the services, Seef and Amwaj locations, gallery, products, articles and story into a consistent bilingual experience. Photography and editorial layouts give the brand room to show its style. The awards archive provides a dedicated place for recognition and qualifications; optimised viewing images keep that evidence accessible without loading oversized originals for everyday browsing.
What we delivered
Details that make the experience useful.
Choose the right location
The two location pages keep branch information close to the planning step.
Plan, then confirm
The visit planner prepares an unsent message for review. It does not store enquiries or confirm appointments automatically.
The visitor journey
From interest to the next step.
One way visitors can move through the website.
- Explore a service or look
- Choose Seef or Amwaj
- Review practical details
- Prepare a visit enquiry
Across screen sizes
One website. Room for every screen.
The same page at three viewport sizes. Select any screen to explore the detail.
Designed for the next step
A visit request routed to the right team.
Visitors select their salon and interest before previewing a WhatsApp request. For the Amwaj branch, separate men’s and ladies’ phone lines sit beside shared WhatsApp and email options. These are different routes to the relevant team, not an automatically confirmed appointment.
Test evidence
A closer look at website health.
Lighthouse lab checks of the live homepage on 13 November 2026, on mobile and desktop. Scores below are ordered: performance, accessibility, best practices and SEO.
What do these results mean?
These checks help identify friction in loading, using and understanding a page. They guide improvements; they do not guarantee enquiries, search rankings or full accessibility compliance.
The headline scores
- Performance
- How quickly content appears, becomes usable and stays in place during this test.
- Accessibility
- Automated checks for barriers such as missing labels or low contrast. Manual review is still needed.
- Best Practices
- Basic browser, connection and code checks; this is not a full security audit.
- SEO
- Technical basics that help search engines read the page. This is not a ranking prediction.
- Agentic Browsing
- Experimental checks for AI browsing tools. A fraction such as 2/2 shows checks passed, not a score out of 100.
Timing and stability
- FCP
- When the first text or image appears.
- LCP
- When the largest visible piece of content appears.
- TBT
- Time when long tasks can delay input during loading.
- CLS
- How much content unexpectedly shifts position.
- Speed Index
- How quickly the visible page fills in.
For these timings and CLS, lower is better. s means seconds; ms means milliseconds.
These are snapshots of lab tests, not real-user data or whole-site certification. Results vary between runs with device, network and test conditions. Select a report to enlarge it.
The delivered result
A clearer, connected experience.
The brand's services, locations and story now share a connected, mobile-friendly home in English and Arabic, with clear routes to explore a look and plan a visit.
Designed for more than one language
Two real views of the same interior page show how the content is presented for each language, while keeping the next step clear.