Abi Brewer Fine Art
Employers Love Seeing Your Thoughts and Process
Abi Brewer Fine Art mobile website redesign
Who was the client? Or was it a bootcamp project? What was your role? Try listing your most important achievements and tasks! You can highlight some of your words to emphasize their importance.
Enhance Customer Connection
Create an instant connection with visitors to make them want to see more of the website and artist's work.
Increase sales
Enhance buying process by making it easier and making products feel more enticing.
Lead Generation
Sign up for newsletter and workshop news to stay in the know with artist.
Problem
Define the most significant problem you had to solve during this project! What goal did you set? Throughout your case study, you should refer back to this section to justify your design decisions.
Solution
Summarize the outcomes of the project! What changes were implemented and what was the impact of your design? You don’t need to go into detail yet! Just give a snippet of your achievements.
Tools
Miro
Figma
Axure
Team
1 UX designer
6 developers
1 project manager
My Role
UX design
UX research
Workshop facilitator
Timeline
Overall: 8+ weeks
Discovery & Research: 2+ weeks
Design & testing: 6 weeks
Sketches
I began the design process with low-fidelity sketches and wireframes to accelerate decision-making through visualization without losing time. My sketches were based on the initial user interviews, the business goal, and the heuristic evaluation. They each pointed to the fact that there were too many distractions in the flow. We came back to the sketches throughout the entire design process to make sure that we don’t lose sight of our primary goals and ideas.
What was the main purpose of your sketches? (e.g.: presenting, testing, brainstorming)
What information was the basis for your sketches?
If you made multiple versions what were their main differences?
Which version did you choose and why?
Explain the layout and arrangement of the elements!
How did your sketches help you move forward?
Wireframes
Using Figma, I translated my first sketches into low-fidelity wireframes. Then, I improved them by adding a few relevant stock images and copies provided by the marketing team. At this stage, the wireframes were defined enough for some user testing. Based on 4 tests, I’ve made a few alternations and moved on to creating high-fidelity prototypes.
Did you create high- or low-fidelity wireframes?
What tool did you use for wireframing?
Did you test with the wireframes? What were your findings?
How many iterations did you make?
UI Design
Once the usability issues were resolved, I moved on to design the final screens in Figma. My goal was to create a visual identity that’s aligned with the brand’s values and message, which is: “brand motto”. Also, I’ve checked the competition and took a deep dive into my catalog of references for inspiration.
What kind of visual style did you follow and why? (Fresh, corporate, dark, light?)
Did you follow any popular guidelines? (Material Design, iOS Styleguide, etc?)
What platforms and devices did you design for?
How does your final design reflect your learnings about your users?
Next steps
How would you continue this project? Was there something that you would’ve loved to do but didn’t have the time or resources? What advice would you give to the team or the designer following you?
01
How would you continue this project? Is there anything you would revisit in the final design? What advice would you give to the designer following you?
02
How would you continue this project? Is there anything you would revisit in the final design? What advice would you give to the designer following you?
03
How would you continue this project? Is there anything you would revisit in the final design? What advice would you give to the designer following you?
Learnings
What new hard skill, soft skill, trick, or tool did you learn throughout the project? Was there any design practice you’ve tried for the first time? How did this project contribute to your growth as a designer? Did you have any preconceptions that were crushed? What did you learn throughout this project that’s influencing the way you design?
Thank you for reading my case study!
Want to work with me? Feel free to contact me!
...or just say hello on my social media.