I was a Creative Director on the project for Picsell, working with a team of incredibly qualified people. I led the design process, designed the user interface and user flows, defined interaction design and created illustrations.
Fun fact: Picsell was designed a month before Apple introduced iOS8 and we were thrilled when we saw that Apple will essentially use the same card UI pattern in the new Mail application.
One of the best design tools is the pencil. It’s a direct channel between thought and result. Anything that mediates the act of creation risks limiting it. Good tools remove cognitive friction. Bad tools add to it.
Finding the Epicenter.
It involves focusing in on the true essence of the app (the “epicenter”) and then building outwards.
Minimise the need for text input.
Allow users to enter specific item but help them with predictive suggestions.
Add Photos.
Adding photos of the items is one of the most important steps. We later iterated on this idea and designed an even more focused approach.
Camera View.
Limiting the aspect ratio of the photos to square resulted with easier presentation across other platforms and better focus on the item itself.
Add details.
App is aware of the item people are selling and needed details are presented accordingly.
One item, one card.
Items are presented in cards. Pulling card stacks it at the bottom of the screen and a new card comes in the view.
Different statuses of the item.
Status of the item can change. Cards that need users attention pop up, grabbing the attention.
Exploration of different approaches.
One approach we explored was showing the items in a standard list view.
Another approach.
In another approach we explored showing the items in the grid layout.
Before we set out to work on the visual design we spent a lot of time refining the concept, sketches above show just a fraction of what was produced. Our final result is shown in the screens below.
Dashboard cards.
Each card is one item. Just swipe the card from the top to change it.
Card overview.
Tapping on the stack of cards in the bottom of the screens shows them in the full screen overview for easy access.
Confirmation.
Once the item is sold, Picsell will take care of everything. You just need to send the item and wait for the money.
Start selling new items.
Start selling new items by taking at least 3 pictures – front, back and side view.
Camera Library.
Or import photos from your Camera library.
Albums.
You can also choose photos from your Albums.
What are you selling?
Type in what you want to sell.
Details.
No matter where you are in the process you can always return to previous steps by horizontally swiping on the screen.
Accept the suggested price.
Last step requires users to accept the price. If the price is known we are showing animated checkmark illustration and the details of the item.
Unknown items.
When the price is unknown, we are showing animated clock and message when the price can be expected.
I led the design with the crazy talented Crowdini team. I came up with concepts, user flows, designed the user interface, icon, motion and interaction design. Unfortunately, the Crowdini app was never submitted to the App Store.
I’m a designer who pays a lot of attention to small details. Focused on the interactive side of design, someone who wants to see what are the mechanics behind interactions and what is the overall structure of the app. Crowdini is a great example of my approach and how I work.
Sign In.
Tap on the Sign In button to expand sign in options. Swipe down to collapse them.
Create Profile.
After signing in, we need to create a new profile.
Select Gender.
Selecting gender should not get in a way of entering profile details.
Loading...
One contest at the time.
Swipe horizontally to examine the today’s prize and tap play button when ready.
Two different questions styles.
Questions can be text or photo based.
Cancelling the alert.
When user cancels the alert we are gently shaking the value of the prize.
Answering the text question.
After the answer is selected, we still have a short time to change our mind.
Answering the photo question.
There are no wrong or correct answers, you just need to be in the majority for that day.
Forgot the prize of the current contest or interested in other?
Just tap on the info button for the current prize or Contests button for the new contest.
Opt Out.
You can always opt out from the current contest and opt in into another.
Notifications.
We designed a lot of different notification styles, from warnings to helpful tips, color coded accordingly. But winner notification had something special.
Question results, Photo example.
Showing the results from last 7 days was a particularly fun challenge.
Question results, text example.
Creating interactive info-graphic to present text results helped us double the average in app time. Some beta users spent most of the time on this screen, just playing with the interface.
Settings.
Ghostlab is amazing app from Vanamco designed to quickly test your local web project across multiple browsers. I was responsible for app icon design.
View the Ghostlab case study
I led the design on the Appeer project. I came up with concepts, user flows, designed the user interface, motion and interaction design. The Appeer app is scheduled to hit the Google Play Store in the next few months.
Sign up for beta.