Making a new path to a healthier smile easier to understand
KLAR is an Indonesia-based oral wellness company known for KLAR Aligner, an affordable alternative to traditional braces. As the business prepared to expand into several Asian markets, its website needed to do more than present the brand. It had to help potential customers understand aligners, compare options, assess their needs, find a location, and feel confident enough to take the next step.
The previous website did not yet provide that level of support. Its visual identity lacked distinction, while important information about products, locations, assessments, and before-and-after results was difficult to access.
Suitmedia partnered with KLAR to redesign the website around a clearer and more persuasive customer journey. The work combined a fresher interface, stronger product communication, improved information structure, and a more approachable way to explain an important healthcare decision.
A promising product was being held back by an unclear digital experience
1. KLAR was entering a category that requires trust
Clear aligners are not an impulse purchase. People considering them are thinking about their appearance, comfort, treatment process, cost, and expected results.
That means the website has a significant role before a customer ever speaks with a professional. It must answer basic questions, reduce uncertainty, and show why the product is worth considering.
For KLAR, the opportunity was strong. The company offered an affordable alternative to traditional braces, but that value could not be understood if visitors struggled to find the information needed to evaluate it.
2. The visual identity did not yet reflect the company’s ambition
KLAR planned to expand beyond Indonesia into other Asian markets. A website that felt dated or visually similar to competitors could weaken that ambition.
The existing design lacked enough uniqueness and attractiveness to create a strong first impression. This matters because potential customers often make quick judgments about healthcare brands based on how professional, clear, and current the digital experience feels.
The redesign therefore needed to achieve more than visual freshness. It needed to make KLAR appear credible, distinctive, and ready to compete across a wider market.
3. Important information was difficult to compare
The previous website did not provide enough support for comparing products. Visitors may have struggled to understand how options differed, which one might suit them, or what made KLAR’s offering relevant to their needs.
Comparison is essential in a category where customers may be evaluating several providers. If the website does not help them make sense of the choices, they may leave to search elsewhere or delay the decision.
The solution needed to organize information around the questions customers ask before choosing an aligner: What is it? How does it work? Is it right for me? What should I expect?
4. The website did not sufficiently support local discovery
Potential customers may want to know where KLAR is available, which locations they can visit, and how to begin an assessment.
Location information is especially important for healthcare services because the digital journey often leads to a physical consultation or treatment process. If users cannot easily find a nearby location, online interest may not turn into action.
The new website needed to make location discovery a visible and practical part of the experience.
5. Assessment was not easy enough to understand
For an aligner provider, assessment is a key point between interest and treatment. Users need to understand what the assessment involves, what information is required, and what happens after completing it.
If this step is unclear, potential customers may hesitate even when they are interested in the product. They may also misunderstand the process or expect an immediate answer where professional evaluation is required.
KLAR needed to present assessment as a clear next step rather than a confusing or hidden feature.
6. Before-and-after results were not being used effectively
People considering orthodontic treatment often want to see evidence of possible outcomes. Before-and-after results can help make the product more tangible and support confidence in the treatment process.
The previous website did not provide enough access to this type of information. Without real-world proof, the product could remain an abstract promise.
The redesign needed to make results easier to find and understand while presenting them responsibly. Visual proof should support informed consideration, not create unrealistic expectations.
7. The communication did not yet match the customer’s level of knowledge
Potential customers may have little understanding of aligners, orthodontic treatment, or the difference between clear aligners and braces. Product communication that assumes prior knowledge can make the experience feel difficult.
KLAR needed a copy that explained the product in straightforward language. The content had to be compelling enough to maintain attention while remaining informative enough to support a healthcare decision.
This required a careful balance: simplify the explanation without oversimplifying the treatment.
8. Conversion depended on more than attracting attention
A fresher design could improve first impressions, but conversion would still depend on what users could do after arriving.
Visitors needed a logical path from product discovery to education, comparison, assessment, location, and the next action. Each stage had to reinforce the next.
The central business challenge was therefore to turn the website into a decision-support experience. Its job was not simply to look better, but to help more qualified visitors move forward with confidence.
Designing the experience around the questions customers ask before treatment
1. Start with the customer’s decision, not the company’s information
Suitmedia approached the redesign by focusing on the decisions potential customers needed to make.
A visitor may begin by asking whether aligners are suitable for them. Then they may want to understand the product, compare options, see results, find a location, and begin an assessment.
This sequence gave the redesign a clearer logic. The website could guide users through the questions that naturally arise rather than presenting information in the order most convenient for the company.
2. Create a more distinctive and current visual identity
The website received a significant visual refresh to make it feel more modern and aligned with KLAR’s brand.
A contemporary design helped communicate that KLAR was an active, credible, and forward-looking healthcare company. It also made the brand more recognizable in a competitive market.
The visual direction needed to feel approachable rather than overly clinical. Clear aligners are connected to both oral health and personal confidence, so the design had to support both dimensions.
3. Use interface design to direct attention
A strong interface should help users understand where to look first, what information matters most, and which action to take next.
The redesign used a clearer visual hierarchy to distinguish product information, promotions, locations, assessments, and treatment-related content.
This reduced the effort required to interpret the website. Users could scan the page, identify relevant sections, and explore in a way that matched their own level of readiness.
4. Explain aligners as an alternative to braces
The website helped users understand clear aligners as an alternative approach to straightening teeth without traditional braces.
This explanation needed to be practical and balanced. Users should understand what makes aligners different, how they fit into treatment, and why they might consider them.
The content positioned KLAR as a solution to explore rather than assuming every visitor already knew the product category. This created a more inclusive experience for people at the beginning of their research.
5. Use compelling copy to make product information easier to absorb
Suitmedia helped improve KLAR’s website communication through more interactive, compelling, and useful copywriting.
The purpose was not to make the language more promotional at every point. It was to help users understand what each feature, product, or treatment option meant for them.
Clear copy can reduce uncertainty by answering questions before users need to ask them. It also supports conversion by helping visitors recognize the relevance of the next step.
6. Organize product information for comparison
The redesigned experience improved the way users could explore and compare KLAR products.
Comparison helps customers understand differences without requiring them to move between disconnected pages or remember information from one screen to another.
This was an important commercial and user experience decision. Customers who can compare options more easily are better positioned to choose the product or pathway that fits their needs.
7. Make promotions more visible without overwhelming the experience
Promotional content was incorporated into the redesigned website as part of the wider customer journey.
Promotions can encourage action, but they need to remain connected to the information users require. A discount or offer is less useful if customers still do not understand the product or treatment process.
The design therefore needed to present promotions clearly while preserving space for education, comparison, and trust-building.
8. Give location information a clear role
The website made location information easier to access.
This helped users connect digital interest with a practical next step. A visitor who wanted to speak with a professional or begin an assessment could find where KLAR services were available.
Location discovery also supported expansion. As KLAR entered additional markets, a clear location structure could help the platform accommodate a broader regional presence.
9. Make assessment easier to find and understand
Assessment was treated as an important step in the customer journey rather than a secondary feature.
The website helped users understand how assessment related to the treatment process and how they could move forward.
This reduced hesitation by making the pathway more visible. Users did not need to search across the website to determine what to do after learning about aligners.
10. Use before-and-after results as evidence
The redesign improved access to before-and-after information so users could see examples of treatment outcomes.
This gave the website a stronger proof layer. Customers could connect the product explanation with real-world results and gain a more concrete understanding of what KLAR aimed to achieve.
The content needed to remain responsible and informative. Results should help users explore the possibility of treatment while reinforcing the importance of professional assessment and individual suitability.
11. Build a coherent path from awareness to action
The redesigned website connected the main stages of the customer journey:
- Discover KLAR.
- Understand clear aligners.
- Compare available options.
- Review results and supporting information.
- Find a location.
- Begin an assessment or contact the provider.
This structure reduced the distance between interest and action. Users could continue progressing without needing to interpret the website’s internal organization.
12. Design for an expanding market
KLAR’s plan to enter several Asian countries meant the website needed to be more than a local campaign page.
The new structure had to be clear enough to support future content, locations, market information, and customer needs. A scalable foundation would help KLAR maintain a consistent brand experience as the business expanded.
This also increased the importance of plain language and strong information architecture. A clear system is easier to adapt across markets than a design built around local assumptions alone.
13. Make the experience feel helpful rather than forceful
Healthcare conversion is stronger when users feel informed and respected. Suitmedia’s approach focused on making the website communicative and useful rather than relying only on aggressive sales language.
This was especially important for aligners because customers may need time to think, compare, and consult with professionals.
A helpful experience can create stronger trust than a hard-selling one. It allows KLAR to remain present throughout the decision process without pressuring users to act before they are ready.
14. Combine visual appeal with practical usefulness
The redesign treated interface and content as one system.
The visual improvements attracted attention and communicated brand quality. The improved information and features gave users reasons to continue exploring and made the experience useful.
This combination was necessary to support conversion. A beautiful website may attract visitors, but useful information and clear next steps help them move forward.
15. Create a foundation for future content and optimization
The revamped structure gave KLAR a stronger base for future campaigns, product updates, educational content, and market expansion.
As the brand learns more about user behavior, it can continue improving the journey. New information can be added without losing the core logic of the site.
The platform therefore supported ongoing digital growth rather than treating the redesign as a one-time aesthetic project.
A clearer, more persuasive website gave KLAR room to grow
1. KLAR gained a more distinctive digital identity
The redesigned website presented KLAR through a fresher and more contemporary interface.
This helped the brand stand out in a competitive oral wellness market and better reflected its ambition to expand across Asia.
The website became a stronger first impression for potential customers who were discovering KLAR for the first time.
2. Users could find essential information more easily
The new experience made product details, promotions, locations, assessments, and treatment-related information easier to access.
This reduced the amount of searching required and helped users move through the decision process at their own pace.
The result was a more useful website for both early-stage researchers and visitors who were already considering an assessment.
3. Product communication became clearer
Improved copywriting and information structure helped KLAR explain its aligner products more effectively.
Users could gain a better understanding of how aligners served as an alternative to braces and why the product might be relevant to them.
Clearer communication also strengthened the brand’s credibility. The website appeared more prepared to answer customer questions rather than relying on visual appeal alone.
4. The website supported more informed comparison
The enhanced product information made it easier for users to understand their options.
This supported more confident decision-making and reduced the need to search across competitor websites simply to compare basic information.
The commercial value was tied to clarity. When users can see why one product or pathway may suit them, they are more likely to continue toward a relevant action.
5. Before-and-after content strengthened proof
Improved access to treatment results gave visitors a more tangible reason to consider KLAR.
The content helped connect product claims with real-world outcomes and made the treatment journey easier to imagine.
This strengthened the evidence available on the website and supported the trust required in a healthcare-related purchase.
6. The site created a clearer route to local services
Location information and assessment pathways helped connect online discovery with the next stage of care.
Users could find where to continue their journey and understand how to move from browsing to professional engagement.
This was especially valuable as KLAR prepared to expand. A clear location structure can support both current and future markets.
7. The platform strengthened KLAR’s conversion potential
The redesign improved the conditions required for conversion: a stronger first impression, clearer product communication, easier comparison, visible proof, and more direct next steps.
The case study does not provide proprietary conversion figures, but the work addressed the main points at which potential customers could lose confidence or abandon the journey.
By reducing these barriers, the website became better positioned to turn attention into qualified consideration.
8. The user experience became more approachable
The combination of modern design, accessible copy, and clear navigation created a friendlier experience.
Users could learn about aligners without needing prior expertise. They could explore information without feeling overwhelmed by technical terms or cluttered layouts.
This broadened KLAR’s appeal beyond people already familiar with clear aligners.
9. The website supported brand differentiation
In a competitive market, a brand needs more than a functional product. It needs a recognizable and credible way to communicate.
KLAR’s redesigned website helped establish that difference through its visual identity, educational approach, product presentation, and patient-oriented journey.
The brand could compete not only through product availability, but also through the quality of the experience it created before treatment.
10. KLAR gained a stronger platform for regional expansion
The redesigned website created a more adaptable foundation for future growth across Asia.
A clear structure and consistent experience can help KLAR introduce new locations, services, content, and market-specific information without losing brand coherence.
The long-term value was therefore broader than the website itself. KLAR gained a digital platform capable of supporting a more ambitious market position.
The deeper lesson: healthcare conversion depends on informed confidence
1. Customers need answers before they need a call to action
A call to action is more effective when visitors understand the product and believe it may be relevant to them.
KLAR’s website needed to answer questions about aligners, comparison, outcomes, locations, and assessment before asking users to move forward.
2. Visual modernization should serve trust
A fresh design can improve first impressions, but it creates lasting value only when it makes information easier to find and understand.
For healthcare brands, visual quality should communicate care and credibility, not merely trend awareness.
3. Comparison is part of the customer experience
When customers are choosing among products or providers, hiding differences creates hesitation. Clear comparison helps them make a decision that feels informed.
This can benefit the brand even when not every visitor chooses the same option. Transparency supports trust and makes the overall experience more credible.
4. Proof should be easy to find and responsibly presented
Before-and-after results can strengthen confidence, but they should be presented as examples rather than promises of identical outcomes.
The right balance combines visual proof with clear explanations about assessment and individual treatment needs.
5. Healthcare websites should support progressive commitment
Not every visitor is ready to book or purchase immediately. A strong website allows people to take smaller steps: learn, compare, review results, find a location, and begin an assessment.
These steps build confidence gradually and can lead to stronger conversion than an immediate, high-pressure request.
6. Clear language expands the addressable market
When a product category is unfamiliar, jargon creates a barrier. Plain language makes the experience more accessible to people who are curious but not yet informed.
This is particularly important for a brand expanding into new markets. Clarity travels more effectively than assumptions about prior knowledge.
7. The best redesigns create a system for continuous improvement
A website should not be considered finished when the new design launches. User behavior, product offerings, locations, and market priorities will continue to change.
A strong information structure allows the brand to learn, update, and improve without repeatedly starting over.
Strategic Insights for the C-Suite
- Build healthcare conversion around informed confidence. Patients and customers need clear answers before they are ready to act. Education, comparison, proof, and transparent next steps create stronger conditions for conversion than promotion alone.
- Make the product difference easy to understand. Technical or unfamiliar offerings should be explained through plain language and practical relevance. Clarity expands the audience that can seriously consider the product.
- Use design to support trust, not just visual novelty. A modern interface matters when it helps users find information, compare options, and navigate toward the right next step. Beauty should reduce effort, not add distraction.
- Create progressive paths to commitment. Let users learn, assess, compare, find a location, and contact the provider in stages. Respecting the decision process can produce more qualified and durable conversions.
- Design digital platforms for geographic growth. Expansion across markets requires clear structure, adaptable content, and consistent brand expression. A scalable website should support future locations and services without recreating the experience from scratch.












