Vakkorama

Works

About

Contact

C. // Vakkorama

Vakkorama is one of the most important fashion brands in Turkey. They're known for their unique style and unorthodox store experience for the past 40 years, targeting young adults.

Experience Design
Visual Design
Motion

2016

We collaborated with Vakkorama on their new app to accompany their e-commerce website and allow their customers to browse and purchase items on the go. My roles was to define the exprience and visual design approach from end to end, creating a platform that speaks to their audience and reflects the brands unique identity.

About

We collaborated with them on their new app to accompany their e-commerce website and allow their customers to browse and purchase items on the go. My roles was to define the exprience and visual design approach from end to end, creating a platform that speaks to their audience and reflects the brands unique identity.

This however wasn't reflected as well in the digital medium. Their e-commerce website was inheriting a lot of brand elements from their parent company Vakko. Black and white was the main theme accompanied by some what generic interface design. The brand identity had to be presented at its best level in all their products.

The app was planned to be on both phones and tablets. That meant we needed to consider certain layout changes in the larger screens to take advantage of the more generous screen estate.

The Challenge

Designing a brand new app was our chance to bring Vakkorama's true identity to the digital screens. Even though this was a quite establish brand, they were quite open to new design approaches for their new e-commerce app.

This allowed us to take a step back and designed not only an app but a brand new visual design approach along with a tone of voice to allow users feel the same youthful and energetic experience as they would in the stores.

The approach

After aligning with our client on design principles and requirements, we started with defining key user journeys in the app and mapped out each of them designing flows. This helped us have an overview of each task and the screens to be designed beforehand while getting an early indication of where users may struggle and how we can address possible issues on the design end.

We also had a requirement later on having a virtual member card within the app in a prominent place for customers to use in retails stores for member exclusive discounts. An Apple Wallet integration wasn’t available at the time so the card had to live in the app.

Flows

Avenir Next Demi Bold // Bold

The clean sans-serif font used on titles and key interaction areas to provide a clean look across the app, representing Vakkorama’s dynamic and modern character.

Avenir Next Demi Bold // Bold

The clean sans-serif font used on titles and key interaction areas to provide a clean look across the app, representing Vakkorama’s dynamic and modern character.

Typography

After aligning with our client on design principles and requirements, we started with defining key user journeys in the app and mapped out each of them designing flows. This helped us have an overview of each task and the screens to be designed beforehand while getting an early indication of where users may struggle and how we can address possible issues on the design end.

We also had a requirement later on having a virtual member card within the app in a prominent place for customers to use in retails stores for member exclusive discounts. An Apple Wallet integration wasn’t available at the time so the card had to live in the app.

Wireframes

Vakkorama does a great job providing a special shopping experience in their retail store. The characteristics of the brand is truly reflected in their stores and customers can immediately feel the youthful, energetic vibe thanks to the brand's attention to detail and tasteful architectual touches.

Iconography

Vakkorama does a great job providing a special shopping experience in their retail store. The characteristics of the brand is truly reflected in their stores and customers can immediately feel the youthful, energetic vibe thanks to the brand's attention to detail and tasteful architectual touches.

Colour Palette

Plain white

FFFFFF

Bright Violet

651FFF

Deep Indigo

1D1137

Sky Blue

00BBE6

Fresh Green

00BC9A

Candy Red

FF1744

Exotic Orange

00BC9A

Electric Yellow

00BC9A

Welcoming users to the app by promoting the benefits of creating an account or signing in.

Existing customers are welcomed back on the login screen, while new customers are encouraged to join Vakkorama on the sign up screen addition to benefits shown on onboarding page.

Vakkorama Card

On iPad, the images gloriously covers larger screen. It’s a great way to celebrate the brand photography and engage a visual comminication with the customers.

Onboarding

There are opportunities in error/success states to reach out to your customers with a unique tone of voice.

Having these additional screens as a medium to create something fun and memorable was a part of the experience we wanted to provide.

Addressing our audience

Welcoming users to the app by promoting the benefits of creating an account or signing in.

Existing customers are welcomed back on the login screen, while new customers are encouraged to join Vakkorama on the sign up screen addition to benefits shown on onboarding page.

Customers can scan products when they visit the store and purchase the item on the go or see if it’s in stock in another store.

Categories & Listing

Welcoming users to the app by promoting the benefits of creating an account or signing in.

Existing customers are welcomed back on the login screen, while new customers are encouraged to join Vakkorama on the sign up screen addition to benefits shown on onboarding page.

Hero banner as a customised navigation bar

Hero banner is kept fixed at top right under the navigation bar. Background blur allows the hero content set the mood for the entire page even when scrolled.

Featured

A place for the products to shine, the page allows users to see the chosen product up close with full details. Users can see available options, check in store availability and learn further information about the products.

“Something else?” section allows users to explore alternatives related the product they are viewing.

Vakkorama Card

A place for the products to shine, the page allows users to see the chosen product up close with full details. Users can see available options, check in store availability and learn further information about the products.

“Something else?” section allows users to explore alternatives related the product they are viewing.

Product Detail

© 2021 by Cagri Yurtbasi

Works

About

Contact