MakeUsVisible
Website design
COMPANY
Medien Verein Kunst; Aventis Foundation; Arora
INDUSTRY
Culture, Art and Tech
year
2023
TEAM
Marc Wicht and Henriette Greßler/ Feedback and Review
LIVE Website
The Challenge
Our team was tasked with designing a responsive website to showcase the Make Us Visible Frankfurt augmented reality (AR) experience for its launch. The project aimed to create an engaging platform that would highlight the stories of influential female protagonists and their impact on society, focusing on two key locations in Frankfurt's city center - the Goethe and Gutenberg monuments.
Approach
We began with a thorough discovery phase, asking crucial questions about project timeline, key features, target audience, and experience accessibility. Our findings shaped our approach:
Created a streamlined, easily navigable landing page
Incorporated QR codes for direct access to AR experiences
Embedded location information for each monument
Designed responsive layouts for web, mobile, and iPad devices
Integrated hyperlinks to artist and collaborator profiles
Responsive Design
The website's responsive design ensures optimal viewing across various devices:
Desktop: Full-width layout with prominent imagery and easy-to-scan content sections
Tablet: Adjusted grid layout maintaining visual hierarchy and readability
Mobile: Vertically stacked elements with touch-friendly navigation and simplified content presentation
User Experience Considerations
To ensure optimal user experience, we:
Prioritized fast loading times for quick access to information
Implemented intuitive navigation with clear calls-to-action
Designed an easily scannable layout for efficient information retrieval
Solution
Interactive Elements
We incorporated several interactive features to enhance user engagement:
Animated transitions between sections
Interactive map showcasing AR experience locations
Pop-up modals for artist and sponsor profiles
Hover effects on clickable elements for improved usability
Key Features
Interactive map of AR experience locations
QR code generator for easy access to AR experiences
Artist and sponsor profile galleries
Embedded video previews of AR experiences
Social media integration for sharing
Outcome and Impact
While specific metrics are not yet available, initial feedback has been positive:
Increased interest and engagement with the AR experiences
Positive user feedback on website usability and design
Successful launch event with high attendance attributed to clear website information
Takeaways
This project presented unique challenges in balancing the need for a visually striking design with the practical requirements of showcasing AR experiences. We learned valuable lessons about integrating digital and physical experiences through web design. By creating this responsive, user-friendly website, we've successfully provided a platform that not only showcases the Make Us Visible Frankfurt AR experience. The website serves as a digital gateway to these important stories, making them accessible to a wider audience and contributing to the project's goal of increasing visibility for these historical figures.