In Bloom
Responsive Web Design
Role:
Concept, Research, Visual and Interaction Design.
Duration:
September 2022.
Tools:
Adobe XD, Adobe Illustrator y Adobe Photoshop.
DEFINE
Challenges
After conducting a research on various online flower shops and surveying individuals who are target audience for these websites.
The problems that users found were that online flower shops offered pre-set flower bouquets without the option to customize them by color, type of flower, or price.
Solution
In Bloom is a website that offers flower bouquets and also provides users the opportunity to customize bouquets based on color, price, or type of flower. This offers a more comprehensive and personalized user experience.
The goal is to create a responsive web design that adapts to various devices, allowing users to interact with different features of the website and easily create a customized bouquet.
Research
To gain a better understanding of the target audience of online flower shops, I conducted a survey with five users from the three main online flower shops.
Survey
I focused on the most important aspect of the responsive website, which is bouquet customization. To facilitate the flow for the user, I added a direct link from the main page accessible on any device.
On the other hand, I added filters to allow users to customize their bouquet.
Persona
IDEATE
Information Architecture
Style Guide
DESIGN
Digital Wireframes
Desktop
Mobile & Tablet
Hi-Fidelity Wireflow
I focused on the most important aspect of the responsive website, which is bouquet customization. To facilitate the flow for the user, I added a direct link from the main page accessible on any device.
On the other hand, I added filters to allow users to customize their bouquet.
Final Designs
Prototype
Conclusion
From the beginning, the ideas to build this Responsive website were very clear due to the research and the interviews with target users of this project.
Something as simple as a bouquet of flowers looks like, made me think about: Why couldn’t a bouquet be customizable? Why not choose a bouquet by the colors of its flowers? he/she only wants flowers?
This helped me to create a Responsive Web that required considerable user interaction and also the challenge of adapting all the features to different sizes such as tablet or mobile.