




Survey findings
• Florists are keen to use more locally sourced flowers, and are aware of the carbon-footprint and lack of transparency from suppliers selling imported flowers
• Aside from Flowers From The Farm, no other websites or platforms were identified as a means of easily finding suppliers/florists
• There is a lack of efficient communication between growers and florists at present
• There is a need for consumer education to change their buying behaviours of flowers




Twine Low Fidelity Wireframes - Customer Version

Twine Low Fidelity Wireframes - Business Version

Twine Low Fidelity Wireframes - Business Version Continued



An earthy colour palette of rich and vibrant tones. I worked from this core swatch I created and would create new colours through lightning and darkening the shades, to maintain brand consistency.

The final two names I chose between - Twine and Bloom Bud. I decided that Bloom Bud was too similar to Bloom & Wild and didn't have the same effectiveness as a name from a consumer perspective.

Existing font tests for Twine. Calligraphy styles were hard to read, and the serif fonts didn't have the scope for working in an app icon.

Logos drawn on Procreate

Initially I selected these 3 logos as my favourites, as I felt they would work well as an app icon, particularly the 2nd one. However I found that in the prototype itself, they weren't as effective.

Ultimately I decided to go with one of my hand-drawn logos, as its simplicity works well against the more detailed and colourful illustrations. I am not entirely happy with the final logo, as I feel that the word Twine itself could be improved. However, the logo ended up being a very small part of the overall app, only appearing at the beginning, and so I couldn't justify spending more time on it and decided to focus on other design areas instead, such as illustration.

Twine florists Illustrations for use on the homepage and in 'The Pledge' page

Illustration for 'Find Flowers' pages

Illustrations for Twine intro carousel

Illustrations for 'Save the Date' icons

Illustrations for Caring for your Cut Flowers 'How To' guide
'Find Flowers' illustration
Twine florist illustration
Planet Earth with flowers for intro carousel



Custom Iconography created by hand using Procreate.

Larger squares give a bigger clicking area when layered onto navigation.

A small flower appears on the corresponding page that you're on.

The animated load-screen was created by adding an extra petal with each frame to complete the flower.

Individual artboards of the Find Flowers animated search bar. The search bar was an Asset available with Adobe's UI kits and I altered the colours and style to suit Twine's aesthetic.

The Twine logo on the homepage was rotated very slightly on each artboard and then auto-animate transitions were applied.

Flower petal load-screen in GIF form






Florist Stock Photo. Source: https://media.istockphoto.com/photos/flower-shop-led-by-young-woman-picture-id1038838634?k=6&m=1038838634&s=612x612&w=0&h=E1r7PwafHsYXf6K4HRQ6O2cctcOMh4wuF3xd3Ng7uPA=

Flower Grower Photo. Source: https://eco-age.com/wp-content/uploads/2020/02/flowers9.jpg

Flower Grower Photo. Source: https://www.floretflowers.com/wp-content/uploads/2014/02/IMG_0810.jpg

Flower Stock Sample 1. Source: https://images-na.ssl-images-amazon.com/images/I/611lNPFoEaL._AC_SL1024_.jpg

Flower Stock Sample 2. Source: https://imagesvc.meredithcorp.io/v3/mm/image?url=https%3A%2F%2Fstatic.onecms.io%2Fwp-content%2Fuploads%2Fsites%2F37%2F2020%2F07%2F23%2Fcluster-of-dahlia-flowers.jpg

Flower Stock Sample 3. Source: https://img.crocdn.co.uk/images/products2/pl/20/00/01/73/pl2000017392.jpg?width=940&height=940

Flower Stock Sample 4. Source: https://img.crocdn.co.uk/images/products2/pl/20/00/02/48/pl2000024838.jpg?width=940&height=940

Twine final outcome artboards - Guest/Customer version

Twine final outcome artboards - Business (Florists & Flower Growers) version

My Adobe XD workspace


Phone Mockup of Twine app - Guest / Consumer version

Phone Mockup of Twine app - Business version
This is a video demonstrating all features of the Twine prototype, including both Guest and Business versions.
