Aug - Sep 2022

Aug - Sep 2022

Aug - Sep 2022

Fix the "Hoarding Disorder" and Change it into a Money

Fix the "Hoarding Disorder" and Change it into a Money

Fix the "Hoarding Disorder" and Change it into a Money

Recycle app for "Reduce" unused item and trade it for money.

Recycle app for "Reduce" unused item and trade it for money.

Recycle app for "Reduce" unused item and trade it for money.

πŸ₯‡ Ranked 1s UI/UX National Design Competition

πŸ₯‡ Ranked 1s UI/UX National Design Competition

πŸ₯‡ Ranked 1s UI/UX National Design Competition

πŸ€œπŸ€› Colaborrate with UX Designer and UI Designer

πŸ€œπŸ€› Colaborrate with UX Designer and UI Designer

πŸ€œπŸ€› Colaborrate with UX Designer and UI Designer

πŸ₯‡ Ranked 1st UI/UX National Design Competition, Responsible to the Interface Design πŸ‘¨β€πŸ’», Style Guide 🌳, and Prototype πŸ“±

Quick Overview πŸ‘€

Created recycle app for UI/UX Design IDN IT Fest 2022 Competition, and collaborate with my freinds that had skill at user experience and design. Alhamdulillah we ranked 1st in this competition. take responsibility to translate the wireframe into high fidelity design.

You can see our overview in motion graphic too (Indonesia language):

Problem

After conduct a research we interested with 3 insights that we get:

And we defined the problem to be focused on:

πŸ“¦ Many Indonesian people often hoard items inside their homes.

Solution

Actually first, our ideas is inspired from an app named Kepul β†’ where people can sell their hoard items. But because each of people have a different price, so we decided to add:

πŸ‘‰ Bid / Bargain Feature

Wireframes ⬜️

This is our first concept for sell item flow:

From Right to the Left: Home, Search result, Item & photo, item photo added.

Design Iteration πŸ”

We conducted usability testing with our respondents, and based on their feedback, we implemented the following major modifications:

Resize the β€œAdd Photo” Feature πŸ‘‡

Before: The feature is too large, and we are confused about the design when the photo is added because it will be too large.

After: Resize the feature to make it more efficient and understandable for users.

Design Iteration Detail.

Final Designs ✨

Sell and Bargaining - Flow πŸ‘‡

From Right to the Left: Home, Select item, Item page, Bargain page.

From Right to the Left: Input bid, Item page, Add photo, Item page (Photo added).

Prototype πŸ“²

You can try it by yourself too, enjoy! πŸ˜„ Start Prototype Here

Documentation πŸ“Έ:

After designing the tiny design system, we made the file more organized as it will be showcased during our school event (IDN Open House 2022).

This is how we manage our design file.

Product Success 🌳

Alhamdulillah we get ranked the 1st place, after roughly 1 month of struggle, finally this is my first achievement to get the first place.

What I Learned 🌱

During this project, i learn a lot about and feel the team work, designing the UI design, also to make it pixel perfect ;)

🟒 Open for new Opportunities

If you are interested with my work, feel free to contact me. I am excited for collaboration and new opportunities. Thank you!

πŸ“¨ iyadirviansyah@gmail.com β†’ β€’ πŸ“ CV/Resume β†’ β€’ πŸ‘¨β€πŸ’» LinkedIn β†’

Β© 2023 - Muhammad Iyad Irviansyah