Landing page design for green wall service.

PROJECT OVERVIEW.

Landing page design for green wall service
  • 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.

Landing page design for green wall service

Personas.

Landing page design for green wall service Landing page design for green wall service

User journey map.

Mapping usersโ€™ journeys revealed how helpful it would be for users to have more information about โ€œGreenwall servicesโ€.

Landing page design for green wall service

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.

Landing page design for green wall service

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.

Landing page design for green wall service

Design.

  • Mockups
  • High-fidelity prototype
  • Accessibility

Mockups.

Landing page design for green wall service

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.

Landing page design for green wall service

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.

Landing page design for green wall service

Accessibility considerations.

Landing page design for green wall service

The whole work took 17 hours.

Contacts

Ways to contact me.

If you have any questions, suggestions or ideas that you’d like to share with me, I’d love to hear from you. I’ll do my best to respond to your message as soon as possible.

    By clicking on the button, I agree to the privacy policy

    Close
    Close
    Up