Landing page design for green wall service.

PROJECT OVERVIEW.

• The product: A landing page for a business selling greening services.
• The problem: Low knowledge about greening services.
• The goal: Design a responsive landing page to encourage users to order greening services for their homes and offices.
• My role: UX/UI designer, UX researcher
• Responsibilities: Conducting interviews, paper, and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.

User research: summary.

I conducted interviews and created an affinity map from interviews and surveys to better understand the users I’m designing for and their needs. Different groups were interviewed but through research, I realized that ordinary people and business owners are not aware of how the greening services work and how easy it is, however they are looking for decoration of their offices with live plants.

Pain points.

Personas.

User journey map.

Mapping users’ journeys revealed how helpful it would be for users to have more information about “Greenwall services”.

Starting the design.

• Paper wireframes
• Digital wireframes

Paper wireframes.

Taking the time to draft iterations of each screen of the app on paper ensured that the elements that made it to digital wireframes would be well-suited to address user pain points and to tell more about services.

Digital wireframes.

As the initial design phase continued, I made sure to base screen designs on feedback and findings from the user research. Easy navigation was a key user need to address in the designs.

Design.

• Mockups
• High-fidelity prototype
• Accessibility

Mockups.

High-fidelity prototype.

The final high-fidelity prototype presented cleaner user flows looking for the service needed, and also has a customized profile with the possibility to see the purchases.

Try the prototype.

Please note that this is only a prototype and may not have the full functionality of the final website.

Mockups for desktop and mobile versions of the website.

Accessibility considerations.

The whole work took 17 hours.