View for Behance

Personal — 2014

This documentation is a work in progress. Complete case study coming soon.

TEAM

Anagh Sharma
Anagh Sharma

MY ROLE

One man army - Responsible for Research, Interaction Design, UI Design, Motion Design, Prototyping, Development, Internationalization, Content Writing, Marketing

Overview

Designing a native client for Behance - providing an enriching and native Behance browsing experience on Windows Phone to fill the void of an official app.

View for Behance Case Study Overview

In a hurry? Don't worry

Designed and built a native Behance client for Windows Phone from scratch to fill the official app void.

Featured on Microsoft, Nokia, Gizmodo, and WindowsCentral, with a 4.5-star rating from 1,500+ reviews.

Featured in the Windows Phone Store over 100 times across 100+ countries.

Managed the end-to-end lifecycle—from coding to six-language localization—directly launching my design career.

thumb_up...
visibility...

Context

Why did I start this project?

Back in 2014, while studying Computer Science in college, my friends and I were working on a startup. We spent our time hunting for creative inspiration, and Behance was our absolute go-to. But there was a catch: two of us were die-hard Windows Phone users.

hourglass_empty
SLOW & FRUSTRATING

Browsing Behance on Internet Explorer was a laggy, unresponsive experience since there was no official app on the platform.

store
LACK OF ALTERNATIVES

A search in the Windows Store yielded no high-quality, third-party clients either. We were completely locked out.

I loved designing and building digital products. Instead of waiting around for an official release that would never come, I decided to take things into my own hands—not just for myself, but for the entire underserved Windows Phone designer community.

Behance Web on Windows Phone
A slow and frustrating experience🤦

If I build this

...why would someone use it?

While other third-party Behance clients existed in the store, they were far from perfect. Before writing any code, I had to answer a fundamental question: Why would anyone choose my app?

To find my differentiator, I analyzed user reviews of competing apps to pinpoint their shortcomings:

error
TECHNICAL INSTABILITY

Most of the existing apps had severe technical issues, with users frequently complaining about the app crashing on startup or failing to load content.

blur_linear
LACK OF NATIVE POLISH

Some existing options felt like lazy web-wrappers that didn't respect the Metro Design Language.

thumb_down
ZERO VALUE-ADDS

They simply replicated basic search, without adding any features that made discovering design inspiration delightful.

I was looking to build a seamless, native Behance experience, but I didn't want to just add another brick in the wall. The app had to offer something unique. Based on these insights, I designed a series of value-added enhancements:

shuffle
Shuffle

A discovery tool that surfaced completely random creative projects for inspiration.

category
Popular Fields

Quick-access to the popular categories of creative fields.

bookmarks
Quiky

A quick access hub to save inspirational works and creative profiles.

Structuring

... the inspiration

The app needed to surface the core content of Behance without overwhelming the user on small-screen mobile devices. I structured the navigation around the classic Windows Phone pivot layout with a touch of my customization -

palette
Projects

Explore the featured projects, featuring rich media, meta infromation, and user appreciations.

clock_loader_60
Works in Progress

Follow the featured works-in-progress, and subsequent revisions of creatives.

people
Creatives

Connect with creatives around the world.

collections
Collections

Browse curated groupings of projects organized around specific theme.

search
Search

Query the entire Behance database and filter search results by popularity, creative fields, or timeline.

bookmarks
Quiky

A quick access hub to save inspirational works and creative profiles.

more_horiz
More

Explore sub-options including popular creative fields, the shuffle tool, and the about section.

Information Architecture
Rough app flow diagram to get a sense of hierarchy

Instead of sketching

...I prototyped directly in code

I didn't spend days sketching layouts on paper. Thanks to my proficiency in Visual Studio Code, I could spin up a working prototype in a single night by hooking it directly into the official Behance API.

Designing directly with live API data allowed me to test layout decisions in real time. These three screens capture the exact progression of my UI experiments, showing how I transitioned from information overload to a clean, minimalist design.

Early Prototype 1
Feedback - Too much information to digest.
Early Prototype 2
Feedback - Much better but still a bit cluttered, kinda opposite to the Metro Design Language guideline of "Do more with less".

The Final One

Final Prototype
The third and the final prototype. I guess this is what they call complexion reduction.

Visual design

...was built to let artwork speak

Since competing clients displayed the exact same Behance API data, I knew that the visual design would be my ultimate differentiator:

workspace_premium
THE KEY DIFFERENTIATOR

Strongly felt that the visual design would be the key differentiator from competition since the rest of the content would almost be the same.

design_services
DO MORE WITH LESS

Followed the "Do more with less" principle of the Metro Design Language (MDL).

fullscreen
REDUCED CHROME

Reduced chrome to a great extent, stripping away unnecessary UI elements.

photo_library
CONTENT-IMMERSIVE

Right after users launch the app, they get immersed in the content which consists of large thumbnails letting the content speak for itself.

Visual Design Showcase Collage
Home screen
Project details page
Sharing menu in a project

Localization

...to make the app globally accessible

In order to make the app more accessible to local markets, I enabled localization inside the app and supported six languages at launch:

1

English

2

Portuguese

3

Polish

4

Indonesian

5

German

6

Romanian

Adapting the UI layout to handle translations was a challenge. Languages like German often had much longer words that would break native layouts if not budgeted for dynamically. I resolved this by utilizing flexible layouts and adaptive text wrapping.

Search in German
Search in Portuguese
Search page in different languages🌐

Challenges

...and overcoming them

Midway through the project, Adobe pulled native login support from the official Behance API. Without login, users couldn't save or bookmark inspiration: I had to find a creative workaround to keep the app useful.

star
THE SOLUTION: QUIKY

Developed 'Quiky'—a feature that let users save projects, works in progress and creatives for later use.

Quiky feature on top right
Save in Quiky via share menu
Quiky on top right and a way to save a project in Quiky.🛠️

Impact

Overwhelming response and career launchpad

When I launched the app, the feedback from users and the community was incredible. It filled a major gap in the ecosystem and became a showcase of native Windows Phone app design -

featured_play_list
Media features

The app got featured on major tech publications, including Microsoft, Windows, Nokia, Gizmodo, WindowsCentral, and others.

editor_choice
App Store Features

It was featured in the Windows Phone store more than 100 times in more than 100 countries.

handshake
Career Catalyst

Publishing the project on Behance got me noticed by recruiters, leading to an opportunity at Snapdeal, launching my design career.

sentiment_very_satisfied
Happy Users

One of the users was so impressed that they created a new icon and promotional video for the app.

App store downloads and acquisitions
App store downloads and acquisitions growth chart📈
App store ratings breakdown
App store ratings breakdown showing a 4.5 average with almost 1,500 ratings
Some of the user reviews
User reviews praising the native Metro design, fluidity, and animations😍

Takeaways

...from running a one-man product cycle

This project taught me how to manage a complete product cycle: research, design, coding, localization, marketing, and user support. It proved that deep empathy for platform conventions and a dedication to detail can make a massive impact on users worldwide.

In some areas, I over-customized the interface. While most users appreciated the unique style, the custom page layouts and non-standard navigation ended up confusing a few. This wasn't intentional—it was simply a constraint of my limited technical experience at the time.

Takeaways Screen 1
Takeaways Screen 2
Redesigned profile page🎓

I also designed 2 different types of sharing menu for tap and hold interaction, one for projects and one for works in progress.

Takeaways Screen 3
Takeaways Screen 4
Two different menus intended for similar action🎨
That's all Folks!