Mobile first website

Novaframe is a seller of A-Frame kit homes. As part of my studies, I was tasked with designing their website's homepage. The project's requirements led me to conduct competitive benchmarking, perform UX research with two potential user segments, and create mobile-first wireframes.

Mobile first website

Novaframe is a seller of A-Frame kit homes. As part of my studies, I was tasked with designing their website's homepage. The project's requirements led me to conduct competitive benchmarking, perform UX research with two potential user segments, and create mobile-first wireframes.

Mobile first website

Novaframe is a seller of A-Frame kit homes. As part of my studies, I was tasked with designing their website's homepage. The project's requirements led me to conduct competitive benchmarking, perform UX research with two potential user segments, and create mobile-first wireframes.

Mobile first website

Novaframe is a seller of A-Frame kit homes. As part of my studies, I was tasked with designing their website's homepage. The project's requirements led me to conduct competitive benchmarking, perform UX research with two potential user segments, and create mobile-first wireframes.

Client:

Novaframe

Role:

UI / UX Designer

Year:

2021

Client:

Novaframe

Role:

UI / UX Designer

Year:

2021

Client:

Novaframe

Role:

UI / UX Designer

Year:

2021

Client:

Novaframe

Role:

UI / UX Designer

Year:

2021

3 mobile wireframes of the solution
3 mobile wireframes of the solution

The Challenge

Create a landing page for Novaframe that effectively communicates the value proposition of the product, engages potential customers, and encourages them to take action, such as testing the service or purchasing the product.

Through the creation of a user journey, the primary pain point occurs during the product identification phase. This stage triggers numerous practical questions for prospects seeking a real estate investment : ecological criteria, cost, uniqueness, minimal labor required.

Therefore, Novaframe should adopt a minimalist approach, highlight the quality of its customer support, offer solid customer reviews, and provide transparent sales services.

Laptop mockup with the website home page
Laptop mockup with the website home page

Process

To fulfill these requirements, I executed the following plan:

  1. Competitive Benchmarking: Based on the brief and my research, I identified five main competitors using various segmentation criteria, including product and service updates, communication and business practices, and website audits.

  2. Defining the Target Audience: After creating two proto-personas using the resources from the initial brief, I conducted a user journey to pinpoint pain points and begin strategizing solutions.

  3. Wireframe Creation: To adhere to the mobile-first design directive, I crafted initial mock-ups based on the findings of my research.

  4. Designing the Landing Page: In this phase, I incorporated branding elements provided by the brand, while also optimizing the layout and design for mobile responsiveness and user experience.

Solution

In response to the initial brief, I proposed the integration of a personalized search space in the website's header, leveraging principles of UX design to create a seamless and engaging experience for visitors. This search feature would serve as the gateway to their journey, with intuitive design elements such as predictive text, auto-suggestions, and dynamic filtering to assist users in refining their search criteria effortlessly. The goal was to not only make the process of finding their dream home efficient but also enjoyable, with an emphasis on providing a visually pleasing and user-friendly interface. This approach aimed to enhance user satisfaction, increase engagement, and ultimately lead to more successful property searches on the website.

The home page header and footer
The home page header and footer
The footer of the home page
The footer of the home page

Key takeaways

The most challenging aspect of this project was time management. I was allocated 14 hours to complete this task, along with a presentation support.


This project has provided me with valuable lessons in improving my organizational skills, making informed decisions, and effectively handling time pressure. It's been a valuable learning experience that will undoubtedly benefit my future endeavors.

Next project

Next project

Next project

Next project

Let’s

work

together

I'm currently available for a new adventure. Let me know if you're looking for a product designer.

Let’s talk about it!

I'm currently available for a new adventure. Let me know if you're looking for a product designer.

Let’s talk about it!

Portfolio 2024