back

Makmur — Building Consistency Across Design Systems and Responsive Product Experiences

makmur

Investment platform offering mutual funds, stock trading, and financial tools designed for Indonesian retail investors.

Product

Web App (Investment)

Role

Product Designer (Internship)

Timeline

Jul 2025 - Sep 2025

project image

Makmur Internship

Context

During my Product Design Internship at Makmur, I worked within an established product team supporting web and desktop experiences. My contributions spanned feature development, responsive design, and design system initiatives aimed at maintaining consistency across the product.

The experience provided exposure to working within an existing product ecosystem, balancing new requirements with established design patterns and implementation considerations.

Key Contributions

The following highlights showcase selected contributions across design systems, responsive design, and product interface development. Some visuals have been partially obscured for confidentiality reasons.

Design System Structuring

I helped organize the design system into a more structured component library, grouping elements by atomic design principles and connecting existing screens to reusable components. This improved consistency across interfaces and created a stronger foundation for future updates.
insight
1

Components are organized into a structured atomic design hierarchy.

2

Existing interfaces are connected to reusable design system components.

Component State Definition

I defined interaction and system states for reusable components to support different user scenarios beyond default screens. This helped maintain consistent behavior across the product while providing clearer implementation guidance for development.
insight
1

Interaction states are defined to support different user scenarios while maintaining consistent behavior across interfaces.

Responsive Design Implementation

I applied established responsive guidelines across five breakpoints, adapting layouts, spacing, typography, and component behavior to create a consistent experience across screen sizes.
insight
1

Interfaces are adapted across five responsive breakpoints while preserving usability and consistency across screen sizes.

Prototype Environment Preparation

I prepared dedicated prototype environments using realistic data and organized screen flows to support design reviews, demonstrations, and prototyping workflows.
insight
1

Prototype environments are organized with consistent data and screen flows to support reviews and demonstrations

Reflection

This experience provided valuable exposure to working within an established product ecosystem, where design decisions extend beyond individual screens and features. Contributing to design systems, responsive implementations, and shared product assets reinforced the importance of consistency, maintainability, and collaboration when supporting products at scale.

Moving forward, I aim to approach design challenges with a stronger systems perspective, considering how individual decisions contribute not only to the user experience but also to the long-term evolution and maintainability of a product.
insight

Continue exploring

More projects across research, commerce, systems, and spatial experiences.