Onlineshop with Framer

In order to save maintenance costs, the original shopify store was redesigned to be a single-homepage while maintaining basic shop functionalities.

In order to save maintenance costs, the original shopify store was redesigned to be a single-homepage while maintaining basic shop functionalities.

one-page

homepage to save costs

product cards

to show current collection

animated order

via a contact form

Challenge

Result

Client

Client

My Role

My Role

UX Researcher & Designer, UI Designer, Photographer

UX Researcher & Designer, UI Designer, Photographer

UX Researcher & Designer, UI Designer, Photographer

Duration

Duration

2 weeks (2024)

2 weeks (2024)
2 weeks (2024)

Tools

Tools

Challenge

Piz Nadjini is a small festival fashion designer based in Vienna. Even though the brand is quite successful, only few items are sold over the online shop. As such, the original shopify shop was simply too expensive and wasn't paying off.

Therefore, it was the goal to redesign the website for a one-page website without any third-party-shop providers in order to . Nevertheless, the current collection should be visible and possible to buy/order. In addition, the possibility for custom orders should be highlighted.

Results

Limiting the online presence to one page only faced new challenges, as collection overviews or detail pages of products were not possible anymore. To solve this issue, I lied a strong focus on the design and animation of components. As a result, the product cards still contained all important information usually seen in online shops: 1) a image gallery, 2) detailed product description, 3) option to buy/order.

Because no third-party-providers could be used to manage checkout, each product was linked with a form where customers could manually order the product. As such, costs were saved, while the functionality of ordering a product was maintained.

one-page

one-page

homepage to save costs

homepage to save costs

product cards

product cards

to show current collection

to show current collection

animated order

animated order

via a contact form

via a contact form

Process

Process

01

Research & Analysis

We conducted 10 qualitative interviews with expats who moved to Austria within the last 5 years. As assumed, moving is a highly individual experience with various pain points ranging from social aspects to administrative tasks.

02

Information Architecture

We conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights

03

Wireframing & Prototyping

We conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights

04

Usability Testing

We conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights

05

Visual Design & Style Guide

We conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights

01

Research & Analysis

We conducted 10 qualitative interviews with expats who moved to Austria within the last 5 years. As assumed, moving is a highly individual experience with various pain points ranging from social aspects to administrative tasks.

02

Information Architecture

We conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights

03

Wireframing & Prototyping

We conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights

04

Usability Testing

We conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights

05

Visual Design & Style Guide

We conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights

01

Research & Analysis

We conducted 10 qualitative interviews with expats who moved to Austria within the last 5 years. As assumed, moving is a highly individual experience with various pain points ranging from social aspects to administrative tasks.

02

Information Architecture

We conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights

03

Wireframing & Prototyping

We conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights

04

Usability Testing

We conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights

05

Visual Design & Style Guide

We conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights

Screens

Screens

Vienna © 2024. Designed by Nadine Brantschen

Vienna © 2024. Designed by Nadine Brantschen

Vienna © 2024. Designed by Nadine Brantschen

Vienna © 2024. Designed by Nadine Brantschen