Pocari Sweat
Industry
Client
Scroll
to Explore
to Explore
About
Bringing POCARI SWEAT’s health mission, youth energy, and scientific credibility into a modern, intuitive platform built for discovery and engagement.
Services
- UI Design
- UX Design
- Web Development
BACKGROUND
Power up Pocari Sweat's digital hub
POCARI SWEAT has long positioned itself as a hydration expert, supported by Otsuka’s scientific heritage and a strong presence across sports, youth communities, and everyday wellness. As the brand continues to run multiple campaigns and initiatives throughout the year, its digital touchpoints play a key role in reaching active, health-conscious audiences.
However, the existing website could no longer keep up with those needs. It was slow, static, and difficult to maintain, with no proper space to host ongoing campaigns or educational content. The outdated design and CMS made updates inefficient and affecting their SEO efforts, while the lack of optimized analytics limited the brand’s ability to grow visibility or understand user behavior.
CHALLENGE
Finding the sweet spot between exploration and functionality
Throughout the project, the main challenge was creating a platform that felt fresh and interactive while still being lightweight, maintainable, and easy for the brand to operate. The team had to balance exploration with practicality, making sure the final website not only looked and performed well at launch but also set POCARI SWEAT up for long-term digital growth. By rebuilding the foundation, the revamp gives the brand a faster, more reliable platform to host campaigns, publish content, and engage users
WEB DEVELOPMENT
Rebuilding from the Inside Out for a fresher digital experience
To address the limitations of the previous website, we rebuilt POCARI SWEAT’s platform from the ground up using a modern, scalable architecture. While the outdated CMS and infrastructure limited the brand’s ability to execute its SEO strategy and manage content effectively, we introduced AntiCMS V3—our latest, more intuitive system to make it easier for the brand to manage pages and publish articles without technical hurdles.
On the backend, we reengineered the system to be more secure, stable, and scalable using a modern tech stack. This provided faster load times, better performance tracking, and stronger data flow between frontend, CMS, and analytics.
To improve visibility, we implemented a fully SEO-friendly architecture supported by metadata guidelines, structured content, and a CMS optimized for SEO fields. We also set up Google Analytics from scratch and developed a detailed measurement plan to help the brand track performance and user behavior with clarity.
Through this development approach, the new POCARI SWEAT website becomes not only visually refreshed but also more maintainable, measurable, and ready to scale.
USER EXPERIENCE
Engaging users through better flow and smoother scrolls
For a richer experience, we built several new features designed to increase engagement and give users more reasons to explore. This includes the Hydration Calculator, Personality Quiz, brand-history storytelling, and various scroll-based animations across the homepage and product pages. Each feature was designed to load quickly, feel intuitive on various screens.
We also restructured the entire information architecture to make the website easier to navigate for different types of users, whether they come for product knowledge, campaign updates, or health-related content, being a new campaign hub that consolidates all year-round activities into one place.
Motion and micro-interactions were added thoughtfully to keep the experience interesting yet lightweight. Across the site, every touchpoint from navigation, interactions, scroll flow, to all the content structure was crafted to give users a fun, smooth, and cohesive journey from one section to the next.
INTERACTIVE FEATURES
Transforming hydration science into interactive experiences
To bring POCARI SWEAT’s health mission to life, we created a set of interactive tools developed specifically for the brand. The Hydration Calculator was designed to translate hydration science into something easy and useful for everyday users. Using BMI and activity levels to deliver personalized results that the audience can instantly understand. Additionally, the Personality Quiz was also crafted in order to connect with younger audiences through 15 custom personas, each built to feel relatable, fun, and share-worthy. Light gamification packaged as myth-versus-fact cards on the Homepage were also created as a fun way-in to invite audiences explore more about the brand’s history and journey.
These interactive features give POCARI SWEAT a digital way to express its expertise in a format users actually want to engage with. Instead of solely relying on static information, these tools turn science, education, and brand personality into experiences that are useful, fun, and shareable. Creating stronger reasons for users to visit, explore, and return.