My Designs

Peek-a-Plate: Food App Concept

The idea for this app came jokingly from my friend HP many years ago, when we were at a restaurant and didn’t know what to order. “What those guys just ordered looks good,” she said, and coaxed me to ask them what it was. I obviously refused. Then she said, “Wouldn’t it be great if there was an app where you could just check out what other people ordered?” At the time, it did sound like a necessary tool for introverts all over the world.

Since both of us had (have?) zero social skills and/or energy, we let it be and ordered the funkiest thing on the menu. Spoiler alert: it was terrible. I was asked to ideate an app from scratch as part of the 2nd course of a UX design series, so I picked this long-forgotten topic, eyeing (logo pun intended) a fun challenge.

This project was my first serious foray into Adobe XD, as I’d been quite satisfied with Sketch till now. However, prototyping isn’t the easiest on Sketch, and quite a few people recommended XD for its simplicity. I was NOT disappointed. The final designs have been made entirely on XD. It also has a great community resource group, led by extremely creative designers.

For the display, headings and buttons, I chose the Nunito typeface, a nice rounded sans-serif cutie. For everything else, I went with Adobe Clean, because, well, it’s clean. The screens have a lot of green and blue in them, but I didn’t get complaints about legibility. For the map page, I found a nice UI kit which saved me some time, and went well with the look and feel I was trying to establish in the rest of the app. You can see the sitemap and wireframes I created for the app in the PDF file below. You can also click through a segment of the high-fidelity mobile workflow here – https://xd.adobe.com/view/ce26e1c6-7f13-49bf-a843-efd0a8f82a0a-9b75/

peek-a-plate-wk-3Download

Teatotaller: Tea Connoisseurs Concept App

My obsession with puns extends into app names. For this course assignment, I made a concept note, mood board and a sample app screen, all in under 4 days of watching videos, taking copious notes and bouts of firefighting at the office. I did most of the work for this on Sketch. I didn’t see the point of using Balsamiq because the assignment asked for a high-fidelity screen, and wasn’t that particular about information architecture or functionality.

Is this a great piece of design? No. Do I like it anyway? Yes.

Feel free to check out the note, mood board, pattern library and sample screens in the PDF below.

teatotaller_week_4Download

Minimalist Movie Posters

Over the years, I’ve developed a fascination with how certain images manage to convey maximum information with the minimal amount of visual info. If you remember Hitchcock’s famous Vertigo movie poster, it was a veritable masterpiece in conveying plot elements and the sense of mystery/unease that runs through the movie, without really giving anything away.

I too, have experimented with the creation of minimalist posters over the last few years. I’ve uploaded a few of my favourite ones here (you’ll find more on my tumblr).

1917, in four acts.

Nolan said that Dunkirk is split into three areas and consequently three points of view – land, sea and air. I tried to capture major plot elements through the use of colour and basic icons.

Thanks to this movie, I learnt that an incorrectly performed ‘devil’s horns’ sign that we normally make at concerts also means ‘I love you’ in ASL. Pretty sweet, no? Here’s more info on the subject.