Redesigned to make lesson choices clearer and the next step easier. This redesign turns a cluttered homepage into a clearer decision page, helping visitors understand options faster and reduce hesitation before contact.
The original site had only minimal content, which made the offer feel limited and it was not organized in a way that made the offer easy to scan, compare, or act on. Weak hierarchy, vague navigation, and unclear action paths reduced clarity and confidence. The redesign also needed to accommodate a new online course. This expanded the site beyond its original structure.
I restructured the site around clearer user intent, improved labeling and CTA clarity, separated lesson and course paths, and organized key details so visitors could compare options and take action more easily and place supporting details closer to the moments where users make decisions.
Online and offline options are clearly separated.
Users can tell where to go right away.
Trust details appear before commitment points.
Users get reassurance earlier.
Primary actions stand out more clearly.
The next step is easier to notice.
At a glance
Navigation used labels like "More Info," which gave users little sense of what they would actually find after clicking.
The primary message was present, but weak hierarchy reduced its visibility and impact.
The main CTA did not stand out, and its wording gave little confidence or clarity about what users would get next.
Before
After
Step 1
Audit
Step 2
Findings
Step 3
Strategy
Step 4
Design
Step 5
Build
Main messages did not stand out enough from the rest of the page.
Important actions were visible, but they were easy to miss.
The biggest issue was not visual style. It was unclear structure and unclear next steps.
Lack of visual variance caused cognitive load, making it difficult for users to prioritize information.
Harder to scan.
Users had to work to find key information.
Lower confidence and slower decisions.
Unclear paths made the service feel less straightforward.
At a glance
Key decisions
Separate offline lessons and online theory into clear sections.
Give each section one clear main action.
Show trust details right before users need to decide.
Why this change: People needed to see the two services right away instead of reading many sections first.
What improved: Less confusion on first look and faster movement to the right page.
Why this change: The online course needed to feel like a real product, not a side note.
What improved: Better trust in the course, its features and a clearer next step for interested users.
Why this change: The lesson plans already existed, but users had to move across multiple pages to understand them. Bringing the options and key details into one place makes comparison easier.
Expected improvement: Users can understand the differences between plans more quickly, choose more confidently, and move forward with a clearer next step.
Why this change: People were unsure what to send in the form and whether they were choosing the right option.
Expected improvement: More confidence in contacting the team and less drop-off before submission.
The final interface is easier to scan, easier to trust, and easier to use.
What changed
Expected outcome
Design improvements
This project taught me that the biggest issue was not the lack of information, but how difficult that information was to scan, compare, and act on. The original website already contained the core content, but weak hierarchy and unclear next steps made the experience harder to follow.
Key takeaways
The strongest improvements came from clearer structure, better scanability, and more obvious next steps, not from visual styling alone.
Validate expected impact with live traffic data and refine copy where users still hesitate.