Innovative Shopping

project / client owner, designed user experience of some components, ui, marketing and constant development support

this project was made while working at designit as an ixd designer and project owner. the brand identity and digital products are credited to designit and to the great talented and dedicated team of designers: lara korik, nati bawer, adi berda, lily azar, guy haviv, masha zimovich, nimrod mozes and inbal kopilovitz-adashi.

Part of an ecosystem

Hunt is a multi-platform service dedicated to empower the offline shopping experience. This service attempts to connect the consumer’s online shopping and buying habits with the offline shopping touch points in order to create a simple platform that can help the consumer to document his buying wish list, arrange it into buying sprees and guide the user through his ‘shopping spree’ on-the-go, while offline. The way the service works is easy and responsive: The user collects items within different online stores, after collecting the desirable items he will be able to sort out the items into different ‘shopping sprees’ (i.e.: shopping for a friends’ wedding, clothes for an event, gifts for my girlfriend, etc.). The sprees will be listed in the mobile app and the user will have the possibility to ‘go in a spree mission’ and have his sprees mapped out, guiding the user where he has to go in order to complete buying the spree’s wish list items.

the entering section for the marketing website meant to onboard new hunters

Marketing website landing

Boarding users into multiple platforms

the different digital platforms in the ecosystem work together in order to ensure an elevated experience through all the touch points a consumer has within his online/offline shopping journey. The design team was in charge of producing different digital products to ensure this experience:

A marketing website – In order to expose the user to the service and explain how it works, while enticing the usage of it.

A browser extension – A tool to collect all the desirable items the user wants.

A web App – to manage and arrange the items collected into sprees or categories.

A mobile App – in order to guide the user through the different stores and create a ‘buying path’.

The biggest challenge, we were foreseeing, with this “ecosystem” was to find the correct flow in order to onboard new users into all of these platforms.

a marketing website explaining about the service without getting into technical detail

Part of the onboarding process

verification through mobile, helps to inform and to inject the mobile app

Part of the onboarding process

after the webapp walkthrough – a mini walkthrough using the mobile app

Part of the onboarding process

Enter flatland

The client wanted us to redesign the mobile application to fit into the new design standards iOS7 enrolled when it got launched. Together with Adi Berda we gave the mobile app the required face lift and brought it closer to the visual language used in the other platforms designs.

part of the mobile app’s redesigned screens

Mobile app - Login
Mobile App - Join
Mobile App - Map view
Mobile App - List view
Mobile App - Items List
Mobile App - Item info view

some of the animations designed

'It's Mine!' Animation

Loading animation

launcher icons that i pitched to the client

Mobile app icon suggestions
What about collecting the items?

Browser extension

I took the task of designing the browser extension required for collecting the items out of the online shopping websites. When dragging an item, the extension had to communicate with the 3rd party shopping website’s item database, to see if there are any parameters associated with that specific item. In case there were no stores or prices assigned to this item, the extension would have to ask the user to insert some parameters, so he could, later, assign the item later to a spree.

I had to think and plan several flows for various scenarios that could happen while dragging an item, and had to make the extension fit most of the user’s browsing behaviors without messing too much with the browsing experience.

wireframes and notations for some of the logic behind the assumptions

Extension's database assumptions

Database assumptions and user generated data

After Ideating and running through all possible scenarios I created detailed wireframes for the development team. After finishing with the schematics I continued to design the extension. I had to check multiple browsing possibilities and different ”background noises” to achieve the optimum visible solution for dragging items conveniently while in a fashion webstore.

the designed extension with item details and login popovers

Extension on white background

Designed for a pleasant browsing experience

The extension, and its different popovers and popups had to work extremely good in a bright environment (white background websites) and in a dark environment, to provide minimal eye distraction while browsing

the designed extension in a dark enviornment with item assumptions and user area popovers

Extension on dark background - User popover
Extension on dark background - Item view

Web App

Most of the Web app was beautifully designed by Lara Korik before I got to this project. I mainly had to add functions and features to an existing UI language. New spree modal is one of the components I worked on and improved upon.

web app – new spree modal

Web App - New Spree modal

Thanks for viewing

This is a unique website which will require a more modern browser to work!

Please upgrade today!