Arun Pattnaik

Mumbai, India

Freelance UX'er. Obsessed with typography and texture. Loves cats, coffee & superheroes.

css, experience, personas, usability testing, ux, web design, wireframe, wordpress, xhtml

Tezos Landing Page — A couple of visual design directions for the approved wireframe for a Tezos baking service. The client wanted a dark, mysterious crypto-ish feel for the website.
Final wireframe for Tezos Baking website — After several rounds of iterations, I think we're pretty close to the final wireframe. Attaching the major versions.
Oh love, it's time 💕 — A little Dribbble playoff for Valentine's day.
Flickbay App Screens — Screens made a couple of years ago for Flickbay, the Bollywood app. Excuse the abruptly broken loop, Dribbble won't allow HQ res at full-length. A lower-res version attached. Read the case study of the project here.
New illustrations for Curiositi — Fresh illustrations done for an educational app. The content would be consumed by pre-teens and younger children.
One of the design explorations for the program — UPDATE: Site is now live - http://www.liferesetretreat.com/ This is one the design directions for the landing page. The wireframe was quickly approved because of the clean, minimal feel. The idea was to bring in colors which does justice to the aesthetics.
WIP wireframe for a Tezos Baking Service — Landing page wireframe for a Tezos baking service. The client wanted to have a dark, crypto/blockchain style website for the service. Yet to decide on a color theme.
Wireframe approved! — Happy with the way the wireframe has turned out so far. Deciding on the right color scheme could take some time.
Wireframe for a retreat program — Wireframe for a landing page I'm currently working on.
App Landing Page WIP — Here is the 'almost' finished landing page for the Broker Network app. A few final things here and there & we'll be ready to launch. *** I actually do a whole lot of UX & very little UI, so you might want to read the case studies on my portfolio instead. I occasionally post on Instagram & Twitter too. 🙂
Confirmation UX - behind the screens — This is a classic example of how much effort goes into making good UX. This screen is shown to the user after they fill a complex form. Apart from seeking confirmation, this screen is also supposed to inform them that notifications will be sent to dozens of users immediately on posting. Although not a destructive action, it was an important part of sanity check to make sure they don't spam the ...
Unused design cards — Some of the design pieces which couldn't make it to the final app. Illustrations by the amazing folks at @Brucira. *** I actually do a whole lot of UX & very little UI, so you might want to read the case studies on my portfolio instead. I occasionally post on Instagram & Twitter too. 🙂
Final wireframe for app landing page — In continuance to my previous shot, this is the wireframe that got approved. Full shots (with minor differences) are attached. *** I actually do a whole lot of UX & very little UI, so you might want to read the case studies on my portfolio instead. I occasionally post on Instagram & Twitter too. 🙂
BrokerNetwork Landing Page Wireframe — First draft wireframe for the landing page. This will go through a series of block-level iterations before we move to the IA. Since this is a private app, this will be a one-page website with minimal information about what the app does and a clear CTA to install. *** I actually do a whole lot of UX & very little UI, so you might want to read the case studies on my portfolio instead. I oc...
Dashboard Cards — The app dashboard is the user's to-do list. That makes is very dynamic in nature. We had to think of all the possible situations where we need the user to take actions without leaving the dashboard. These are only a couple of the dozens of cards we have planned. *** I actually do a whole lot of UX & very little UI, so you might want to read the case studies on my portfolio instead. I occ...
Permission Requests — The BrokerNetwork app requires several device permissions (7 at the time of writing) from the user for the expected seamless experience. Since this can be intimidating for a new user, we had to make it look as human and non-threatening as possible to ease them into approving those permissions. Illustrations are best suited for these situations. They not only explain the on-screen context, but...
You have a match! — An alert needs to be shown when the algorithm finds, with considerably high accuracy, a matching requirement for the user's post. Since the match happens in real time, the faster the response, the better are the chances of converting it to a successful deal. In terms of UX this screen is pretty significant because to the fact that not only it is a volatile piece due to it's time sensitive nat...
Onboarding complete 🚀 — The final screen for app onboarding. Since all the users came from a closed, individually whitelisted, limited network, a tactical UX decision was made to put the onboarding after validating their identity (primary phone) but before they get to see the dashboard. This screen is shown after a series of cards, some of which request special permissions from the user. *** I actually do a whole...
Alternative app dashboard — Trying an alternative approach to in-dashboard navigation where the user can take primary actions without leaving the dashboard. The secondary goal would be to figure out if the overall efficiency is increased with this artificially increased friction (3 screens instead of 2). This is part of a series of micro optimisations I'm doing for the newly (private) launched app for property brokers. ...
App presentation — Working on a presentation for the flagship app of Anarock, set to be launched around the last quarter of 2018. *** I actually do a whole lot of UX & very little UI, so you might want to read the case studies on my portfolio instead. I occasionally post on Instagram & Twitter too. 🙂
Add-ons — Part of a presentation explaining the add-on features in the app as an added product offering. *** I actually do a whole lot of UX & very little UI, so you might want to read the case studies on my portfolio instead. I occasionally post on Instagram & Twitter too. 🙂
Authorization & Approval — Currently designing the approval process for sending a broadcast to users. *** I actually do a whole lot of UX & very little UI, so you might want to read the case studies on my portfolio instead. I occasionally post on Instagram & Twitter too. 🙂
Workflow for check-in module — [WIP] Part of the proposed workflow for one of the several dozen modules we're building. This is the part where the app connects to a hardware device [retina scan/QR/biometric fingerprint scan] *** I actually do a whole lot of UX & very little UI, so you might want to read the case studies on my portfolio instead. I occasionally post on Instagram & Twitter too. 🙂
Onboarding for Anarock App — It's been a while since I've posted something here. I've been helping @Anarock build a new kind of app which will break the grounds in an untapped market. More screens coming soon. *** I actually do a whole lot of UX & very little UI, so you might want to read the case studies on my portfolio instead. I occasionally post on Instagram & Twitter too. 🙂

← Prev Next →

Loading more…