In the rapidly evolving digital era, indobot.co.id plays a crucial role as a technology education platform. However, its less intuitive navigation and outdated interface often make it difficult for users. With increasing digital access, a modern and responsive UI/UX design is essential. This revamp aims to enhance user engagement, conversion, and retention, making indobot.co.id more competitive in the technology education industry.

This redesign aims to increase the conversion rate by:

Enhancing user experience (UX) – Improving information structure for better clarity.

Clarifying call-to-action (CTA) – Making it easier for potential participants to register.

Implementing a modern and professional design – Strengthening credibility.

Highlighting testimonials, partner logos, and licenses – Building trust.

Optimizing mobile responsiveness – Ensuring a seamless experience across devices.

The impact of these improvements is projected to be seen within 3 months after launch, with the following expected growth:

Conversion Rate: Increased by +15% – 30% Improved layout, stronger CTA placement, and optimized funnels led to a boost in signups and course purchases.

Bounce Rate: Decreased by -20% – 35% Users stayed longer and explored more content thanks to streamlined navigation and clearer value propositions.

Average Session Duration: Improved by +20% – 40% Smoother interactions and engaging visual storytelling led users to spend more time on the platform.

Indobot’s old website presented several critical UX and visual design issues:

Outdated & Unprofessional Look Visuals felt outdated, with inconsistent layout, fonts, and color — hurting brand credibility at first glance.

Weak Call-to-Actions (CTAs) CTA buttons lacked visibility and clarity — small size, poor contrast, and awkward placement reduced conversions.

Poor Navigation & Content Scanning Confusing menu and cluttered card layout made it hard for users to find key info or understand value at a glance.

Prioritizing Information Hierarchy – Restructuring content to ensure users can quickly find key details, making navigation more intuitive and improving overall clarity.

Enhancing Visual and Interactive Elements – Refining CTA buttons, testimonials, and partner logos to stand out effectively, improving user engagement and trust.

Implementing a Consistent Style Guide – Establishing standardized colors, typography, and UI elements to maintain a cohesive and professional brand identity.

Conducting Analysis & Benchmarking We evaluated the current website to identify areas for improvement, focusing on UI, UX, navigation, and content structure. Additionally, we conducted benchmarking by analyzing competitor's websites to identify industry best practices.

Creating Wireframes Based on our analysis, we developed wireframes to establish a clear and intuitive layout. These wireframes helped visualize the user journey, ensuring seamless navigation and an improved content hierarchy. We iterated on the wireframes based on feedback to refine the structure before moving to high-fidelity designs.

Developing a Style Guide To maintain a consistent and professional visual identity, we created a style guide defining colors and typography. This ensures uniformity across the website, strengthening brand perception while improving readability and accessibility.

Finalizing the Design With the wireframes and style guide in place, we crafted high-fidelity design that reflect a modern and polished aesthetic.

Clarity Drives Usability Clear structure and simplified navigation make it easier for users to find what they need, faster.

Strong CTAs = Better Conversion Well-designed, visible CTAs significantly increase engagement and action-taking.

Consistency Builds Trust Unified visuals and tone (via style guide) strengthen brand credibility across all pages.

Social Proof Matters Testimonials and partner logos boost user trust and reduce hesitation.