Onlineshop with Framer
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.




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)
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
homepage to save costs
product cards
to show current collection
animated order
via a contact form
one-page
homepage to save costs
product cards
to show current collection
animated order
via a contact form
Challenge
Result
Process
Process
01
Research & Analysis
I conducted both qualitative interviews with 11 existing and potential customers, as well as a quantitative poll with 68 participants. The results showed that 75% of the participants missed customisation options.
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
I conducted both qualitative interviews with 11 existing and potential customers, as well as a quantitative poll with 68 participants. The results showed that 75% of the participants missed customisation options.
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
I conducted both qualitative interviews with 11 existing and potential customers, as well as a quantitative poll with 68 participants. The results showed that 75% of the participants missed customisation options.
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