Affirm layout

Overview

Creation of low and high fidelity wire-framing and mock-ups for new sections at Danishmodernla.com website incorporating Affirm payment information, reviews page and more. Wireframes were shared with developers for them to recreate the final look on the website.


My contribution

Product strategy
User research
Product design

The team

1 × product manager
1 × product designer
2 × engineers

Year

2019

Project image

Process

Breaking down the project

Firstly, I conducted user research to understand the needs and identify pain points with existing customers and payment plans.

Building on strong foundations

Based on this research, I created wireframes to map out the section functionality and structure. First step was creating the low fidelity wireframes to properly accommodate information and pictures with a balanced layout. Next Step was creating a High-fidelity wireframe with final images and text to get a visual idea on what needed to be developed.

Collaborating with the internal team

Throughout the process, I worked closely with the client and development team to ensure the page met their needs and aligned with the page structure.

Outcome

The second-to-last picture shows the final wireframe with the information and some styling, like text links, image placement, and icons. The last image is the final product displayed on the website, with a header image that changes monthly, all within a seamless and intuitive experience.

As a result, the furniture shop saw an increase in user engagement and loyalty, and the payment option became an essential part of their overall customer experience.