Laptop showing revamped Dibimbing UI/UX bootcamp services with modern layout and navigation
Laptop showing revamped Dibimbing UI/UX bootcamp services with modern layout and navigation
Laptop showing revamped Dibimbing UI/UX bootcamp services with modern layout and navigation

INTRO

Dibimbing.id is a professional learning platform based in Indonesia, dedicated to helping individuals develop skills in tech, design, business, and more. It serves as a hub for learners who seek guided mentorship, real world projects, and industry relevant knowledge. With a strong focus on practical experience and personalized learning, Dibimbing.id offers bootcamps, career development programs, and internship opportunities. The platform is committed to supporting students, professionals, and career switchers by providing structured learning paths that foster growth, confidence, and readiness for the digital workforce.

INTRO

Dibimbing.id is a professional learning platform based in Indonesia, dedicated to helping individuals develop skills in tech, design, business, and more. It serves as a hub for learners who seek guided mentorship, real world projects, and industry relevant knowledge. With a strong focus on practical experience and personalized learning, Dibimbing.id offers bootcamps, career development programs, and internship opportunities. The platform is committed to supporting students, professionals, and career switchers by providing structured learning paths that foster growth, confidence, and readiness for the digital workforce.

INTRO

Dibimbing.id is a professional learning platform based in Indonesia, dedicated to helping individuals develop skills in tech, design, business, and more. It serves as a hub for learners who seek guided mentorship, real world projects, and industry relevant knowledge. With a strong focus on practical experience and personalized learning, Dibimbing.id offers bootcamps, career development programs, and internship opportunities. The platform is committed to supporting students, professionals, and career switchers by providing structured learning paths that foster growth, confidence, and readiness for the digital workforce.

Mentor

Fachril Zulfidar

Laptop showing dibimbing bootcamp services website
Phone showing dibimbing bootcamp services website
Laptop mockup showing dibimbing blog website
Phone showing dibimbing blog website with brown texture as the background
Laptop showing dibimbing bootcamp services website
Phone showing dibimbing bootcamp services website
Laptop mockup showing dibimbing blog website
Phone showing dibimbing blog website with brown texture as the background
Laptop showing dibimbing bootcamp services website
Phone showing dibimbing bootcamp services website
Laptop mockup showing dibimbing blog website
Phone showing dibimbing blog website with brown texture as the background

CHALLENGES

The main challenge was to create a fresh, clean layout and modern interface for the Bootcamp and Blog section making it more engaging, easier to explore, and aligned with Dibimbing’s brand identity.

CHALLENGES

The main challenge was to create a fresh, clean layout and modern interface for the Bootcamp and Blog section making it more engaging, easier to explore, and aligned with Dibimbing’s brand identity.

CHALLENGES

The main challenge was to create a fresh, clean layout and modern interface for the Bootcamp and Blog section making it more engaging, easier to explore, and aligned with Dibimbing’s brand identity.

RESEARCH

After receiving the task, I started by researching Dibimbing’s visual style and exploring different layout inspirations to ensure the new design stays consistent with the brand while offering a fresh and user friendly experience.

RESEARCH

After receiving the task, I started by researching Dibimbing’s visual style and exploring different layout inspirations to ensure the new design stays consistent with the brand while offering a fresh and user friendly experience.

RESEARCH

After receiving the task, I started by researching Dibimbing’s visual style and exploring different layout inspirations to ensure the new design stays consistent with the brand while offering a fresh and user friendly experience.

MAINTENANCE

In this project, I learned how to build a design system from scratch and apply it effectively within a real project. I also implemented fully auto layout in Figma to make the design easier to maintain and scale. This experience taught me the importance of consistency, efficiency, and how a well structured system can streamline the entire design workflow.

MAINTENANCE

In this project, I learned how to build a design system from scratch and apply it effectively within a real project. I also implemented fully auto layout in Figma to make the design easier to maintain and scale. This experience taught me the importance of consistency, efficiency, and how a well structured system can streamline the entire design workflow.

MAINTENANCE

In this project, I learned how to build a design system from scratch and apply it effectively within a real project. I also implemented fully auto layout in Figma to make the design easier to maintain and scale. This experience taught me the importance of consistency, efficiency, and how a well structured system can streamline the entire design workflow.

RESULT

In this revamp project, I explored several design options by experimenting with different styles for key sections such as the hero, cards, and overall color palette. Each variation was crafted to align with Dibimbing’s brand while bringing a fresh and modern look to the Bootcamp section. This process allowed me to explore creative directions and find the best visual approach to enhance user engagement.

RESULT

In this revamp project, I explored several design options by experimenting with different styles for key sections such as the hero, cards, and overall color palette. Each variation was crafted to align with Dibimbing’s brand while bringing a fresh and modern look to the Bootcamp section. This process allowed me to explore creative directions and find the best visual approach to enhance user engagement.

RESULT

In this revamp project, I explored several design options by experimenting with different styles for key sections such as the hero, cards, and overall color palette. Each variation was crafted to align with Dibimbing’s brand while bringing a fresh and modern look to the Bootcamp section. This process allowed me to explore creative directions and find the best visual approach to enhance user engagement.

  • Phone charged on black table showing dibimbing.id blog page

    Dibimbing Bootcamp Services

  • Laptop on rock showing dibimbing.id revamped blog page

    Dibimbing Bootcamp Services

  • Phone with blue backgorund showing dibimbing revamped detail article

    Dibimbing Blog Detail

  • Laptop with black background showing dibimbing.id revamped detail blog website

    Dibimbing Blog Detail

  • Phone with blue texture background showing dibimbing.id revamped blog page

    Dibimbing Blog

  • Laptop with black wall as the background showing dibimbing revamped blog pages

    Dibimbing Blog

  • Phone charged on black table showing dibimbing.id blog page

    Dibimbing Bootcamp Services

  • Laptop on rock showing dibimbing.id revamped blog page

    Dibimbing Bootcamp Services

  • Phone with blue backgorund showing dibimbing revamped detail article

    Dibimbing Blog Detail

  • Laptop with black background showing dibimbing.id revamped detail blog website

    Dibimbing Blog Detail

  • Phone with blue texture background showing dibimbing.id revamped blog page

    Dibimbing Blog

  • Laptop with black wall as the background showing dibimbing revamped blog pages

    Dibimbing Blog

Dibimbing Revamp Design

I revamped Dibimbing’s Bootcamp section, enhancing user experience with a cleaner, engaging interface aligned with the design system, making navigation easier and more accessible for users.

Design Optimization

Revamp

Redesign

Organizer

Dibimbing.id x MSIB

Role

UI/UX Designer

Platform

Responsive Website

Duration

Sept - Dec 2024

Tools

Figma, Jira, Discord, Zoom, Excel

  • Grasio Justin ⋅

  • UI/UX Designer ⋅

  • Framer Developer ⋅

  • Grasio Justin ⋅

  • UI/UX Designer ⋅

  • Framer Developer ⋅

  • Grasio Justin ⋅

  • UI/UX Designer ⋅

  • Framer Developer ⋅