iqbal.albatmi@gmail.com

I take early ideas and turn them into products people can use.

Surabaya, Indonesia

Open to product design opportunities

Scroll

I design digital products and help ship them.I start with the problem, shape the product,design the interface and its identity,then work closely with the builduntil the released product feels right.

02 — ApproachThis is how I take a product from a rough question to a working release:

01

LISTEN

I listen for the parts users find hard to explain.

I use interviews, desk research, and the tools people already rely on. The most useful insight often appears after the first answer.

02

FRAME

I turn scattered findings into a clear product direction.

I group what I hear, write a focused problem statement, and use it to decide what belongs in the product.

03

CRAFT

I design the interface, system, and brand as one experience.

Information architecture, flows, type, colour, components, and voice are designed together because users experience them together.

04

SHIP

I stay close to the build, test the work, and improve what ships.

Testing, a closed beta, and post-release reviews show what needs to change. A design only proves itself once people can use it.

03 — Work

SELECTED WORK

2026Live product

Mahasigma AI

An AI workspace that turns a research title into a structured academic draft and includes DOI-backed sources students can open and check.

RoleUI-UX Designer
See how I designed itOpen the live product
The Mahasigma AI homepage: "AI Skripsi untuk Cari Judul, Susun Draft, dan Persiapan Sempro" beside a photograph of a student at a laptop, above tabs for undergraduate, master’s, doctoral and journal work and a field for pasting a research title.
The "Temukan Ide Judul Terbaikku" screen: a purpose toggle between final project and journal article, a degree-level row of S1, S2 and S3, and a free-text field for describing the topic.
The drafting screen — "Mulai dari judul, AI yang susun sisanya" — with a title field, document-type chips, and status markers reading chapters I–III generated and DOI metadata checkable.
The title finder shown inside a laptop frame: a numbered progress rail down the left, a topic field, and a list of candidate research titles about mobile-game duration and student mental health.

Drag or use arrow keys

01 / 04 The Mahasigma AI homepage: "AI Skripsi untuk Cari Judul, Susun Draft, dan Persiapan Sempro" beside a photograph of a student at a laptop, above tabs for undergraduate, master’s, doctoral and journal work and a field for pasting a research title.

2026Live product

Kartanesia Studio

Interactive digital experiences for weddings, birthdays, and anniversaries. Six playable worlds give each occasion a different way to tell its story.

See how I designed itOpen the live product
The Kartanesia Studio worlds: Premiere and Our Year shown as large cards with their own colour and typography, each with a starting price and a "Lihat Experience" action, above Achievement and Storybook.
The remaining four worlds — Achievement, Storybook, Museum and Our Drama — each card carrying the occasion it suits, a starting price, and its own visual treatment.
A comparison strip of all six worlds with what each is for, its starting price and a "Coba Demo" button, above a dark band reading "Nggak usah percaya. Coba aja langsung." and a note that every demo runs on this page.
The shareable closing cards — "Level 24 Unlocked", "Our 2026", "Season 03 Renewed" — fanned out under the heading "Terlalu bagus untuk cuma dibuka sekali."

Drag or use arrow keys

01 / 04 The Kartanesia Studio worlds: Premiere and Our Year shown as large cards with their own colour and typography, each with a starting price and a "Lihat Experience" action, above Achievement and Storybook.

2026Live product

Skripsweet

Indonesian undergraduates may spend six to twelve months on a thesis while meeting their supervisor only once every two to four weeks. Skripsweet helps them decide what to do between meetings while leaving the actual work to the student.

RoleProduct Designer & Co-FounderTimelineJanuary 2026 — presentTeamTwo people: me on design, one engineer
See how I designed itOpen the live product
Skripsweet desktop dashboard. A single "work on this now" panel sits above the fold, with a weekly roadmap calendar, progress ring, streak counter and upcoming tasks arranged around it. The left sidebar lists the seven ordered workflow steps.
Home screen headed “continue your thesis today” with a progress figure, a single primary Continue action, a short focus list for the day, and a five-slot bottom navigation bar where every icon carries a text label.
Phase-map screen showing the thesis as an ordered, numbered list of stages from the first supervisor discussion through to graduation, with completed stages checked and the current stage expanded.
AI mentor chat open on Chapter 1. The assistant answers with structural guidance about what a research question must contain, and offers a worked breakdown table, rather than supplying paragraphs to paste.
defense simulation running in pressure mode, with a live countdown timer, numbered examiner questions, the student’s answers, and a critical response identifying a claim the manuscript does not support.
Mobile AI-detection screen reporting an originality score across several detectors, with a plain-language explanation of what the result means and what to do next.
Manuscript view showing the thesis broken into chapters with per-chapter tabs, a formatted document preview, and controls for structure, writing and page view.
Reference search results listing open-access journal articles with authors, year, source, a written summary of each paper’s relevance, and save, cite and similar-paper actions.
Skripsweet marketing site hero: a large headline promising daily accompaniment through the thesis, set next to the product mascot above a row of trust markers.

Drag or use arrow keys

01 / 09 Skripsweet desktop dashboard. A single "work on this now" panel sits above the fold, with a weekly roadmap calendar, progress ring, streak counter and upcoming tasks arranged around it. The left sidebar lists the seven ordered workflow steps.

Live product

Resume Academy

A CV builder for Indonesian jobseekers with a real-time preview, ATS-friendly templates, and an automatic score that explains what to improve while the CV is still being written.

See how I designed itOpen the live product
The CV editor: a sectioned form on the left, the rendered CV in the centre, and a toolbar carrying an ATS score of 95%, a sample-data toggle, an interview simulator and a download button.
The template picker — "Pilih template untuk memulai" — showing Harvard, Stanford, Princeton and Cambridge layouts, each labelled with what it is suited to.
A row of ATS-checked template previews above a dark band reading "AI yang benar-benar membantu karirmu".
Six AI feature cards — job description writer, CV scoring and feedback, summary generator, cover letter, keyword suggester and interview question predictor.

Drag or use arrow keys

01 / 04 The CV editor: a sectioned form on the left, the rendered CV in the centre, and a toolbar carrying an ATS score of 95%, a sample-data toggle, an interview simulator and a download button.

Live product

InspireVault

A visual library for design references. Save a URL, let the product tag and sort it, then search a gallery when you need it again.

See how I designed itOpen the live product
The InspireVault library: a sidebar of collections and categories beside a counted gallery of saved sites, each card showing the page itself with its source and tags.
More of the gallery — dashboards, headphone product pages, glass-morphism studies, a watch brand — laid out as a masonry grid of thumbnails.
The vault at phone width, cards stacked full-width with source and tag lines under each.
A phone-width view of saved app and product references, the thumbnail still doing the work of the label.

Drag or use arrow keys

01 / 04 The InspireVault library: a sidebar of collections and categories beside a counted gallery of saved sites, each card showing the page itself with its source and tags.

2026Client project

Xionic Performance

A storefront for a custom exhaust workshop, built so the brand has a home of its own outside the marketplaces. Browse by what you ride, then move straight to WhatsApp.

See how I designed itOpen the live product
A before-and-after comparison of a motorcycle with the stock exhaust and with a Xionic Street Bass fitted, listing what changes, above the customer testimonial section.
Screenshots of real WhatsApp conversations with customers, each labelled with the buyer’s name and bike, presented as chat threads rather than restaged quotes.
The four-step ordering flow — open the catalogue, add to cart, check out or order by WhatsApp, and the order goes into production — above a "Buka Katalog Sekarang" action.
The about page: "Bukan cuma knalpot" over the workshop’s own story, beside a photograph of the fabrication shop, above counters for years trading, orders and reach.

Drag or use arrow keys

01 / 04 A before-and-after comparison of a motorcycle with the stock exhaust and with a Xionic Street Bass fitted, listing what changes, above the customer testimonial section.

2024Design lead

Deutsche Woche 28

The event site for Deutsche Woche XXVIII, a national German-language competition at UNESA under the theme "Sprache als Ausdrucksmittel". One visual identity connects the competitions, timeline, and gallery.

See how I designed itOpen the live product
The Deutsche Woche XXVIII hero: the theme "Sprache als Ausdrucksmittel" on a bright yellow field with competition category chips and registration actions, above the competition cards.
The event timeline — participant registration, extended registration, technical meeting, online competition, offline finale — as five dated points on a single line, above the gallery.
A grid of photographs from the event: participants in a hall, a decorated stage backdrop, presentations and audience seating.
The event teaser video in a player, above the "Pertanyaan Umum" section of frequently asked questions.

Drag or use arrow keys

01 / 04 The Deutsche Woche XXVIII hero: the theme "Sprache als Ausdrucksmittel" on a bright yellow field with competition category chips and registration actions, above the competition cards.

Live site

Vanguard Construction

A B2B site for a commercial and civil construction contractor: an engineering-drawing visual language, built for procurement teams who read specifications before they read marketing.

See how I designed itOpen the live product
The Vanguard Construct homepage: "WE BUILD TO THE SPECIFICATION." over a dusk photograph of a high-rise under construction, with a project inquiry action, a capability statement download, a live phase marker, and a row of client organisations beneath.
Four capability cards — earthworks and deep foundations, underground utilities, structural framing, environmental and LEED delivery — each listing its actual scope, above a statistics band.
The blueprint-to-reality comparison: a draggable divider between an issued-for-construction drawing set rendered in blue and a photograph of the delivered tower, with the handle mid-frame.
The project register filtered by sector, showing Nexus Commercial Tower, Harbour Link Crossing and Meridian Logistics Park as cards with location, client, scope tags, contract value, duration and completion year.

Drag or use arrow keys

01 / 04 The Vanguard Construct homepage: "WE BUILD TO THE SPECIFICATION." over a dusk photograph of a high-rise under construction, with a project inquiry action, a capability statement download, a live phase marker, and a row of client organisations beneath.

Live product

UX Learning

A twelve-month UI/UX curriculum with an interactive playground, a skill radar and a portfolio guide. It works without an account, and progress stays on the learner's own device.

See how I designed itOpen the live product
The UX Mastery Lab dashboard: a module sidebar, a "start from small skills, build to an international standard" panel, a progress ring at 0%, and the twelve-month learning map below.
The curriculum page — "Peta Belajar Jadi UI/UX Designer Profesional" — listing modules from visual UI foundations through professional Figma to UX fundamentals, each with its own progress bar.
A lesson page for Fondasi Visual UI: learning objectives on the left, a module progress ring and a completion checklist on the right.
A lesson on spacing and an 8pt grid, with worked rules for spacing consistency, padding versus margin, and the use of white space.

Drag or use arrow keys

01 / 04 The UX Mastery Lab dashboard: a module sidebar, a "start from small skills, build to an international standard" panel, a progress ring at 0%, and the twelve-month learning map below.

Live product

Deutsch 30

A German course for Indonesian learners, organised into one 30-day sprint for each CEFR level. Grammar starts with usable patterns and is supported by speaking practice and AI feedback.

See how I designed itOpen the live product
The Deutsch 30 landing page: "Belajar Bahasa Jerman 30 Hari per Level" beside a CEFR skill radar and a thirty-day progress grid, above the three problems it names — grammar feels intimidating, random study is forgotten, you cannot tell your real level.
The method as a loop — see the pattern, understand, imitate, drill, speak, correct, repeat — above the A1 to C2 ladder, each level a thirty-day sprint with what it unlocks.
The daily learning flow: eight steps from story hook and pattern reveal through guided example and interactive drill to a mini victory, beside an AI tutor correcting a learner’s sentence in place.
The first onboarding step, "Siapa namamu?", with a single name field and a progress indicator reading step 1 of 6.

Drag or use arrow keys

01 / 04 The Deutsch 30 landing page: "Belajar Bahasa Jerman 30 Hari per Level" beside a CEFR skill radar and a thirty-day progress grid, above the three problems it names — grammar feels intimidating, random study is forgotten, you cannot tell your real level.

Live product

Nusa Drive

Carsharing billed by the minute. Drivers can unlock a car from the app and leave it in any public parking space inside the service area, with no counter, deposit, or pickup window.

See how I designed itOpen the live product
The NusaDrive homepage: "Mobil yang kamu bayar per menit, bukan per hari" beside a map of nearby cars with a per-minute price and an unlock button, above a band of service statistics.
The fleet — Nusa Mini, Nusa Terra, Nusa Family and Nusa Volt — as four cards with seat count, transmission and a per-minute price, behind a per-minute, per-hour, per-day toggle.
Six cards spelling out what the price already covers: fuel and tolls, insurance on every rental, free parking across the zone, round-the-clock support in Indonesian, pay only while driving, and a growing electric fleet.
The service area — six active cities with car counts, two more marked as coming — beside a map showing a free-parking zone of 318 square kilometres.

Drag or use arrow keys

01 / 04 The NusaDrive homepage: "Mobil yang kamu bayar per menit, bukan per hari" beside a map of nearby cars with a per-minute price and an unlock button, above a band of service statistics.

Also shipped

These projects are part of my work history, but I no longer have enough screens or research material to tell their full story here. You can find the details in my CV, and I am happy to talk through either project in a conversation.

  • 2024 · Studi Independen placementMahitalaUI/UX Designer, Infinite Learning IndonesiaI designed a weather-prediction web app, researched how people would use it, and tested the main flows. I then worked with the developers to carry the design into the final build.
  • 2025 · Internship, Pak D GroupGeprek Bakar Pak DGraphic Design Intern, PT Marsudi Utomo SejahteraI designed the layout and user flow for the franchise website, then created campaign work for four F&B brands in the same group. Each brand kept its own character while still feeling part of one family.

05 — About

I design for people who already have enough to think about.

My job is to make the next decision easier.

I am a self-taught product designer based in Surabaya. I co-founded Skripsweet, an AI thesis-mentoring platform for Indonesian students. I lead its research, information architecture, interface, design system, brand, and marketing site.

Before Skripsweet, I spent five years working directly with freelance clients on logos, identity systems, and responsive websites. I also designed a weather-prediction interface and ran usability tests at Infinite Learning, then worked on the franchise website for Pak D Group.

My background in brand design helps me make products feel consistent. I can shape the voice, visual system, and interface together, then keep them aligned as the product grows.

Selected capabilities

  • Product & UI design
  • Design systems
  • Information architecture
  • User flows & wireframing
  • Usability testing
  • Responsive & mobile-first design
  • Brand identity systems
  • Front-end implementation of own designs

Education

B.A. German LiteratureUniversitas Negeri Surabaya · Expected 2026

Based in

Surabaya, IndonesiaOpen to product design opportunities

Product Designer CVPDF · primaryGraphic & Brand CVPDF · secondary