Smart-Cyclist is a price comparison service for internet savvy cyclists who can compare online prices for cycling gear to find the lowest price. This Case Study outlines the process and key steps from begin to launch.
• Reviewing and testing competitive services
• Researching technology
• Market Research – survey and user profiling
2 – Concept
Creating a project brief:
• USPs – advantages over competing services and justification for audience demand
• Marketing strategy
• Project Planning – Milestones
Generating a technical brief:
• Data acquisition and indexing
• Search engine and logic
• Software / Dev Environment
3 – Name Finding
Name finding Brainstorming and workshopping
4 – UX – Accessibililty
Using Bootstrap as a backbone, a custom grid system was created
5 – UX – Wireframes
Wireframe / Click Dummies
6 – User Interface – Concept A
1200 + (Home / Results)
980 (Home / Results)
768 (Home / Results)
480 (Home / Results)
320 (Home / Results)
7 – User Testing & Technology Review
The designs concepts were presented and discussed with ‘target audience users’ and feedback was collated. The results from prototyping the search engine required changes, likewise technical requirements from the merchants (retailers) were fed into the second round design concept.
Case Study – Smart-Cyclist
Smart-Cyclist is a price comparison service for internet savvy cyclists who can compare online prices for cycling gear to find the lowest price. This Case Study outlines the process and key steps from begin to launch.
Live Site: smart-cyclist.com
1 – Research
• Reviewing and testing competitive services
• Researching technology
• Market Research – survey and user profiling
2 – Concept
Creating a project brief:
• USPs – advantages over competing services and justification for audience demand
• Marketing strategy
• Project Planning – Milestones
Generating a technical brief:
• Data acquisition and indexing
• Search engine and logic
• Software / Dev Environment
3 – Name Finding
Name finding Brainstorming and workshopping
4 – UX – Accessibililty
Using Bootstrap as a backbone, a custom grid system was created
5 – UX – Wireframes
Wireframe / Click Dummies
6 – User Interface – Concept A
1200 + (Home / Results)

980 (Home / Results)

768 (Home / Results)

480 (Home / Results)

320 (Home / Results)

7 – User Testing & Technology Review
The designs concepts were presented and discussed with ‘target audience users’ and feedback was collated. The results from prototyping the search engine required changes, likewise technical requirements from the merchants (retailers) were fed into the second round design concept.
9 – Prototyping / Wireframes
10 – Corporate Identity
Finalising logo, defining typography and colours
11 – User Interface – Concept B
1200 + (Home / Results)

992 + (Home / Results)

768 (Home / Results)

320 (Home / Results)

12 – Development
13 – Testing
14 – Launch
Start advertising and marketing activities