Apa kabar?

Selected Detail Cases

Works.

Character & 3D Mascot Development

Kawanyu: Designing a Safety Companion Through Character

More than a mascot, it’s a safety companion.

The 11 Golden Safety Rules are embedded into Kawanyu’s shell, turning the character into a living reminder of safety awareness.

Project Overview

At first, I realized that safety messages often feel too formal and distant.

So I developed Kawanyu, a character designed not just as a mascot, but as a more approachable way to communicate important values.

"Because sometimes, the most critical messages land better when they feel closer and more human."

About The Name

Double Meaning

1

“Kawanmu” (Your Companion)

Someone who’s always there and always reminding.

2

“Kawan Penyu” (Turtle Companion)

Representing the character itself visually and philosophically.

This positions Kawanyu as not just a visual element, but a work companion in everyday situations.

From Sketch to Reality

Two early 2D conceptual explorations before translating the character into a fully rigged 3D companion.

Kawanyu 2D Base Sketch
Base Concept

Initial form exploration focusing solely on the friendly, approachable silhouette of the turtle.

Kawanyu 2D Sketch with Attributes
Safety Integration

Integration of the safety vest and custom hardhat into the design to fit the Berau Coal identity.

Character Values

Four core pillars that define the mascot's behavioral and communicative presence.

Safety Awareness

Constantly reminding in every activity

Friendly Presence

Approachable and not intimidating

Reliable Companion

Always there when needed

Positive Energy

Delivering messages lighter & engagingly

11 Golden Safety Rules

Kawanyu’s shell carries a deeper meaning. Each segment of the shell represents one of the 11 Golden Safety Rules, forming a complete layer of protection.

Just like how a turtle relies on its shell to stay safe, these principles act as a constant reminder in every activity. This transforms Kawanyu into more than just a mascot, but a visual system that communicates safety through design.

1
Always Wear Proper PPE
2
Follow Work Procedures
3
Be Aware of Your Surroundings
4
Use Tools and Equipment Safely
5
Report Unsafe Conditions Immediately
6
Communicate Clearly
7
Stay Fit for Work
8
Maintain Clean and Organized Work Areas
9
Respect Safety Signs and Barriers
10
Look Out for Each Other
11
Stop Work If It’s Unsafe
1
2
3
4
5
6
7
8
9
10
11

Character Personality

ExtrovertHonestSlightly Clumsy

Personality Matrix

Ekstrovert85%
Sensing70%
Thinking60%
Judging90%

Why Turtle?

The turtle was chosen intentionally for deep philosophical alignment.

Represents Carefulness

Always mindful of surroundings

Slow but Steady

Prioritizing certainty over rush

Natural Self-Protection

Inherent biological safety mechanism

"All aligned with the core idea of safety and awareness."

Interactive 3D Preview

Experience the physical dimensions of Kawanyu. This viewport mimics the studio environment used during the `.blend` development process.

User Perspective (Drag to Rotate)
Kawanyu front view

Kawanyu is more than just a mascot.

It’s a new way to communicate safety, more relatable, more alive, and easier to remember.

Safety Communication System

Berau Coal Kawan K3L Guideline(Safety & Branding)

Kawan K3L focuses on delivering safety awareness in a way that is clear, engaging, and easy to understand. This guideline helps translate complex safety messages into visuals that are more approachable and consistent.

What This Guideline Covers

Visual direction for safety content
Logo usage and placement
Color system for safety communication
Layout structure for social media posts
Typography and readability standards
Visual-Guideline-Berau-Coal.pdf

Native PDF Viewer Required

Your browser does not cleanly support embedded frame rendering. Do not worry—you can securely download or open the presentation document directly.

Strategic Value

Safety communication requires clarity and consistency. Without a clear system, messages can become confusing or overlooked.

This guideline ensures that every piece of content remains aligned, recognizable, and easy to understand.

Branding Thinking

Kawan K3L is not just another account. It acts as a communication bridge between safety regulations and everyday understanding.

The visual system is designed to make safety feel more accessible, not intimidating.

"Safety communication requires absolute clarity and consistency."

A visual guideline designed to ensure consistent and accessible safety communication for Kawan K3L.

Featured YouTube Project

Purwadhika TV Cover

Purwadhika TV – YouTube Content Development

Started from handling content ideas, developing scripts, to shaping how educational content feels more engaging and relevant.

This project focuses on building strong storytelling to turn learning content into something people actually want to watch.

Key Contributions
  • Content ideation & planning
  • Scriptwriting (YouTube format)
  • Storytelling development
  • Content direction

Video Showcase

Video 1
Video 2
Video 3
Content Performance Impact

Scaled Instagram engagement from 1M to 8M in 4 days through consistent and strategic content execution.

Positioning

Performance-DrivenContent Strategist

Not just a social media admin

Check @purwadhikaschool

Content Consistency Rhythm

During this period, I maintained a consistent content rhythm:

2 Feed Posts / Day
1 Reel / Day

Content Showcase

This project goes beyond content creation. It focuses on understanding audience behavior, building consistency, and creating content that performs.

Feed Cover
Feed
9,420
190
Feed Cover
Feed
2,288
39
Feed Cover
Feed
1,076
10
Feed Cover
Feed
937
35
Reel Cover
Reel
892
8
Feed Cover
Feed
830
21
Feed Cover
Feed
745
5
Feed Cover
Feed
572
64
Feed Cover
Feed
356
3
Feed Cover
Feed
345
6
Feed Cover
Feed
342
9
Feed Cover
Feed
310
0
Feed Cover
Feed
307
29
Reel Cover
Reel
295
1
Reel Cover
Reel
148
2
Purwadhika Alumni Club – Social Media Handling

I also managed another account within the same ecosystem, focusing on alumni engagement and community-driven content.

This required a different approach, with content tailored to maintain connection, relevance, and long-term audience interaction.

Check @purwadhikaalumniclub

Strategic Highlight

This project reflects the ability to scale content strategy across different audience segments while keeping a unified brand voice. Managing multiple accounts within the same brand requires more than just content creation. It’s about understanding different audiences, adjusting tone, and maintaining consistency across platforms.

Feed Cover
Feed
2,573
104
Reel Cover
Reel
1.2K
45
Feed Cover
Feed
533
24
Feed Cover
Feed
410
38
Feed Cover
Feed
329
37
Feed Cover
Feed
328
46
Study at Purwadhika – Lead Generation Focus

This account focuses on attracting new audiences and converting interest into potential students.

The approach here is more conversion-driven, balancing informative content with persuasive storytelling.

Ecosystem Funnel

Main Account→ Awareness
Alumni Account→ Engagement
Study Account→ Conversion
Check @studyatpurwadhika

Ecosystem Thinking

Each account serves a different purpose. While the main account focuses on reach and awareness, and the alumni account focuses on community, this account is built to drive interest and conversion.

Managing a multi-account ecosystem to drive awareness, engagement, and conversion.

Reel Cover
Reel
520
12
Feed Cover
Feed
405
4
Feed Cover
Feed
255
7
Feed Cover
Feed
218
21
Reel Cover
Reel
164
3
Reel Cover
Reel
102
4
SOD Purwadhika – Design & Creative Program

This account focuses on design-related programs, including Visual Design and UI/UX.

The content is designed to attract creative audiences, highlight learning outcomes, and build interest in pursuing a career in design.

Content Direction

Showcasing visual and UI/UX design outputs
Creating aspirational content for future designers
Delivering educational and relatable storytelling
Highlighting the value of design skills
Check @sod_purwadhika

Strategic Positioning

This account targets a specific audience interested in design and creativity. The content focuses on visual appeal, clarity, and inspiration to attract future designers.

Design-focused audiences respond strongly to visual storytelling. This is why the content emphasizes aesthetics, structure, and outcome-driven messaging.

Media Pendinghttps://www.instagram.com/p/DUiMIcpEs8f/
Feed Cover
Design Content
1.5K
31
Media Pendinghttps://www.instagram.com/p/DUC2M-KEkE6/
Feed Cover
Design Content
52
0
Media Pendinghttps://www.instagram.com/p/DSFJrCLEmfn/
Feed Cover
Design Content
190
19
Media Pendinghttps://www.instagram.com/p/DSAAfZJEkeZ/
Feed Cover
Design Content
512
27
Media Pendinghttps://www.instagram.com/p/DROmUppkuSI/
Feed Cover
Design Content
129
4
Media Pendinghttps://www.instagram.com/p/DQv59D8kkSb/
Feed Cover
Design Content
320
8
UI/UX + Marketing Strategist

EBER GroupEBER PetrochemicalWebsite Experience &
Marketing Integration

Not just improving how it looks, but how it works.

At first, the goal wasn’t just to redesign the website.

Coming from a marketing background, I approached this project differently. Instead of focusing only on visuals, I focused on how the website could actually support business goals.

This led to a more strategic approach, combining UI/UX improvements with functional features that enhance user interaction and conversion.

This project is not just about making the website look better.
It’s about making every element have a purpose.

Website Preview

ebergroup.com

Core Contribution

UI/UX improvement and layout refinement

Website flow optimization

Content structuring and storytelling

Copywriting for web pages and articles

Feature development based on user behavior

Marketing-driven thinking in product experience

Custom Product Experience

Instead of only improving the interface, I introduced a custom product feature.

This allows users to submit their own product requirements directly through the website.

This feature was built to bridge the gap between user needs and business offerings, turning the website into a more interactive and functional platform.

View Submission Flow

Content & Article Development

I also contributed to the content side of the website.

Around 80% of the articles published during the website launch were written by me.

This ensures that the brand voice stays consistent, while also supporting SEO and user engagement.

Explore Articles

Coming from a marketing background, I don’t see a website as just a visual platform.

I see it as a tool.

A tool to communicate, to guide users, and to convert interest into action.

That’s why every decision in this project was made with purpose.

This project reflects how design and marketing can work together.

Not just to create something visually appealing,
but something that actually performs.

Eber Petrochemical – LinkedIn Content Strategy

Building corporate presence through strategic content.

This project focuses on developing LinkedIn content for a corporate audience. The approach is centered on delivering professional, informative, and brand-aligned communication that strengthens credibility and industry presence.

Content Objective

Strengthening corporate branding
Communicating industry insights
Highlighting company values and activities
Building trust with professional audiences
linkedin.com/company/eber
in
Search
Poster Pending
LinkedIn Poster
Poster Pending
LinkedIn Poster
Poster Pending
LinkedIn Poster
Poster Pending
LinkedIn Poster
Poster Pending
LinkedIn Poster
Poster Pending
LinkedIn Poster
Poster Pending
LinkedIn Poster
Poster Pending
LinkedIn Poster
Poster Pending
LinkedIn Poster
Poster Pending
LinkedIn Poster
Poster Pending
LinkedIn Poster
Poster Pending
LinkedIn Poster
Visit Eber Group

Strategic Positioning

LinkedIn requires a different approach compared to other platforms. The focus is not only on engagement, but also on credibility, clarity, and professional communication.

"This project reflects the ability to adapt content strategy for a corporate audience, where trust and positioning matter more than trends."

Content Approach

Clear and structured messaging
Industry-relevant topics
Professional tone and language
Consistent brand voice
Eber Petrochemical Eber PetrochemicalPoster Pendinghttps://www.linkedin.com/posts/eber-group-petrochemical_eberpetrochemical-petrowidada-phthalicanhydride-activity-7381586276388564993-m_f3
LinkedIn Poster
LinkedIn Update

"At Eber Petrochemical, we are proud to push the boundaries of industrial production through our Petrowidada Phthalic Anhydride facility. Our commitment to high-quality chemical derivatives ensures that we continue supporting global supply chains efficiently and safely."

Open Post
Eber Petrochemical Eber PetrochemicalPoster Pendinghttps://www.linkedin.com/posts/eber-group-petrochemical_nationalbatikday-eberpetrochemical-sustainability-activity-7379349576392175616-7rTb
LinkedIn Poster
LinkedIn Update

"Celebrating National Batik Day with a reflection on sustainability. At Eber Petrochemical, we balance industrial advancement with the preservation of cultural heritage and environmental consciousness. Our sustainability initiatives are dedicated to a greener, localized future."

Open Post
Eber Petrochemical Eber PetrochemicalPoster Pendinghttps://www.linkedin.com/posts/eber-group-petrochemical_eberpetrochemical-hdpe-petrochemicalindustry-activity-7374593092966006784-NKMi
LinkedIn Poster
LinkedIn Update

"HDPE remains one of the most versatile polymers in the petrochemical industry. We are continuously improving our high-density polyethylene production to meet complex industrial demands, focusing on durability, longevity, and superior quality."

Open Post
Eber Petrochemical Eber PetrochemicalPoster Pendinghttps://www.linkedin.com/posts/eber-group-petrochemical_eberimpact-knowyourpeople-eberpetrochemical-activity-7372192929827901440-wFGU
LinkedIn Poster
LinkedIn Update

"Behind every industrial milestone is an exceptional team. In this edition of #EberImpact, we highlight the people who drive innovation at Eber Petrochemical. 'Know Your People' is more than a slogan; it's our core operating philosophy."

Open Post
Eber Petrochemical Eber PetrochemicalPoster Pendinghttps://www.linkedin.com/posts/eber-group-petrochemical_marinecoating-petrochemical-eberpetrochemical-activity-7370969216444911616-IdXu
LinkedIn Poster
LinkedIn Update

"Protecting maritime assets requires cutting-edge chemical solutions. Our latest insights into marine coating applications demonstrate how Eber Petrochemical is leading the formulation of robust, anti-corrosive materials for the global shipping industry."

Open Post
Eber Petrochemical Eber PetrochemicalPoster Pendinghttps://www.linkedin.com/posts/eber-group-petrochemical_eberpetrochemical-nationalconsumerday-customerappreciation-activity-7369156244713979905-b29X
LinkedIn Poster
LinkedIn Update

"Happy National Consumer Day! We deeply appreciate the trust our global partners place in our chemical solutions. Customer appreciation isn’t just a one-day event—it’s embedded in our commitment to continuous operational excellence and reliability at Eber Petrochemical."

Open Post

"This project demonstrates how content can be used to strengthen brand credibility and communicate value in a professional environment.

Brand Overview

This guideline ensures consistency across all brand communications. It is designed to emphasize reliability, professionalism, and industrial precision for EBER Petrochemical.

ReliabilityProfessionalismIndustrial Precision

This visual guideline was developed for Eber Petrochemical to create a consistent and structured visual system across multiple platforms.

The goal was not only to standardize visuals, but to ensure that every piece of communication reflects a unified brand identity.

Purpose

The guideline is designed to support various communication channels. Each platform requires a different approach, but still needs to feel cohesive as one brand.

Instagram content
LinkedIn posts
Email communication
Internal presentation (PowerPoint)

Process & Approach

The development process started by identifying inconsistencies in how visuals and logos were being used. From there, I structured a system that defines:

01How logos should be placed and scaled
02Clear spacing and alignment rules
03Color usage across different backgrounds
04Layout structures for different content types

This ensures that anyone using the guideline can apply it consistently without guesswork.

01 / LOGO SYSTEM

A major focus of this guideline is logo usage. Instead of treating the logo as a static element, the guideline defines:

  • ▪ Safe area and clear space
  • ▪ Correct and incorrect usage
  • ▪ Placement across different formats
  • ▪ Adaptation for digital and presentation use

This helps maintain brand integrity across all touchpoints.

Rules

  • ✓ Always place logo on clean, uncluttered background
  • ✓ Maintain clear space around logo (no overlapping elements)
  • ✓ Do not place on low-contrast or busy backgrounds

Restrictions

  • × Do not stretch, rotate, distort, or recolor the logo
  • × Maintain minimum size for readability
Color VersionColor Version
White VersionWhite Version

Subsidiary Architecture

Eternal
Eternal

Focused on sustainability and continuous progress. The seamless and modern design represents longevity, highlighting the company's commitment to creating lasting, future-proof chemical solutions.

Petrowidada
Petrowidada

Highlighting dynamic energy and technological precision. The sharp, forward-leaning edges reflect agility and a forward-thinking mindset crucial for modern industrial challenges.

Mega Prima
Mega Prima

Symbolizing leadership and paramount quality. The bold monolithic structure of the identity stands for undeniable strength and the company's position as a tier-one industry contributor.

Eterindo
Eterindo

Inspired by the synergy between the environment and advanced chemical processing. The interwoven concept reflects a harmonious balance between industry and localized natural resources.

02 / COLOR PALETTE

The foundational 5-color system structured strictly by dominance and structural function.

Deep Navy

#15133C

Primary background color. Dominant usage across layouts.

Usage Limit70%

Electric Purple

#4B2A86

Secondary depth color. Used in gradients and layered backgrounds.

Usage Limit70%

Teal Green

#1F8A7A

Brand accent color. Used in key highlights (e.g. logo emphasis).

Usage Limit25%

Cyan Blue

#2F6F8F

Supporting gradient tone. Adds modern and technical feel.

Usage Limit25%

Warm Orange

#F5A623

Accent highlight. Used sparingly for emphasis (CTA, highlight elements).

Usage Limit5%

03 / TYPOGRAPHY

Heading

Bold, used for titles and key messages

Subheading

Supports structure and readability

Body text elements represent the core communication matrix. Essential for clear transmission of complex industrial data and long-form narrative structure.

Clean and easy to read

Rules

  • → Maintain consistent spacing between text elements
  • → Clearly separate headings from body text
  • → Avoid overcrowded text blocks

04 / VISUAL ELEMENTS

Use geometric and structured shapes. Keep layout clean and balanced. Icons must be consistent in size and style.

Rules

  • • Align all elements to a grid system
  • • Avoid random or unstructured placement

05 / IMAGERY STYLE

Use industrial, operational, and real-environment visuals. Keep compositions clean and structured.

Tone: Cool, neutral, slightly desaturated

Rules

  • ✓ Avoid overly saturated or unrelated images
  • ✓ Maintain consistency with brand color system

06 / LAYOUT SYSTEM

Use grid-based layout for all designs. Maintain consistent spacing and alignment.

System Rules

  • → All elements must follow alignment system
  • → No floating elements without structure
  • → Use whitespace intentionally

07 / APPLICATIONS

Social Media

Logo placed top/bottom corner consistently

Banner

Logo top-left or center based on hierarchy

Website

Consistent header placement

Strategic Focus

  • Consistency across all platforms
  • Strong and recognizable brand presence

Strategic Value

Consistency is critical in building a strong corporate presence. Without a clear system, visuals can become fragmented and weaken brand recognition.

This guideline transforms scattered outputs into a unified communication system.

Multi-Platform Thinking

Each platform has its own behavior and audience. This guideline bridges those differences by creating a flexible system that works across:

social mediaprofessional platformsinternal communication

“A visual guideline is not just about design, but about defining how a brand communicates visually.”

This project reflects the ability to not only design visuals, but to build a system that ensures consistency, clarity, and scalability across all platforms.

EBER Magazine – Editorial Design

From print to digital, building a cohesive editorial experience.

This project focuses on developing EBER Magazine as both a printed publication and a digital e-magazine. The goal was to create a consistent editorial identity that reflects the company’s values while delivering informative and engaging content.

Scope of Work

Editorial concept development
Layout and visual design
Content structuring
Copywriting and article writing
Print-ready preparation
Digital adaptation (e-magazine)

Printed Magazine

Applying a highly structured, editorial grid layout to physical pages ensuring the typography and visual hierarchy guide the reader naturally.

Spread PendingEber Editorial
Magazine Spread 1
Spread PendingEber Editorial
Magazine Spread 2
Spread PendingEber Editorial
Magazine Spread 3

Content Contribution

I contributed to the content development, including article writing and editorial structuring.

"This ensures that the magazine is not only visually appealing, but also meaningful and aligned with the brand."

Editorial Approach

This project is not only about visual design. It is about how information is structured, presented, and communicated in a clear and engaging way.

Highlight Block

Designing for print and digital requires different approaches. This project bridges both, ensuring consistency across formats while adapting to different user experiences.

Digital Experience

Transitioning the print grid into a fluid WebGL flipbook interface, delivering an immersive e-magazine experience suitable for diverse screen sizes.

Interactive Viewer Pending

The flipbook engine might be restricted on certain browsers. You can cleanly bypass this viewing the original architecture externally.

Open Magazine

EBER Magazine represents a combination of design, content, and storytelling.A publication that connects brand communication with audience experience.

Bahana Sekuritas – Content & Video Performance

Turning ideas into content that people actually watch.

This project focuses on Instagram content creation for Bahana Sekuritas, with a strong emphasis on video performance. The role includes both copywriting and on-camera talent, creating content that is not only engaging but also watchable.

Role & Contribution

  • Copywriting for social media content
  • Acting as on-camera talent for reels
  • Developing content ideas and scripts
  • Adapting content for cross-platform

Strategic Positioning

This project focuses on creating content that people actually watch. Instead of optimizing for likes, the focus is on retention and views, making sure the content performs in a video-first environment.

Engagement Focus: Views Only

Talent Presence

Being directly involved as on-camera talent adds another layer to the content. It allows for more authentic storytelling and stronger audience connection.

Cross Platform Thinking

The content is also adapted for TikTok, ensuring consistency while maximizing reach across platforms.

"Content performance is not only about engagement, but about how long people stay and watch."

Thumbnail
Bahana Sekuritas Content 1
Feed
412
12
Thumbnail
Bahana Sekuritas Content 2
Feed
328
8
Thumbnail
Bahana Sekuritas Content 3
Feed
580
15
Thumbnail
Bahana Sekuritas Content 4
Feed
405
9
Thumbnail
Bahana Sekuritas Content 5
Reel
1.3M
Thumbnail
Bahana Sekuritas Content 6
Reel
850K
Thumbnail
Bahana Sekuritas Content 7
Reel
120K

This project highlights the combination of strategy, execution, and presence.Not just creating content, but becoming part of it.

Eco Packing Website Development

Building a digital presence from scratch with purpose and strategy.

This project focuses on building the Eco Packing website from the ground up. From structure to content, every element was created with a clear purpose—not just to present information, but to support business goals.

Website Structure

UI/UX Implementation

Content Structuring

Copywriting

User Flow Optimization

Marketing Driven Approach

Strategic Approach

This project is not only about building a website. It is about creating a system that communicates clearly, guides users, and supports business growth.

"Every section is designed with intention—not just for aesthetics, but for function and clarity."

Marketing Perspective

Coming from a marketing background, the focus was not only on how the website looks, but how it performs. This includes structuring content in a way that is easy to understand, engaging, and aligned with user needs.

Visit Live Website
ecopacking.co.id

User Flow Thinking

01
Landing
02
Product Understanding
03
Trust Building
04
Action
E-Commerce Performance & Marketplace Growth

Beyond building the website, this project also extends into marketplace performance.

The focus is on driving visibility, improving product positioning, and increasing sales across platforms.

#1

Top 1 Selling Category

Successfully brought Eco Packing to become one of the top 1 selling products in its category on Shopee.

Shopee Integration

Mobile Interface Layout

eco.packing ↗

#1 Top Selling

4.9 High Traffic

Strategy Explanation

This part of the project focuses on how products are presented and positioned in a competitive marketplace. From visuals to descriptions, every element is designed to attract attention and drive conversions.

Tokopedia Integration

Desktop Interface Layout

ecopacking ↗

Top Rated Seller

5.0 Sales Conversion

Business Impact

The result is not just traffic, but actual sales performance. This shows how digital strategy can directly contribute to business growth.

Eco Packing represents a complete process of building a digital presence from zero.Combining design, content, and strategy into a single experience.

Full Digital Ecosystem Built

From website architecture to marketplace execution, all frameworks are working together natively to support massive growth and visibility.

Eco Packing – Instagram & Brand Visual Development

Redefining the brand through visual identity and content.

After building the website and marketplace presence, the next step was strengthening the brand through Instagram. This includes redesigning the logo and creating a more consistent visual direction across content.

Logo Redesign

One of the key parts of this project is redesigning the Eco Packing logo. The redesign focuses on improving clarity, scalability, and consistency across digital platforms.

Approach

  • Simplifying visual elements
  • Improving readability at different sizes
  • Ensuring adaptability for social media and marketplace
  • Creating a cleaner and more modern look

Interactive Comparison

RedesignedAfter
Old LogoBefore

Visual System Extension

The logo redesign becomes the foundation for the overall visual direction on Instagram. This includes layout consistency, color usage, and how content is structured visually.

"A strong identity is not only built through a logo, but through consistent visual execution."

Strategic Value

This project is not only about improving visuals. It is about shaping how the brand is perceived across platforms.

Identity Integration

Eco Packing Instagram becomes an extension of the brand system, connecting identity, content, and communication seamlessly.

Unlock More Projects?

I have several high-impact case studies currently locked under NDA. Let's start a conversation to discuss these exclusive projects in detail.