Roles.
- Existing Audit
- User Flows
- Wireframes
- UI Design
- Hi-Fidelity Mockups
Tools.
- Figma
Team.
- DonorTrail Stakeholders
The Challenge.
My client for this project contacted me for an update to their website. They were a Non-profit who had created a
The Goals.
- Review existing website with an emphasis on
- Bring a focus to the product
- Increase
Reviewing the Existing.
The
Cleanup unnecessary information
The existing
Steamline the form
The timeline also needed to fit within the existing structure and the header and sidebar needed to remain for the most part.
Responsive fixes
The final issue was the lack of responsive functionality. Smaller screen were unusable and
Solution.
After a series of iterations for my wireframes, I felt I had a good base for the design and started looking at the theme and assets. From the start, I was trying to simplify the complex system of a transit system. Searching for inspiration I found the massimo vignelli subway map design. I started to look into Swiss Design. Using this minimalistic and bold style, I figured, would help convey a clean layout, and allow people to ready the information fast while they run to their bus or take a peak during their morning coffee.
Conclusion.
For my first project, this was a good lead way into learning how to focus on the research to make a minimum viable product and not bite off more than you can chew. It kept me focused on the main points the client was trying to solve even though it was tempting to add more. It was also really a first attempt to learn about IOS and Android standards and develop a design to their guidelines.
Better Next Time
You can go into a project thinking you have a good understanding of what might need to focus on a design. However, research is essential and can change that focus very quickly.
For this project, I tried to design for the Dark Mode trend because it confused people. I should have started with a more average representation of the app off the initial start. I was stuck on dark mode because it is new and cool. While knowing the trends is good, forcing a fad for no reason is a bad design decision.