Portfolio
:format(webp)/99designs-contests-attachments/160/160525/attachment_160525404 "This design positions FastArches as a premium, trustworthy, and modern platform for dental implant services. The layout is deliberately crafted to be clean, professional, and conversion-focused, ensuring that users immediately recognize the credibility of the brand while being guided seamlessly toward taking action. The overall approach balances authority with approachability, a crucial element for a healthcare-related platform where both trust and comfort determine user engagement.
Another unique aspect of this design is its dual-audience strategy. The site does not only cater to patients, who are searching for reliable implant surgeons and straightforward booking processes, but also to oral surgeons, who are encouraged to join the network as partners. This dual focus makes FastArches stand out as both a consumer-facing medical service platform and a professional community hub, effectively serving two markets in one cohesive design system.")
:format(webp)/99designs-work-samples/work-sample-designs/8287172/6173cc31-37bf-49b2-b2f4-4ed1e9ac88fe "This project was initiated for my client, Mr. Abi Rafda, a professional architect seeking to create a personal portfolio website showcasing his work. He desired an elegant website that reflects his brand, as he predominantly adopts elegant design principles in his architectural projects. Drawing inspiration from the Sebastian Treese Architekten website, I aimed to implement a similar design aesthetic. To evoke a classic style, I exclusively utilized black and white colors.
Figma served as my primary design tool, facilitating seamless development and collaboration with both the client and developers. This project was scheduled for publication in the third quarter of 2024.")
:format(webp)/99designs-work-samples/work-sample-designs/8287172/abfa8f7a-7a03-49ab-9297-b188f194a206 "This project is for a client of mine in late 2023 as my role was as a UI Designer. It began with a client looking to establish a website for their textile recycling venture. Their goal? Transforming used clothing into high-quality yarn for a range of products including shirts and bedspreads.
We kicked off the design process by thoroughly analyzing existing website pages. From there, we seamlessly integrated visual elements that echoed the essence of the client's brand. Drawing inspiration from various similar websites (inspiration taken from Dribbble and Behance), we crafted a fresh UI design tailored precisely to our client's brand identity.
Our tool of choice is Figma, serving as the backbone of our design process. We implemented a comprehensive design system to streamline development, paying close attention to typography, and established color styles that harmonized seamlessly with the client's brand.")
:format(webp)/99designs-work-samples/work-sample-designs/8287172/8fa3f404-1d7d-42cf-a265-4989f2bce524 "This project (2021) served as my UI design exploration using Figma. It took about a week to from start to finish. Many revision was done during to come to this result. During this period, I focused on learning to implement Dark Mode design. I delved into the intricacies of using dark colors that harmonize with our web content and other visual elements seamlessly.
The design process began with seeking inspiration from various sources on the internet. I then proceeded to create website content and design elements such as cards, buttons, and layouts. Throughout this project, I gained valuable insights into creating a balanced use of black color in website design. As I use figma as my design tools to create this project.")
:format(webp)/99designs-work-samples/work-sample-designs/8287172/e704df4b-749f-4a0b-ae6f-a85e7120d23b "In this project (2023), I was tasked with creating the interface for a new feature for our client: hotel reservations. Collaborating with the Project Management team as my role was as the UI/UX Designer. With a comprehensive understanding garnered from insightful discussions with the Project Manager and a thorough benchmarking analysis of competing products (ex. Traveloka, PegiPegi, Tiket.com), we embarked on the design phase. Our approach prioritized time efficiency, steering us toward opting for a high-fidelity design process over wireframing process. Our user data indicated that accessed the platform through both desktop and mobile devices. With this background, we adopted a responsive design approach that catered to both platforms. The design we created aimed to make the hotel booking process effortless via the web app. This project took about 2 months from start to finished.")
:format(webp)/99designs-work-samples/work-sample-designs/8287172/dba851de-9447-4826-80fd-0dd6f7f5181a "This project was undertaken during my internship in 2021 as a UI Designer at Codemi Global. My task was to create a dashboard website for the company's Learning Management System (LMS) product. It began with gathering requirements from project managers and understanding the goals they wanted to achieve with these particular pages. The primary objective was to monitor students' progress throughout their courses and generate student reports as output.
Throughout the project, I received guidance from my senior colleague. Figma was the primary design tool I utilized. A key takeaway from this experience was mastering the concept of auto-layout and understanding how to create efficient design systems that aligned with project requirements while maintaining a well-structured website.")
:format(webp)/99designs-work-samples/work-sample-designs/8287172/d3d9294b-8046-4b8e-a4a1-08b890de98d9 "This project (2024) was initially an exploraiton project to improve my understanding of a digital product as my role was as the UI/UX Designer. The design process for TimeTree app begins with thorough user research to understand the challenges users encounter during app usage. We conduct in-depth interviews and surveys to gain valuable insights into their needs and pain points.
Using the data gathered from user research and competitive analysis (Famcal, Groupcal, Google Calendar), we move on creating a new design solution. This involves creating wireframes, developing prototypes, and designing the user interface. Every decision is informed by the insights gained earlier in the process.
To ensure the effectiveness of our design solution, we conduct usability testing with our target users. Through this testing, we validate the design's usability, identify any usability issues, and gather feedback for further improvements.")
:format(webp)/99designs-work-samples/work-sample-designs/8287172/09bb804a-6400-45e5-8160-309178b8c2b8 "This project served as an assignement task during a Bootcamp program in 2022 as my role was as the UI/UX Designer. Our process begins with identifying the core issue: the necessity for transparent news and information amidst the pandemic. We formulate our assumptions using the \"How Might We\" approach and develop user personas based on real user data.
After comprehensively understanding and exploring several possible solutions, we craft the user flow and information architecture, laying the foundation or blueprint for our app. We then translate this blueprint into wireframes, providing a fundamental reference for UI design development.
Throughout this journey, we utilize Figma's features, such as creating a design system, style guide, and typography, to streamline our design workflow and maintain consistency.
We conduct usability testing to gain insights into user experiences and identify opportunities for further enhancements.")
:format(webp)/99designs-work-samples/work-sample-designs/8287172/22b7f3c3-fe1f-4481-b14c-43619f58fb3e "This project served as my fitst exploration as a UI/UX Designer in mid 2021. Our approach began with comprehensive user research to identify the challenges users encountered while using the app. We conducted competitive analysis of the current app design against other marketplaces (ex. Tokopedia, BukaLapak, OLx), exploring potential features for implementation based on competitive insights. Unlike traditional methods, we opted for efficiency by skipping wireframing. Instead, we directly engaged in UI design and conducted usability testing using prototypes prepared in advance.
We utilized Figma as our primary design tool, using its features to facilitate our design process. This included creating a design system with reusable components to improve efficiency, implementing style guides, and establishing consistent typography to maintain design consistency.")
:format(webp)/99designs-work-samples/work-sample-designs/8287172/99d56ce1-d360-48ea-9bdb-1077488972ab "This was my final project during a Bootcamp program in 2022 as my role was as the UI/UX Designer. During the project we implemet the Design Thinking Framework. We start with brainstorming ideas and getting to know our users through research to uncover their pain points. This step is crucial for validating our assumptions and finding potential solutions. From there, we sketch out the blueprint of our design by creating the information architecture and app flow.
Once we have a solid plan, we move on to crafting wireframes and designing the user interface (UI). Every detail is carefully considered to ensure a smooth and intuitive experience for our users.
But our work doesn't end there. We put our designs to the test with real users, gathering feedback to refine our minimum viable product (MVP). This feedback loop allows us to continuously improve and improve our product based on real-world data.")
About
UI/UX Designer with 3+ years of experience designing scalable digital products for fintech, e-commerce, and SaaS. Skilled in creating design systems, improving user flows, and collaborating across teams to deliver business impact. Recent work includes blockchain-based payment solutions
Country:
Indonesia.
Member since:
May 14, 2024