Time frame: March - April 2022
Tool: Figma
Team: Agu Crea, Nikita Ferreira Lopes, Luisa Schaub
Role: Concept development, UI/UX design, Prototyping, Text Writing
Challenge
No matter the occasion, flowers are one of the most popular gifts. Nowadays, there are more and more online flower shops. But when looking at the ratings, customers are rarely satisfied. From expensive delivery that arrives on the wrong day to poor quality of the goods, there are a lot of things that do not work as they should. In addition, environmentally aware customers struggle with the fact that their online purchases and transport result in very high greenhouse gas emissions.
Solution
Posy is an innovative and climate neutral online shop for flower bouquets. Instead of polluting the earth with emissions resulting from long supply chains and transport, Posy works with and supports local flower shops. Every order is handmade and can get picked up at the chosen store or be delivered by bike. Customers can learn all about flowers and their meaning on the website and create individual bouquets. To offer a new way to enjoy flowers, customers can order surprise bouquets based on personal instructions.
High-Fidelity Prototype
Experience Posy
Browsing for bouquets
Looking for the perfect match
Posy offers a variety of predesigned bouquets and seasonal collections. With the possibility to filter for special occasions or color, it is easy to find what one is looking for. Surely, this selection has something to suit every taste.
Unique surprise bouquets
Tired of being super creative everytime you want to gift something? Want to get a set of flowers which is completely unique and isn’t one of the predesigned in the store?At Posy, customers can tell their favorite colors, a meaning - or maybe no requirements at all, and the florists will create a surprise bouquet just for them.
Ordering a surprise bouquet
Putting together an individual bouquet
Meaningful flowers
Life is all about meaningful connections - so emphasize them with flowers that aren’t just pretty on the outside. By visiting "Individual bouquets" customers can learn more about the available flowers and their meaning. In addition, they can get creative and put together their own special bouquet.
Transparent sustainability
Posy has a simple but revolutionary concept: They work with local flower shops to encourage short supply chains and sustainable delivery. Make your order, choose your desired flower shop and pick up your locally handmade bouquet soon after or let it get delivered by bike. Good for the environment, good for the flowers - and the customers.
Sustainability concept
Design Process
We started our design process by doing some research first. We wanted to know for what reasons customers are unhappy with several online shops for flowers. We read hundreds of poor ratings and brainstormed how we could avoid those problems and improve the user experience. Afterwards, we created two personas, who helped us to get to know our audience.
Personas George and Chelsea
After several stages of defining and improving the concept, as well as the Unique Selling Point, we started first with scribbles and then with the wireframe prototype on Figma. The wireframe screens were based on the site map we created earlier in the process to keep a clear information architecture.
Screens of the wireframe prototype
Site map
When it came to visual design, we decided on a refreshing and bright color palette, to really match the variety of flowers that one can purchase on the site. We worked with a grand set of components to build the website on Figma and to make it interactive. To keep track of all the different elements, we assembled them in our design system.
Posy styleguide
Part of the design system
Learnings
For all three of us, Posy was the first website we did as a prototype. Usually, the design approach is "Mobile First", but for this task our time budget was too low to do mobile and web. This was definitely a challenge for me, but I think we can be proud of the result. In addition, this task was a very good preparation for my current project easygiveback (click here).
