MakeUsVisible

Website design

Designing the website for
the launch of MakeUsVisible Frankfurt, a geo-location based AR Experience.

Designing the logo for Scenery, an iOS based Immersive Experience
building app.

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:

  1. Created a streamlined, easily navigable landing page

  2. Incorporated QR codes for direct access to AR experiences

  3. Embedded location information for each monument

  4. Designed responsive layouts for web, mobile, and iPad devices

  5. 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

  1. Interactive map of AR experience locations

  2. QR code generator for easy access to AR experiences

  3. Artist and sponsor profile galleries

  4. Embedded video previews of AR experiences

  5. 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.

Contact

Let's create something memorable together, feel free to reach out!

I'm here to listen, collaborate, and craft design solutions that resonate with your brand.

Contact

Let's create something memorable together, feel free to reach out!

I'm here to listen, collaborate, and craft design solutions that resonate with your brand.

Contact

Let's create something memorable together, feel free to reach out!

I'm here to listen, collaborate, and craft design solutions that resonate with your brand.

2024 Prerana Maheshwari