Select Page

UI and UX Design of the Mobile app

Onitsuka wanted to modernize the way the authorized stores could purchase new items from the factory. Also they needed to improve the communication between resellers, delaers, buyers and the company.

The solution was to create a Digital Catalog for producs where stores and resellers could purchase items, refill their stock, control and track and their orders but also serve as a tool for the company to make announcements, share news and events, promote new releases and new campaigns and ask for feedback.

Catalog Login Page

The idea was that, the login page had a background according with the current collection or the new campaign.
Each catalog content can be personalized specifically for each reseller and store, so when the reseller logs in and choses the Store, the content is automatically fetched from the DB and showed on the catalog. This is to prevent that, for instance, a Kid’s store owner keep seeing adult’s shoes, unless he want’s to.

Catalog Home

The Catalog Home was designed to the user easily find what he wants. Each type of reseller / store has a different typo of home, so the content can be created and served for specific niches of market. Some stores has a side menu, some stores has the top menu, so the conten accommodates on the screen the best way possible. The side menu version focus more on produtcs, with thw main categories easily accessible and product catalogs on the main screeen.

Catalog Home top menu

The top menu version is focused on Content, showing new campaings, news, events,etc. The products categories era accessible through a menu item.

Products list

The top menu version is focused on Content, showing new campaings, news, events,etc. The products categories era accessible through a menu item.

Product Detail page

This page is no news. Product photo gallery and zoom, description, price, Add to Bag button in a priviledged spot, choose sizes, see details and add to favorites. All the basics the seller needs and organized in a easy to use way.

News and My Bag pages

Here are some other examples of internal pages, a News Page and the My Bag page.