Facebook Messenger App – Project for UI/UX Design Course at CoderSchool


1. Forming a “Design Thinking Mindset”

What I love the most about the UI/UX course is probably the Design Thinking. The method is used for UI/UX Design but nowadays it can be applied for almost everything.

You don’t need to have a great skillset at first to be a UI/UX Designer but you MUST have a Design Thinking to become one.

I was taught to form myself a Design Thinking Mindset which simply begin with just empathy. Yes empathy. I once thought every great product today all began with an amazing idea. But no, far from idea is the empathy and it has to be deep and honest enough to help you define a pain point and from that pain point, you can form an idea.

I was learnt to stay away from problems (and that’s true), but I also learnt that never will a great product be born without starting from knowing a right problem to solve. It may sound odd, however, to offer more and offer good and right things, one must look around for existing problems.

I love this new way of thinking even tho I was late to this party.

So, not Figma, Sketch not XD, what I valued and gained the most after the course is the Design Thinking Mindset and it helped me a lot on my 1st project – Facebook Messenger App as I’m about to tell you in the next part.

2. Working on my Project – Facebook Messenger App

Every student was assigned a random project to work on, mine was Facebook Messenger App. And to clarify, is Online Shopping via Facebook Messenger App.

Stressed? Yeah I was. Didn’t know where to begin? Yeah no idea to be honest. “You cannot be good at doing something the 1st time but that is better than not even trying”, someone’s wisdom…

You can test my prototype here: https://bit.ly/3aB4kic

Why – What if – How?

As I followed the Design Thinking process, everything slightly got easier. I talked with many friends who’s online shoppers on Facebook to know the troubles they had to deal with. Also, me myself was a Facebook online shopper, so I somehow knew the problem. This helped me have the so called “Strong Reason Why”.

And from this “Strong Reason Why”, I eagerly wanted to work on solving this problem and imagined about many “What if” solutions (or How Might We as my teacher said). I didn’t know how, I was right. But after the “Why” and the “What if” then there the “How”.

The overview of my project
Working on the 1st paper wireframe and digital wireframe, thought this is “great” enough but after interviewing with many people, listening to users’ stories I had to dig deeper to solve the user’s pain points
The final wireframe that I submitted for my Final Day aka Demo Day. My priority is “scratching the right itch” for user so I spent more time on the research and UX part. That’s why the UI looks kind of messy on my project. But that’s not an excuse, need to improve more I know

3. Demo Day

I was lucky to be chosen as a winner for Demo Day. 5 intensive learning weeks and I’m grateful that I’ve learned new skills, discovered myself and connected with amazing classmates and new friends who are working in the UI/UX field. Hope can be helpful with this new experience and knowledge 😉


3 responses to “Facebook Messenger App – Project for UI/UX Design Course at CoderSchool”

  1. Harry Colclasure Avatar
    Harry Colclasure

    Normally I don’t learn post on blogs, however I wish to say that this write-up very compelled me to take a look at and do so! Your writing taste has been amazed me. Thank you, very great article.

  2.  Avatar

    I loved up to you will obtain carried out proper here. The caricature is attractive, your authored subject matter stylish. however, you command get bought an impatience over that you want be handing over the following. in poor health definitely come more beforehand again since exactly the same just about very often within case you shield this increase.

  3.  Avatar

    Very superb info can be found on weblog.

Leave a Reply

Your email address will not be published. Required fields are marked *