Hello! there i'm UI/UX Designer
Muhammad Syahrul Iman
Minimalism is my signature style!
Slow Living
with multitude skills
Love to work everywhere
Has a great reponsibility
adaptable, fast leaner and
good communication
Just a quote
Great design isn’t just about looks
it works for everyone,
including those who navigate
the world differently.
I'm also proficient in native coding.
User Interface
“Pixels with Purpose, Interfaces with Impact”
Design Beyond Clicks
.png)
Dimple
app
design
TYPOGRAPHY
INTER - inter
COLOR
#002D7A
#002D7A
#002D7A
#002D7A
Dimple (Delegation Simple)
Year Accomplished (2024)
Role Posisition (UI/UX Designer)
My Contribution
As a UI/UX Designer, I was responsible for designing the complete user experience and interface for three main user roles: Employee, Supervisor, and Admin.
-Created wireframes and mockups for registration, login, profile, delegation, verification, and dashboards.
-Designed task flows for sending, verifying, approving, and rejecting delegations to ensure usability.
-Applied user-centered design with consistent typography, colors, and visual hierarchy.
-Tested and refined the design based on user feedback.
-Organized Figma files and prototypes to support smooth development.
About the project
The Dimple application was created to complete college projects
application, created through collaboration between PKBI parties. This application aims to support
the mechanism of incoming mail disposition and delegation of authority to individuals or groups in
implementing activities for PKBI and its affiliated communities. The term "dimple" symbolizes the
dimples that bring a smile to the face, representing success in combining delegation and simplicity.
Like a dimple that adds charm to the face, Dimple beautifies and simplifies the process, bringing
joy and ease at every step.
Bank Soal
app
design
TYPOGRAPHY
POPPINS - poppins
COLOR
#0F59B0
#2E8EE1
#BCE6FC
#FFFFFF
Bank Soal
Year Accomplished (2024)
Role Posisition (UI/UX Designer)
My Contribution
As a UI/UX Designer, I designed the full user flow for an AI-powered quiz mobile app, including:
-Creating engaging screens for dashboard, quiz categories, questions, AI assistant help, profile, scores, and leaderboard.
-Designing the AI assistant interaction so users can get hints or explanations easily while playing.
-Ensuring a clean, fun, and responsive layout that works well across various mobile screens.
-Developing intuitive navigation to help users register, sign in, play quizzes, check results, and track their ranking smoothly.
-Preparing clear Figma prototypes to guide developers in building the app.
About the project
This project is a user interface (UI) and user experience (UX) design for
an AI-powered mobile quiz application that I created as a UI/UX Designer.
The app is designed to provide an engaging and interactive learning experience through general
knowledge quizzes, enhanced with an AI assistant feature that users can access to help answer questions.
I focused on creating a user-friendly layout, visually appealing design, and intuitive user
flow—from the dashboard and question screens to the scoring system, results page, and leaderboard.
The goal of this design is to deliver an experience that is both educational and motivating,
while ensuring accessibility and responsiveness across various mobile devices.
Co-Working Space
.png)
TYPOGRAPHY
OUTFIT - outfit
COLOR
#F9F7F7
#DBE2EF
#3F72AF
#112D4E
Co-Working Space
Year Accomplished (2024)
Role Posisition (UI/UX Designer)
My Contribution
I designed the overall look and user flow for a digital platform that sells virtual coworking space products and services for PKBI Kepulauan Riau and its communities.
-Created clean, clear pages for homepage, features, product & service listings, checkout, invoice, contact, and about pages.
-Designed an easy-to-use registration, login, and role selection flow for users and admins.
-Developed a clear admin interface for adding, editing, and managing products and services.
-Focused on consistency, accessibility, and clear call-to-action elements to promote PKBI’s services.
-Prepared organized Figma prototypes to ensure smooth developer handoff and implementation.
About the project
This project is a UI/UX design for a digital platform developed
to support the effectiveness and sustainability of PKBI Kepulauan Riau’s activities
and its affiliated communities. As the UI/UX Designer, I focused on creating a user-friendly
and intuitive interface that helps users easily understand the platform’s functionalities,
ensures efficient communication for maintenance, and improves the accessibility of information.
The platform is also intended to effectively promote PKBI’s digital services and offerings
to a wider audience, particularly to community groups. By combining design clarity with
promotional functionality, this project aims to strengthen the visibility of PKBI’s
initiatives and provide a seamless digital experience that supports both information
delivery and service engagement.
LMS Remaja PKBI
TYPOGRAPHY
OUTFIT - outfit
COLOR
#0A3981
#1877F2
#FFDD55
#FFFFFF
LMS (Learning Management System)
Remaja PKBI
Year Accomplished (2025)
Role Posisition (UI/UX Designer)
My Contribution
I designed the full user experience and interface for an integrated Learning Management System (LMS) and youth dashboard for PKBI:
-Created clear, accessible pages for home, profile, modules, articles, publications, and FAQ to support structured youth learning.
-Designed the user flows for registration, login, course access, and progress tracking, making it easy for youth to navigate learning stages.
-Developed interactive dashboards to show youth data, participation, and progress in leadership development phases.
-Ensured the platform design aligns with PKBI’s mission to empower youth through clear visuals, inclusive layouts.
-Organized Figma files with complete frames and prototypes for smooth collaboration with developers and stakeholders.
About the project
This project is a UI/UX design for a centralized digital
dashboard website that I developed as a UI/UX Designer to support PKBI’s mission in
empowering, educating, and connecting youth across its national and local branches.
The website serves as an integrated hub that combines a youth database system (DEAR),
a knowledge-sharing space for distributing information and experiences among PKBI youth
communities, and a learning management system (LMS) to deliver training and capacity-building programs.
By creating an intuitive and user-friendly interface, this project aims to make youth learning and
experience sharing more structured, strengthen leadership development in a measurable and
systematic way, and help PKBI authentically promote its youth movement and initiatives to the public
through a clear, accessible, and impactful digital experience.
Website PKBI
Kepulauan Riau
TYPOGRAPHY
OUTFIT - outfit
COLOR
#D8EDF9
#92CBE7
#0A3981
#FFFFFF
Website PKBI Kepulauan Riau
Year Accomplished (2025)
Role Posisition (UI/UX Designer)
My Contribution
redesigned the full user interface and experience for the official website of PKBI Kepulauan Riau:
-Designed clear pages for home, about, programs, publications, articles, consultation, and FAQs.
-Created intuitive navigation and modern layout to highlight PKBI’s vision and updates.
-Built clear data sections with infographics and stories to boost engagement.
-Focused and ensuring accessibility and ease of use for diverse audiences, including youth and local communities.
-Organized Figma files with complete frames and prototypes for smooth collaboration with developers and stakeholders.
About the project
In this project, I worked as a UI/UX Designer responsible for
redesigning the official website of PKBI Daerah Kepulauan Riau. This website serves as a central
hub for information, publications, and digital collaboration to support PKBI’s vision of empowering
communities especially youth through knowledge sharing, learning management, and the promotion
of various social programs.
The redesign focused on transforming the old website into a more modern, accessible,
and user-friendly platform with clear information architecture and a seamless browsing experience.
I focused on delivering a fresh visual look, intuitive navigation, and a user experience that makes
it easy for visitors to explore articles, updated statistics, program highlights, and interactive.
Through this redesign, I aimed to help PKBI build a more representative, informative,
and engaging digital presence that amplifies its social movement and community initiatives in a professional,
inclusive, and adaptive way.
.png)
.png)
.png)
.png)
.png)
.png)