Deliverable
Web app design
Tools
Adobe XD, Confluence
disciplines
UX design, Web design
In navigating the complex and time-consuming landscape of Germany's grant system, stakeholders from small businesses to researchers face the significant challenge of diverting valuable time away from their primary missions into the cumbersome grant application process, often with uncertain outcomes.
The web app in this case study aims to streamline this journey. You’ll discover how I optimized the grant detail page for optimal readability and efficiency.
A quickly drawn up version of the page by another designer, ready to be optimized.
Issues included:
Inefficient information architecture
No definition of what happens when texts get longer (e.g. when the title gets longer than one line)
No optimization of text box widths for legibility
The next step was about optimizing the content in each section. My suggestions included:
Grouping some of the 'quick facts' in the overview section under a new parent category to reduce their number and provide a clearer overview.
Converting a dense block of text into a more intuitive format by extracting important details and presenting them as distinct data points, like 'Area: Nationwide
Visual considerations for quick scanning, like adding icons
Developer feedback highlighted the necessity for a solution that could be developed more swiftly for the upcoming Minimum Viable Product.
This led me to simplify certain elements for faster implementation, like the visually highlighted tags.
