Transforming a Car Museum Website with Movie Magic

OVERVIEW

The car museum faced a challenge as its online presence failed to captivate a diverse audience, hindering engagement with its impressive collection of movie cars and famous vehicles. The solution involved a comprehensive website redesign, introducing thematic galleries with engaging narratives, interactive multimedia elements, and educational content to cater to various automotive knowledge levels. In my role as a key player, I contributed to strategic planning, content development, and the implementation of the website overhaul, ensuring a cohesive user experience that resonates with both car enthusiasts and movie culture fans.

BACKGROUND

PROBLEM AND GOALS

The challenge facing the American Museum of Motor Vehicles was complex. Despite housing an unparalleled collection of movie cars and famous vehicles that span decades of automotive and cinematic history, the museum's online platform was not reaching its full potential. The initial problem stemmed from a digital presence that appeared outdated, which did little to entice a broader audience or encourage deeper engagement. The website lacked the dynamic and interactivity needed to capture the imagination of visitors, resulting in a disconnect between the museum's physical allure and its online persona.

The goal to revitalize the museum's online presence was clear, but achieving it required an understanding of the target audience. The museum sought to appeal not only to hardcore car enthusiasts and collectors but also to individuals with a casual interest in movies and pop culture. This diverse audience demanded content that was both informative and entertaining, capable of engaging users with varying levels of interest and knowledge about motor vehicles and movie culture.

Another key aspect of the challenge was the museum's desire to bridge the gap between traditional museum experiences and the digital age. This involved not only attracting more visitors to the website but also transforming the website into a platform that could offer an experience comparable to, or enhancing, an in-person visit. The goal was to create a digital space where users could explore, learn, and engage with the museum's collections in ways that were previously unattainable online.

USERS AND AUDIENCE

The audience of the American Museum of Motor Vehicles comprises individuals with a passion for automobiles, movie culture, and popular media. Demographically, they encompass a diverse range of ages, from young enthusiasts to seasoned collectors. Psychographically, they share a common interest in iconic vehicles from film and television, valuing entertainment, nostalgia, and learning experiences.

User Personas

Car Enthusiast Carl: Carl is an automotive enthusiast with a deep appreciation for classic cars and their role in popular culture. He enjoys exploring museum collections and attending car shows to admire iconic vehicles.
Movie Buff Mia: Mia is a young movie aficionado fascinated by the role of cars in cinema. She admires famous vehicles featured in her favorite films and seeks behind-the-scenes insights into their creation and significance.
Tech-Savvy Tim: Tim is a tech-savvy individual who values interactive and multimedia experiences. He enjoys exploring virtual tours, interactive exhibits, and online forums to engage with fellow enthusiasts and share his passion for cars.
Learning Larry: Larry is an avid learner interested in automotive history and trivia. He seeks educational resources and engaging content to expand his knowledge of iconic vehicles and their cultural significance.

USER JOURNEY

Discovery: Users discover the American Museum of Motor Vehicles through online searches, social media, or recommendations.
Exploration: Users navigate the redesigned website, exploring thematic galleries, interactive multimedia elements, and educational content tailored to their interests and knowledge levels.
Engagement: Users engage with narratives, videos, virtual tours, and interactive exhibits to immerse themselves in the world of automotive and movie culture.
Connection: Through community forums and social sharing features, users connect with fellow enthusiasts, sharing their passion for cars and discussing their favorite movie vehicles.
Action: Users take various actions, such as purchasing tickets, signing up for membership, or making donations to support the museum's mission and continue their engagement with the online platform.

Key Takeaways from the Journey Map that Drove Design Development/Decisions:

Digital Presence Gap: The museum's online platform was outdated and lacked the dynamic interactivity needed to engage visitors, creating a disparity between the physical museum experience and its online representation.
Diverse Audience Needs: The museum caters to a broad audience, from hardcore car enthusiasts and collectors to casual movie and pop culture fans. This diversity required a balanced approach to content creation that is both informative and entertaining.
Bridge Traditional and Digital Experiences: The challenge extended beyond mere online presence enhancement. The museum aimed to transform its website into a platform offering experiences comparable to in-person visits, requiring innovative and immersive digital solutions.

Key Insights/Takeaways that Informed the Design/Development of the Museum Website:

Targeted Content: Understanding the user personas, Car Enthusiast Carl, Movie Buff Mia, Tech-Savvy Tim, and Learning Larry was crucial. This insight helped in tailoring the content to meet the specific interests and needs of each persona, ensuring a personalized and engaging user experience.
Interactive Multimedia Elements: Given the tech-savvy nature of the audience, integrating interactive elements like virtual tours, interactive exhibits, and online forums was essential. This not only increased user engagement but also provided a richer, more immersive experience.
Thematic Galleries: The redesigned website featured thematic galleries that allowed users to explore the museum's collection based on their interests and knowledge levels. This organized approach facilitated easier navigation and enhanced user satisfaction.
Community Engagement: Incorporating community forums and social sharing features enabled users to connect with like-minded enthusiasts, fostering a sense of community and encouraging continued engagement with the platform.
Enhanced User Journey: By focusing on the discovery, exploration, engagement, connection, and action stages of the user journey, the website was designed to guide users seamlessly through their online experience, from initial discovery to taking meaningful actions like purchasing tickets or memberships.
Responsive Design: Recognizing the diverse range of users accessing the website, from young enthusiasts to seasoned collectors, responsive design principles were integrated to ensure optimal viewing experiences across various devices, enhancing accessibility and usability for all users.

DESIGN

DESIGN AND BRANDING ELEMENTS

Development work included exploration of alternate logo designs, typography choices, and color palettes. Final designs featured a refined logo with subtle updates to maintain brand continuity, alongside carefully selected typefaces for readability and a contemporary aesthetic.

Color choices leaned towards a combination of traditional banking hues such as navy blue, and lighter blues. These choices aimed to evoke a sense of trust and stability while maintaining a contemporary feel.

Visuals of the UI style guide showcased consistent design elements across web and mobile platforms, including button styles, iconography, and navigation menus. Each design choice was justified based on its alignment with Trust Bank's branding goals and challenges, as reflected in the perceptual map analysis.

DEVELOPMENT

AFFINITY MAP

In the initial development phase for the American Museum of Motor Vehicles website, a comprehensive and user-centric design strategy was crafted. The first step involved conducting card sorting exercises. These exercises provided valuable insights into how users naturally categorize and prioritize content related to iconic movie cars and famous vehicles. With this understanding, the museum's extensive collection was strategically organized into intuitive thematic galleries, ensuring a logical and engaging user journey.

SITEMAPPING

Site mapping was employed to create a visual blueprint of the website's layout. This blueprint facilitated the establishment of clear and intuitive navigation paths, ensuring visitors could easily find 3EWSA and explore key sections of interest. User flows were developed to map out the anticipated user journey. This includes their first visit to the homepage, seamless transitions between galleries, and engaging with various interactive features and educational content. Additionally, feature prioritization was undertaken to spotlight essential website functionalities. This involved pinpointing and emphasizing critical features like interactive search tools, dynamic multimedia showcases, and enriching educational resources. These features played a pivotal role in enhancing user engagement, satisfaction, and overall browsing experience.

WIREFRAMING

Following the foundational insights from the initial development phase, wireframing emerged as a critical component in shaping the website's layout, structure, and user interface. The wireframes were designed with a sharp focus on content clarity and organization. This ensured that detailed information about the museum's unparalleled collection of iconic vehicles was presented in a consistent, visually appealing, and easily digestible manner.

To cater to the diverse digital landscape and user preferences, responsive design principles were seamlessly integrated into the wireframes. This strategic approach entailed creating adaptive layouts that could dynamically adjust and optimize content presentation across a wide array of devices. Whether users accessed the website via expansive desktop monitors, compact mobile screens, or intermediate devices, the wireframes prioritized uniform accessibility, seamless navigation, and intuitive usability. By leveraging responsive design, the museum aimed to provide a consistent and enjoyable browsing experience for all visitors, irrespective of their device choice or screen size.

INITIAL DESIGN

Building on the strong foundation established through wireframing, the initial design phase was characterized by a harmonious fusion of creativity, functionality, and user-centricity. The design ethos was rooted in capturing the museum's distinctive identity while resonating deeply with its eclectic audience. A meticulous selection process was undertaken for visual elements, encompassing color palettes, typography choices, and imagery selections. These elements were curated to elicit emotions, evoke nostalgia, and encapsulate the allure associated with iconic movie cars and renowned vehicles.

Thematic galleries were thoughtfully curated to offer immersive experiences. Engaging narratives were interwoven with interactive multimedia elements, fostering deeper user engagement, exploration, and enjoyment. Furthermore, educational content was seamlessly integrated into the design architecture. Presented in diverse and engaging formats like infographics, videos, and interactive quizzes, this content catered to a broad spectrum of automotive enthusiasts, ranging from novices to seasoned aficionados.

Throughout the design iteration process, an iterative feedback mechanism was established. This collaborative approach facilitated ongoing dialogue with stakeholders and targeted user groups. Their invaluable insights, suggestions, and perspectives were instrumental in refining and optimizing the designs, ensuring alignment with the museum's overarching objectives. Through a blend of creativity, strategic planning, and user-focused design, the American Museum of Motor Vehicles website was poised to captivate, engage, and delight its diverse audience effectively.

TESTING

I conducted a usability test for AAMV.com with the goal of ensuring it is fun and easy to use for a wide range of users, including families, couples, and children interested in learning about cars. Here's a breakdown of what you tested and what you found out:

Tested:

The usability of the AAMV.com website.
User interaction with the website's interface and content.
Task completion efficiency and effectiveness.
User satisfaction with the website's design and functionality.

Findings:

Participants of various age groups, ranging from 18 to 50, were engaged to provide feedback.
Tasks were designed to test common functions of the website, such as searching for the location and prices of museum tickets.
Usability metrics were used to measure performance, including scenario completion success rates, error rates, and subjective evaluations.
Completion rate and error-free rate were measured for each task to assess usability.
Time-on-task measurements were recorded to evaluate efficiency.
Subjective evaluations were collected through questionnaires and debriefing sessions.
Problems were categorized by severity, ranging from high impact (preventing task completion) to low impact (minor annoyances).
Recommendations for resolution were provided based on the severity of identified problems.

Overall, the usability test aimed to identify design inconsistencies, usability problem areas, and potential improvements to enhance the website's effectiveness, efficiency, and user satisfaction. The findings from the test will likely inform future iterations of AAMV.com to better meet the needs of its diverse user base.

FINAL DESIGNS

CONCLUSION

The American Museum of Motor Vehicles has transformed its website to captivate a diverse audience, integrating thematic galleries, interactive features, and educational content. In response to user feedback, we've prioritized responsive design for smooth navigation. Additionally, we've introduced a merch store, allowing visitors to purchase memorabilia and merchandise, enriching their museum experience and fostering a deeper connection with automotive and movie culture globally.