Some Pink Fruit

I played with Photoshop brushes today to make this pink fruit. At start, I thought of drawing peach fruit… I worked with some brushes. I don’t remember all of them, only some pastel brush (I might not be able to recreate it later ūüėā) When it’s done, I didn’t know if it’s looked like a peach.. LOL.

Whatever~ I like the process and its result haha. Playing with colours and brushes made me happy


Continue Reading

New Header

This header change is unplanned hehe. I was bored at the time then I decided to play with photoshop brushes. Found some good brushes and tried to make something. And here it is




Continue Reading

Logo: MJ – Beauty Product

I tried to join a design contest in 99designs some weeks ago. The contest brief was this:

Name to incorporate in the logo


Description of the organization and its target audience

Target audience: mostly females,
Product: beauty product (exfoliating wash cloth and bath bombs for now) I would like a design I can use for various beauty products


Cosmetics & Beauty


Based on the brief, I created two logos:


I didn’t win this contest, but I got 3 stars for each design. I think it’s a good start haha.


Continue Reading

Design: A Thought Process

Some important points from article I read Celebrating Design Without Contending With It (
Maybe the phenomenon of the ‚Äúdumb‚ÄĚ yet successful, familiar in many fields, applies equally in design.

Design (they are forever pointing out) is not merely an exercise in superficial aesthetics or styling, as the public may assume. It is, rather, a far more serious matter of problem-solving and experience-shaping, driven by a uniquely rigorous approach to the human-made world in all its dimensions.

how the design of any given space ‚Äúreally affects how we feel, how we behave”

‚ÄúDesign is not just a visual thing. It‚Äôs a thought process. It‚Äôs a skill. Ultimately, design is a tool to enhance our humanity. It‚Äôs a frame for life.‚ÄĚ
Well, see you on next post. Cheers! ūüćĻ

Continue Reading

Bauhaus Design & Web Design

‚ÄčForm follows function.

Simplicity and accessibility in design.

A return to the basics of craftsmanship.

(Image from

These ideas guided a design revolution. You‚Äôre probably thinking about User Experience, but in fact these philosophies were popularized almost a century earlier, defining the Bauhaus movement. Bauhaus was founded by the German architect Walter Gropius in 1919 as a school of art, architecture and design. The name Bauhaus, or ‚Äúhouse of construction,‚ÄĚ comes from the school‚Äôs building which the school viewed as the epitome of their shared principles: its rooms unadorned, its construction prominent, every detail a matter of function, down to the doorknobs. Architecture, art, and manufacturing were finally wed.

Today’s web design owes an unusual amount of debt to Bauhaus. Because websites not only need to look great, but also function smoothly, Bauhaus is the ideal guiding principle for web design. Looking into the history of the Bauhaus movement not only yields a century of inspiration, it also clues us into future directions of UX design.

Today‚Äôs web design is a Bauhaus renaissance. At the heart of the Bauhaus and responsive UX movements are a few core elements: reducing design to necessary function, making it beautiful and effortless, as well as crafting every small detail. For Bauhaus, this meant ‚Äúart as life,‚ÄĚ and as a result everyday objects like chairs and dinnerware became art; similarly, web design has made leaps in the design of icons, menus, and typography, things once commonplace and universally bland became beautifully functional.

For complete article, read here

Continue Reading

Eacular – Application To Learn English For Teenage with Hearing Impairment (Prototype)

DP4204 Interactive Product Design Assignment

Duration: 2 months (8 meetings)

Team members: Ratriana Aminy, Karina Oktavia, Bethari Maria P, Vidia Anindhita, Arum Adiningtyas, Fitri Indah Cahyani

About The Course 

DP4204 Interactive Product Design is an elective course from Product Design faculty. The course is taught by Mr. Slamet Riyadi. In this course, we will learn how to create successful interaction between user and product through meaningful communication. We learn about the elements, approaches, law, and characteristics of good interaction. We also learn about usability and user experience and its stages and tools to create good UX.

The course is divided into two parts. The first part is we learn the theories and concepts I wrote above. The second part is a workshop where students are grouped to work on the 2 months assignment. In the middle of the 2 months working on an assignment, each group present their work progress and get input from class members. We also have final presentation of our design. Overall, this course is very useful and interesting since it provides good portions of both concepts and practice.


In this assignment, we were asked to create design solution for people with disabilities using steps we learned in this course. We chose to create design solution for people with hearing impairment. People with hearing impairment have harder times in learning than normal people in general. For learning language, especially foreign language, they have even more difficulty in understanding words since they communicate with sign language which has fewer words than spoken language. In addition, sign language for foreign languages, such as English, has different pronunciation or sign than how it was written (not like our Bahasa Indonesia where most of the vocabularies can be read as it is).

We focused our users to people with disabilities who were teenagers since they had high interest in learning. Based on an initial study, teenage with hearing impairment realized that learning foreign language is important, especially English. They like to browse the internet, play games, but most of the websites and games are using English. In order to understand the websites and games, they need to understand English. They wanted to learn many things that not only things they learned at school, but also things from the internet which could increase their skill.


Firstly, we did research¬†in order to gain user insight and gather user’s problem.

User Insight

We gain user insight by doing an interview with¬†students in Special Needs School. The insight was used to know more about their condition so we could imagine being in their shoes more accurately. By imagine being in their shoes, it supposed to¬†help us create¬†a solution that has high empathy for its users.¬†Here is the user’s insight that we gained.

User’s Problem

After gained user insight, we imagined ourselves as our users and¬†gathered¬†user’s problems by brainstorming in order to get as much problem as we could. Below are user’s problem we had gathered. The box with red background are the problems which are specifically about¬†learning English.

The problem we aimed to solve are:

  1. Help user to understand English syntax
  2. Help user to understand English grammar
  3. Create a learning solution that is fun and not conventional (such as learning in class)


Based on user’s insights and problems we created a persona. This persona helped us to keep our user in mind while designing for user.


Based on the insight and problems we had gathered in research phase, we designed our solution to solved the problems. Our proposed solution is Eacular, an app to learn language like Duolingo adjusted to our users. The app was designed like Duolingo since Duolingo was one of the best mobile app for learning language. Besides it is one of the best apps for learning language, Duolingo is fun to use and make it easier for people to learn language than to enroll in a language class or courses. That also helps our user whose facility to learn language is more limited than normal people. The choice of designed application for mobile phone was based on user insight which they often to use mobile phone, just like many teenagers nowadays.

Touch Point

Below is the touch point or user flow of our application. Steps in blue box are the main feature of our application which is learning English. The other features are dictionary, profile, and setting. In profile, user can see their badges collected from finishing a lesson. The badges were used to motivate user to learn more.

Pain Point

The pain points of using the app for users were user not only learn the vocabularies and their meanings, but they also need to learn about lip reading and sign language of the foreign language which need to be presented in a motion picture. The user needs to learn about lip reading so they can understand what other people who cannot use sign language saying (such as people in television, video, or live situation). To accommodate those needs, the app provides motion graphic for lip reading and sign language for each vocabulary.

Interface Design

Here is the prototype of our app. Before getting into learning, user can choose level and topic. Then, in its main feature, user will learn about vocabularies, lip reading, its sign language, English grammar, review the lesson, and get a score.


We designed a language learning application for teens with hearing impairment based on steps we learned in Interactive Product Design class. Though the interfaces are not perfected yet, the application can answer the problem we aimed to solve which are helping user to understand English syntax and grammar and creating a learning solution that is fun and not conventional.

For myself, this assignment is challenging in a good way because of the topic given. It reminds me that in doing design, I need to put a great care to the users who have their own uniqueness. By doing this assignment with the steps given, I learned that in designing things, I need to look both of the big picture (such as the user insight) and the details (such as the pain point, the need to learn lip reading). I also became more aware of how a person interacts with a system, their needs, and emotions.

Thank you for reading and if you have any thoughts about this post, please leave me a comment ūüôā



Continue Reading


First computerized character animation ever shown at SIGGRAPH.




  1. Creativity, Inc. written by Ed Catmull
Continue Reading