Khoirul SyarifSenior Product Designer

About

I design tools for the people who keep business moving.

A user-focused product designer with 4+ years of turning complex needs into intuitive products โ€” through research, user flows, wireframes, visual design and prototypes. At Mengantar I design the order creation tools COD sellers use every day; before that I worked across printing e-commerce, media, food-tech and IoT.

Based in
Bekasi, Indonesia ๐Ÿ‡ฎ๐Ÿ‡ฉ
Designing since
2021
Teams
6 companies
Started with
Information Systems
Now designing order creation @ Mengantar ๐Ÿ“ฆ
Khoirul Syarifudin

FahmiLead Product Designer

He's great at turning abstract ideas into clear and practical designs.

Experience

6 companies ยท 2021 โ€“ now

Where I've worked

Six teams since 2021 โ€” from IoT for factories to Cash on Delivery logistics at scale.

Every number here comes from shipped work ๐Ÿ“ˆ
  1. MengantarDec 2023 โ€“ PresentMalang, East Java
    Now

    Delivery aggregator helping businesses handle Cash on Delivery shipping

    • Senior Product DesignerDec 2025 โ€“ Present
    • Product Designer IIDec 2023 โ€“ Nov 2025
    • +25%usability on the redesigned Create Order flow for single and bulk orders
    • 203Kvisits in a week on the new Create Order page, growing 4.5% week-over-week
    • 95K+orders through the Lion Parcel courier integration after launch
    • Designed the spreadsheet-style Sheet Editor and launched Digital Products in Formulir

    MuhammadProduct Designer

    โ€ฆa great understanding of product strategy, translating complex business and user needs into practical design.

  2. Cahaya Jakarta GroupJan 2023 โ€“ Jan 2024Cikarang, West Java

    Printing group behind Kita Label, with internal tools for operations and documents

    • Product Designer & Web DeveloperJan 2023 โ€“ Jan 2024
    • +25%conversion and 20% less cart abandonment on the Kita Label checkout
    • +20%operational efficiency from the Cahaya Management System
    • โˆ’30%document search time with a new Document Management System
    • โˆ’18%bounce rate in three months after the Kita Label website revamp
    • +15%revenue in six months from new landing pages with marketing
    • โˆ’25%development time with a reusable, component-based design system
  3. KatadataNov 2022 โ€“ Jan 2023South Jakarta

    Media, data and online research company covering economics and business

    • UI/UX DesignerNov 2022 โ€“ Jan 2023
    • Designed Katadata Mobile from scratch without a PRD, defining milestones with stakeholders and tech
    • Built a new design system for Katadata Green and the Katadata mobile apps
    • Helped the COO prioritise the roadmap on metrics and proposed MVPs for two new products
  4. Yummy CorpFeb 2022 โ€“ Nov 2022Tangerang, Banten

    Food industry ecosystem: cloud kitchens, online catering and food facility management

    • Product DesignerFeb 2022 โ€“ Nov 2022
    • Built a new version of the design system for Stock Management and Smart Admin
    • Designed a promo dashboard for sellers
    • Defined the research plan and success metrics for a revamp, then prototyped and validated the proposal
    • Helped prioritise the roadmap based on metrics
  5. EvomoSep 2021 โ€“ Feb 2022Jakarta

    Telkom Indonesia startup bringing IoT, big data and ML to manufacturing and agribusiness

    • UI/UX DesignerSep 2021 โ€“ Feb 2022
    • 12user interviews and 3 surveys, from writing the questions to analysing the results
    • 6usability testing sessions on the MVP as observer and note taker
    • Designed a power consumption monitoring system and improved the OEE dashboard
    • Designed an IoT checkout flow inside the dashboard
  6. VoilappsAug 2021 โ€“ Oct 2021Jakarta

    Discover local places, products and services in one app โ€” type, tap and voila

    • UI/UX Designer โ€“ Merchant Platform (Internship)Aug 2021 โ€“ Oct 2021
    • +30%user traffic after the first revamp of the Voila Merchant mobile app
    • +140%community growth within a few months of the revamp
    • 6user interviews and 2 surveys, mixing qualitative and quantitative research
    • Ran regular user testing of concepts, features and prototypes

    NicholausFounder Voilapps

    Organized, reliable, and on time โ€” able to work independently and follow through.

Education

2017 โ€“ 2021

Education & early work

I started out building systems for local government, then moved into product design in 2021.

Education

BootcampUI/UX DesignDibimbing.id ยท Feb โ€“ Apr 2021Where the switch to product design started.
DegreeAssociate of Information SystemsSTMIK Kharisma Karawang ยท 2017 โ€“ 2020GPA 3.40 / 4.00 ยท head of department in the student organisation.

Before design

  1. Jan โ€“ Mar 2020

    System Analyst & Web Developer

    Dinas Pangan, Karawang

    Researched with local officials and built a system to track food costs.

  2. Oct โ€“ Dec 2019

    System Analyst & Web Developer

    Kantor Desa Warung Bambu, Karawang

    Built automatic letter printing for the village administration.

KhoirulNote to self

Building systems first taught me to design for the people who actually run the process.

Toolkit

3 libraries

Toolkit

The tools and skills I work with today โ€” including the AI ones that changed how I prototype.

Design

  • Figma
  • Framer
  • Miro
  • WordPress
  • Elementor

AI & vibe design

  • Figma Make
  • Claude Code
  • Cursor
  • v0
  • Lovable
  • ChatGPT
  • Claude

Collaboration & data

  • Jira
  • Notion
  • Slack
  • Trello
  • GitHub
  • Google Analytics

Core craft

  • Product strategy
  • Complex workflow design
  • UX research & usability testing
  • Design systems & tokens
  • Data-informed design (A/B, analytics)
  • UX writing
  • Cross-functional leadership

AI-native

  • Vibe design & coded prototypes
  • Designing AI-powered features
  • Prompt & context design
  • AI-assisted research synthesis
  • Design-to-code with AI agents

Mindset

  • Strategic thinking
  • Analytical thinking
  • Problem solving
  • Attention to detail
  • Continuous improvement
  • Teamwork
Lately: prototyping straight in code with AI, then bringing the best ideas back into Figma โœจ

How I work

4 stickies

How I work

Four habits I bring to every team โ€” with receipts from the people I've worked with. Drag the notes around.

Problem first, pixels laterInterviews, data and a chat with the ops team come before the first frame in Figma.

AmirohProduct Manager

He never brings just a design to the table โ€” he brings the โ€œwhyโ€ behind it.

Every flow gets a metricUsability scores, conversion, orders after launch โ€” we agree on the number before we ship.
Designed with engineeringFeasibility is part of the design. I pair with engineers early so nothing gets lost in hand-off.

AndiMobile Developer

โ€ฆbridges the gap between product requirements and technical feasibility.

Words are design tooIn complex flows, clear copy does half the work. I write the UX text, not lorem ipsum.

StevanieProduct Designer

โ€ฆturns complex ideas into simple, engaging words that fit the product.