Indonesia Digital Technopark

Indonesia Digital Technopark

Indonesia Digital Technopark

Designing a platform to solve Indonesia's talent gap. A data-driven solution turning training into verified portfolios for industry access.

Role as UI/UX Designer

Indonesia, Solo Technopark .2025

00/01

00/01

00/01

About The Project

About The Project

About The Project

Industry

Education Technology & Public Sector

Project Type

Awarded Competition Project

Duration

1

weeks

  • Research // 2 days

  • Ideation & sketch // 1days

  • Design Hi-Fi // 2 days

  • Testing // 2 days

Tools Design

Miro & Figma

To bridge Indonesia's critical talent-industry gap, the IDT platform integrates e-Training and a Talent Hub into one ecosystem. It automatically verifies skills into a "Digital Passport," creating a trusted, unified platform that seamlessly connects proven talent with career opportunities.

00/02

00/02

00/02

Challenges

Challenges

Challenges

Problem
  • A Strange Contradiction: Even though Indonesia's tech companies were desperate to hire skilled people, millions of talented individuals across the country couldn't get a foot in the door.

  • Unfair Barriers to Entry: It was an uneven playing field. Data showed that you had a much better chance of landing a top job if you came from one of just three major universities, creating an "invisible wall" for everyone else.

  • A System Without Trust: The biggest issue was a lack of trust. Companies had no way of knowing if the skills listed on a resume were real, and job seekers had no way to prove their abilities were legitimate without the right connections.

  • A Confusing and Disconnected Process: Finding a job was a messy puzzle. The tools for learning new skills, building a portfolio, and applying for jobs were all separate, making the entire process difficult and frustrating for everyone involved.

Approach
  1. Started with Facts, Not Guesses.
    Instead of assuming I knew the problem, my journey began by reading official reports from big organizations like Google to understand the real situation. To make sure I never lost sight of who I was helping, I created profiles of two imaginary people based on my research: Daffa, a talented graduate struggling to get noticed, and Alexa, a student needing real experience.

  2. Drew a Map for the Users.
    With a clear picture of the users' problems, I brainstormed solutions by asking simple questions like, "How can I help someone like Daffa prove his skills?" I then drew a complete map of every single step a user would take inside the app, making sure the journey from learning a new skill to applying for a job was as simple and logical as possible.

  3. Built a Blueprint, Then a Realistic Model.
    First, I created very simple, black-and-white sketches of the app (like an architect's blueprint). This helped me focus on making sure the layout was easy to use, without getting distracted by colors or fonts. Once I was happy with the blueprint, I built a realistic, clickable model that looked and felt exactly like the final product.

  4. Tested My Design with Real People.
    An idea is only good if it actually works for people. So, I put my design to the test:

  • First, I studied the competitors to make sure my platform offered something new and better.

  • Most importantly, I invited people just like Daffa and Alexa to try out my clickable model. I watched what they did, saw where they got confused, and listened to their feedback. This allowed me to find and fix problems, ensuring the final design was not just a good idea, but a proven solution.

00/03

00/03

00/03

Phase Research

Phase Research

Phase Research

Here i do

I adopted a Data-Driven Design approach, beginning with extensive secondary research to understand the full context of the problem and the people I was designing for before creating any screens.

  1. Validating the Problem with Data
    My research confirmed the urgency. With 212 million internet users, Indonesia has immense human potential. However, a government survey highlighted a deep digital divide between urban and rural areas, and an OECD report even noted that the government was considering relaxing regulations to hire foreign workers to meet industry demand. This was a clear signal that the existing system was failing to connect a vast pool of domestic talent with incredible opportunities.

  2. User Personas
    I synthesized this data into two core user personas to represent the two sides of the talent gap:

  • Daffa, The Overlooked Talent: A 21-year-old vocational school graduate from Surakarta. He is skilled and ambitious but lacks connections and a verified way to prove his competencies to national-level companies.

  • Alexa, The Aspiring Student: A university student in Jakarta. She has strong theoretical knowledge but no practical experience and doesn't know how to build a professional portfolio that will stand out.

These personas became my mandate. The platform had to empower Daffa by verifying his skills and guide Alexa by helping her build a credible portfolio.

00/04

00/04

00/04

Phase Ideate

Phase Ideate

Phase Ideate

Whats Next ?
  1. Armed with a clear understanding of the "why," I began to architect the "how." I focused on translating my research insights directly into the platform's core structure and features.

Pain Point

How Might We...?

The Resulting Core Feature

Skills without proof have no credibility.

...create a verification system trusted by national recruiters?

The "IDT Digital Passport", an automated, verifiable portfolio.

Talents outside major cities are invisible.

...build a bridge that connects talent directly to jobs, regardless of location?

The Talent Hub, a smart marketplace with a skill-matching engine.

  1. Architecting the User Journey
    I mapped the entire user flow to ensure a seamless experience, focusing on two interconnected pathways: The Learning Path (taking courses to earn credentials) and the Career Path (using those credentials to find jobs). This dual structure ensures that learning is always directly tied to opportunity.

00/05

00/05

00/05

Phase Develope

Phase Develope

Phase Develope

The Final Execution

The final design delivered a cohesive platform with key features engineered to solve the core challenges.

  1. Engineered the "IDT Digital Access"
    I designed a dynamic portfolio where every skill and certificate earned on the e-Training platform is added automatically as a verifiable credential. This fundamentally solves the trust issue for both talents and recruiters.

  2. Built an Integrated Ecosystem
    I designed a platform around four core pillars: e-Training, Talent Hub, e-Commerce, and Metaverse. This structure immediately shows users that IDT is not just another job board, but a comprehensive, all-in-one ecosystem for digital career growth.

  3. Developed a Seamless Job Application Flow
    I designed the Talent Hub with a smart skill-matching engine that automatically recommends relevant jobs to users based on their Digital Passport. This transforms a frustrating, manual search into an efficient, empowering experience.

A design is only successful if it works for real people. To complete the Data-Driven Design cycle, I tested the high-fidelity Figma prototype with users to gather direct feedback.

1. Methodology
I conducted moderated usability testing sessions with 5 users who fit the 'Daffa' and 'Alexa' personas. I tasked them with finding an e-Training course, registering, and finding a relevant job opening in the Talent Hub.

2. The New Data: Key Findings

  • Success: 5 out of 5 users immediately understood the value of the "Digital Access" and found the overall navigation intuitive.

  • Insight #1 (Confusion): Three users were initially confused about how their progress in 'e-Training' connected to their visibility in the 'Talent Hub'.

  • Insight #2 (Missing Feature): Four users expressed a strong desire to share their verified Digital Passport directly to their LinkedIn profile to showcase their achievements.

3. Actionable Iterations (The Result)
I used this direct user feedback to refine the design:

  • Based on Insight #1: I redesigned the user dashboard to include a unified progress bar and notifications, making the link between learning and earning more explicit.

  • Based on Insight #2: I added a "Share to LinkedIn" feature on the Digital Passport page. This was a high-value feature that I had initially overlooked but that user testing proved was critical for real-world application.

00/03

00/03

00/03

Key Takeaways

Key Takeaways

Key Takeaways

I didn't set out to build another platform. I set out to build a new system of trust.

This project taught me a fundamental truth: the real power isn't in creating separate tools for learning and hiring, but in integrating them so seamlessly they become one. I proved that a portfolio you earn, skill by verified skill, is infinitely more valuable than one you simply upload. It's the difference between a claim and a fact.

My real focus was always on the talented developer from a small town. I designed the IDT Digital Passport to be their voice—a tool to let their proven skills speak louder than their connections or their university's name. Ultimately, I architected IDT to dismantle old barriers and transform our national "talent gap" into a "talent hub" one verified skill at a time.

© 2025 All pixels reserve

Working Globally

Crafted by Abdurrahman Faiz

ABDURRAHMAN

A creative partner for product design and web development, based in Indonesia. Crafted for clarity. Designed for growth.

© 2025 All pixels reserve

Working Globally

Crafted by Abdurrahman Faiz

ABDURRAHMAN

A creative partner for product design and web development, based in Indonesia. Crafted for clarity. Designed for growth.

© 2025 All pixels reserve

Working Globally

Crafted by Abdurrahman Faiz

ABDURRAHMAN

A creative partner for product design and web development, based in Indonesia. Crafted for clarity. Designed for growth.

Create a free website with Framer, the website builder loved by startups, designers and agencies.