top of page

Pininfarina

Pininfarina is a symbol of Italian style in the design world with 93 years of experience, they partner with many an industry including: Architecture, Automotive, Industrial, Nautical, Transportation and Aviation, Lifestyle products and more. They offer high-quality and exquisitely designed services and products based on the values of the brand: Purity, Elegance and Innovation.

Role: UX/UI Designer

​

Responsibilities: Problem Discovery, Problem Definition, Information Architecture, Interaction Design, Visual Design, Prototyping

​

Duration: 2 weeks

​

Tools: Figma

PF mockup.png

Challenge

Pininfarina is a globally known 360 design house. They currently have a website but would like us to create an app for Pininfarina of America that showcases how they design beyond automobiles. They want to increase brand visibility, become more fresh and fun, and ultimately attract potential clients. 

Goal

Create a native app that allows design lovers to gain inspiration, share their designs in an interactive manner and the ability to redesign provided Pininfarina projects. 

Insights

Problem

  Users want a design that tells a story  

  Users want a design to feel interactive in some way  

  Users want inspiring   designs that motivate and   inspire others to share their own inspiration  

After conducting research through stakeholder interviews, online surveys, and research interviews. We uncovered these insights that helped guide the process and design.

Design lovers need a way to interactively learn about the processes behind a design so that they can be inspired to innovate their own because they struggle to find resources that will allow them to engage creativity.

Solutions

  1  

Allow users to browse designs for inspiration by creating a feed of design projects from Pininfarina and fellow users

  2  

Give users the ability to share their designs in an interactive manner through commenting and redesigning projects

  3  

Share design guidelines and step-by-step processes to help users learn and explore new ways of creating.

Persona

Chris Lee.jpg

Ideation

Brainstorming

Next we were ready to start ideating on what sort of features the app could include and so we began a brainstorming session that started with a round of crazy 8's.

Pininfarina Brainstorming.png

Information Architecture

To help us to further categorise our ideas we decided to create a site map to understand the relationship between each idea and how we could present the information to the user.

sitemap.png

Testing

User Flows

Through multiple iterations, we focused on 3 user flows for testers to complete in order to evaluate the usability of the site structure.

User flow1.png
User flow2.png
User flow3.png

Flow 1 Tasks

  1. Find the design challenge page

  2. Select an industry 

  3. Choose a challenge

  4. Accept the challenge

  5. How difficult/easy did you find that?

Flow 2 Tasks

  1. Find a design project 

  2. Save that project 

  3. Locate where the saved projects would be.

  4. How difficult/easy did you find that?

Flow 3 Tasks

  1. Select the design type

  2. Upload your desired media file from the phone 

  3. Input the design information

  4. Publish the design

  5. How difficult/easy did you find that?

Wireframe Designs

We conducted multi-task tests to gather feedback and make improvements. The first round of iterations focused on refining content and maintaining consistent language. After creating mid-fi wireframes, we tested with 5 new users and received feedback on desired features. Some were implemented, while others were saved for future updates. We then conducted concept testing to understand how users perceived the prototype's concept and functionality. This guided our final round of iterations, where we fine-tuned important details for a better user experience.
WIREFRAMES.png

Result

If you'd like to look around the final prototype, you can find it   here  

If you'd like to read the in-depth version of this case study, you can find that right here!  

OTHER PROJECTS

cover.png
bottom of page