Separate workshop and shop journeys
The opening offers two clear routes. Workshop pages explain the service process; collection pages introduce the range and the kind of product advice available.
/ Design study 50
Cycle shop website design.A concept with character.
A cycle shop website concept with separate routes for workshop services, bicycle browsing and practical rider enquiries.
Illustrative conceptWebsite & content direction
An original study for an imagined business. Concept names and logos are intentionally blurred. This is not a client project or a claim about business results.
Business typeCycle shop
Study scopeDesign · Structure · Content
Concept identity
Technical rules, a strong green palette and a clear bicycle silhouette create a purposeful identity. Bold headings frame the offer, while service descriptions remain compact and readable.
01 / The starting pointA website with
A website with
a clear job to do.
The imagined brief
The fictional cycle shop combines a workshop with a selected range of bicycles and accessories. Its website should help a rider decide whether they need service information, a product conversation or shop details. The brief calls for a capable, independent character without the density of a large retail marketplace.
The customer challenge
Workshop and retail tasks can become mixed in one navigation. A visitor looking for repair information should not have to pass through a product catalogue to find the right enquiry route.
02 / The design directionCharacter in
Character in
the details.
The technical composition, colour palette and type direction give its visual identity. These choices support the way a customer explores the business.
Type & tone / Bold displayFor the ride
ahead.Aa Bb Cc · 0123456789
Paper#E5EBE8
Ink#213C3B
Accent#C7A65D
Scene#BACDC3
Describe service scope clearly
A service template makes room for what is included, what needs discussion and how work is arranged. Pricing and turnaround information would be maintained by the shop.
Support questions before a visit
The contact route lets a rider describe the bicycle and the reason for enquiring. It avoids treating an online symptom selection as a completed assessment.
03 / In your handConsidered for
Considered for
a smaller screen.
Workshop and retail actions remain separate near the top. Service details become short vertical sections, and practical contact information is not hidden inside an image-led footer.
Sample website copy
The right conversation starts with your ride
Tell us what you ride and what you would like help with. Whether you are exploring a different bicycle or asking about workshop work, a clear starting point makes it easier to find the relevant information.
04 / The page planA place for every
A place for every
useful detail.
This proposed five-page structure follows the customer’s questions. Each page has a distinct purpose, with clear routes between discovering the business, understanding the offer and making contact.
01
Home
Introduce workshop and collection routes.
02
Workshop
Explain the actual servicing and repair offer.
03
Bikes & equipment
Present the selected range and browsing approach.
04
Our shop
Describe the independent character and people.
05
Visit & enquire
Provide practical details and rider enquiry prompts.
05 / Content & discoveryUseful to people.
Useful to people.
Clear to search.
Workshop services and bicycle collections provide distinct content topics. Local visiting details should be accurate, and service pages should explain real work rather than repeat broad cycling keywords.
independent cycle shopbicycle workshopbike servicing enquiry
Proposed content topics for this imagined business, rather than measured search volumes or ranking claims.
01Why give workshop services a separate page?
They answer a different need from product browsing. A dedicated page can explain the service process and enquiry requirements without competing with retail promotions.
02What should a workshop enquiry ask a rider?
The bicycle, the reason for the visit and any useful context about the work being discussed. Straightforward prompts help the rider explain the situation without needing to choose a technical diagnosis.
Keep exploring
More in retail & makers.
Different businesses call for different choices. Explore another approach to the layout, content and customer journey.
What would a considered website look like for your business?
Talk about your website