UI Design for Dinder iOS App

At very beginning of the project, we arranged a meeting to discuss the project over Skype. Which was really helpful to understand project requirements. Client wanted it to be “Tinder like restaurant App”. They provided me wireframes which was helpful to understand their concepts behind the app. I studied the wireframes and suggested client some modifications to improve UX. After some discussions and modifications on the wireframes, I got green signal from client to start the UI design. I used Sketch 3 by Bohemian Coding to design all the interfaces. Check the wireframes, though very rough but easy to understand:


Wireframes provided by client

Style Selection

I designed two variations of landing screen of the app to show client so, they can decide what type of style they want to go for. They chose the second style to continue.

First Style

First Style


Second Style


After finalizing UI design of all the screens, I created clickable prototype. Which was used to test usability of the app and give instructions to developer.

Connect with me