All Projects

Eonchemicals Website Revamp

Grapiku redesigned the eonchemicals.com website to better drive brand awareness and increase leads by up to 5 times.

Client

PT Eonchemicals Putra

Service

Website Revamp

Industry

—

About the Client

PT Eonchemicals Putra

EON Chemicals, or EON, is a brand of PT Eonchemicals Putra that provides a wide range of specialty chemicals to support process needs across various industries.

EON not only offers products but also combines solutions, technical services, and a commitment to customer service to help customers address industrial challenges and improve process efficiency.

Website Revamp

Objective

Enhance the positioning of EON’s solutions and increase leads

Chemicals used in industrial processes are not merely products, but part of the solution to address challenges and improve efficiency. Therefore, EON does not want to be known merely as a manufacturer and distributor of specialty chemicals, but as a partner capable of providing solutions and technical services tailored to customer needs.

The website needs to communicate this positioning more clearly. Visitors should be able to understand EON’s capabilities, find solutions relevant to their needs, and then connect with the EON team through targeted conversion pathways.

Challenges

The old website did not effectively connect industry needs with EON’s solutions

EON offers a wide range of products, solutions, and engineering services tailored to various industry needs. However, without the right information architecture and user experience, these capabilities are difficult for potential customers to find and understand.4

The website also needs a more robust technical foundation while providing interaction pathways that can turn information searches into business opportunities.

EON’s Solution Positioning Is Not Yet Prominent

Company and product information has not yet highlighted EON’s role as an industry solutions provider. As a result, EON is perceived solely as a manufacturer or distributor.

Information Is Hard to Find

With so many products and solutions available, a structured system for searching, navigating, and linking content is essential to ensure a seamless user experience and a smooth user journey that leads to conversion.

Technical Performance Is Not Yet Optimal

The website’s speed, accessibility, security, and technical health need to be improved compared to the previous version, and the migration process must be error-free.

The Need for Innovations to Boost Leads

The EON team needs a variety of insights and feature innovations to increase the potential for lead generation.

Solution

From a chemical catalog to an industrial solutions hub

Grapiku redesigned the website by placing EON Solutions at the core of the user journey. Products, technical services, and insights are organized based on industry needs so users can more easily understand EON’s capabilities and find relevant solutions.

Search, navigation, and content connectivity have been streamlined, supported by a UI that aligns with EON’s brand identity and a technical foundation that is faster, more secure, more accessible, and search engine-friendly. Conversion paths are placed contextually to guide user needs into leads.

Proses

The process in this project

Positioning & Goal Alignment
Website & Technical Audit
Competitor & Content Gap Analysis
Sitemap & User Flow
UX Wireframe
UI Design & Visual Direction
Development
Content Implementation
QA, UAT & Deployment
Positioning & Goal Alignment
Website & Technical Audit
Competitor & Content Gap Analysis
Sitemap & User Flow
UX Wireframe
UI Design & Visual Direction
Development
Content Implementation
QA, UAT & Deployment
Positioning & Goal Alignment
Minggu 1

Aligning business goals, the EON Solution’s positioning, the target audience, and lead generation needs. The results serve as a reference for communication, UX, and KPI revisions.

Brief DocumentProject Goals
Website & Technical Audit
Minggu 2

The audit of the old website covers page structure, content quality, user journey, functionality, performance, accessibility, security, SEO, and various technical errors.

Website Audit ReportContent InventoryTechnical & SEO Audit
Competitor & Content Gap Analysis
Minggu 2

Competitor research to compare positioning, information structure, features, and search visibility. The analysis continues with mapping out the content that needs to be created, updated, or linked to strengthen the EON Solution.

Competitor Analysis ReportContent Gap Mapping
Sitemap & User Flow
Minggu 3

Designing an information architecture that connects companies, industries, solutions, products, services, and insights. User flows are designed to guide users from information discovery through to inquiries.

SitemapUserflow DiagaramFeature BacklogRedirect Mapping
UX Wireframe
Minggu 3

Organize content into a wireframe with a focus on search, navigation, page interconnectivity, and conversion paths.

Wireframe DesignInteractive Flow
UI Design & Visual Direction
Minggu 4

Development of a visual system that aligns with EON’s identity and reinforces the company’s image as a provider of chemical solutions for various industries.

UI KitVisual AssetsPrototype
Development
Minggu 4

Dynamic website development includes design implementation, search functionality, content synchronization, lead generation features, as well as performance and security optimization.

Website Staging ModeCustom FunctionsSystem Integration
Content Implementation
Minggu 4

Restructuring and implementing content based on the new architecture, including integrating solutions, products, services, and related insights. This phase runs parallel to development.

Structured Website ContentRelated Content ConfigurationContent Migration
QA, UAT & Deployment
Minggu 8

Functional, content, form, search, performance, accessibility, security, and SEO testing conducted in collaboration with the EON team. The website was then launched at eonchemicals.com, along with documentation and training on website management.

QA & UAT ReportServer ReadyWebsite Live ProductionDocumentationMaintenance Handover

Execution

EON solutions are easier to find, understand, and consult on

Positioning EON as a Provider of Chemical Solutions

The design and content are crafted to introduce EON as a specialty chemicals company that combines products, solutions, and technical services.

This credibility is reinforced through the company’s experience, network of branch offices, professional staff, certifications, industry coverage, success stories, and customer testimonials.

Solution-Based Content Structure

The EON website does not immediately direct visitors to choose a product. Grapiku designed a user journey that begins with an industry challenge, followed by EON’s solutions, and then relevant products and technical services.

This structure helps prospective customers understand the right chemicals before making a decision. Each search also opens up opportunities for more context-specific consultations, bringing EON closer to its customers while driving leads.

Integrated Search: Find EON Solutions

Grapiku has developed a search feature that combines Problems & Solutions, Articles, Videos, Products, and Brochures on a single page.

Users can search by keyword and filter content types to find relevant information more quickly, even if they don’t yet know which page or product to look for.

Comprehensive Product Presentations

Each product page not only presents key information but also links to articles, Problems & Solutions, videos, Safety Data Sheets (SDS), and brochures or Technical Data Sheets (TDS).

These linked resources help users understand the product’s applications, benefits, safety, and specifications within a single, cohesive information flow.

Download TDS to Capture Verified Leads

Technical Data Sheets (TDS) are an important resource for prospective customers who are evaluating products. Grapiku transforms the TDS download process into a lead generation channel by requiring users to fill out their information and use a company-domain email address.

Once the email is validated, the system sends an automated reply containing a PDF download link. Users receive the document without waiting for a manual response, while EON receives potential customer data, including the products they’re interested in for follow-up by the relevant team.

Contextual WhatsApp CTAs on Every Page

WhatsApp CTAs aren’t designed as a single generic button. Grapiku has designed several interface models based on user context, ranging from a fixed “Product Consultation” navbar on product pages, consultation buttons on articles, to a floating WhatsApp button accessible from every page.

Each CTA generates a message draft that automatically adapts to the content the user is viewing and their location. On a product page, for example, the message will read, “Hello EON, I’d like to ask about the EON123 product.” Meanwhile, on an article page, the message will include the title of the article the user wants to discuss.

Users don’t need to explain their needs from scratch. The EON team immediately receives context regarding the prospective customer’s interests and location, allowing questions to be addressed and followed up on more quickly.

A More Optimal Technical Foundation

Grapiku carried out a comprehensive overhaul of the website’s technical structure, links, performance, accessibility, security, and SEO. These optimizations ensure that EON’s extensive content remains consistently accessible, crawlable, and indexable. As a result, Site Health improved from 85% to 100%.

Measurable Results

Increasing leads through a healthier, more targeted website

5
x
Lead growth

The number of leads generated through the website increased fivefold after optimizing the user journey.

100
%
Site Health

The website health score increased from 80% to 100% after technical SEO issues were resolved.

900
+
Content Migrated Without Errors

Hundreds of products, solutions, and SDSs were migrated to the new structure without any broken links or broken images.

Team and Technology

Behind This Project

Team Composition

Technology Used

Your project could be the next story

Contact Us