Web Design: Responsive Website

Project Overview

Art Interactive is a fictional app that will connect users who love the arts and give them a fully immersive artistic experience. Art Interactive [AI] is a revolutionary platform designed to democratize the art experience, making it more accessible and inclusive for artists, curators, and enthusiasts. By leveraging cutting-edge technology, Art Interactive [AI] bridges the gap between the traditional art world and the digital age, offering a space where creativity knows no bounds.  

Project Statement

Art Interactive [AI] was created to break down the barriers that often limit access to art. By providing a platform where artists and curators can showcase their work to a broader audience, [AI] aims to promote inclusivity and diversity in the art world. Whether you're an emerging artist looking for exposure or an art lover eager to discover new talent, Art Interactive [AI] is your gateway to a world of creativity without boundaries. 

Learning Objective

Project 2 focused on expounding upon the mobile app and creating a responsive website that can seamlessly function across all devices.

Learner outcome

After finishing Project 2: Responsive Website, I used the skills gained from creating the mobile app in Project 1 to create a website that can be accessed via desktop/laptop/2-in-1, tablets, and mobile devices. Iterating for multiple platforms was a welcoming challenge that pushed my creativity to new heights.

Outline:

User Research: Responsive

Low Fidelity: Responsive

High Fidelity: Responsive

User Research

Empathize with users

Through conducting interviews and developing empathy maps, I gained insights into the users' needs for which I am designing. My primary user group consists of up-and-coming artists looking for increased exposure. The research highlighted the challenges faced by emerging artists, particularly students, such as scheduling conflicts with art shows and escalating gallery expenses. Furthermore, the broader art audience was interested in a more interactive digital art consumption experience and a desire to engage with inspiring artists and fellow art enthusiasts.

Competitive Audit

The competitive audit thoroughly analyzed benchmark companies and related services that could indirectly impact Art Interactive's market revenue. The audit gained insight into our competitors' features and helped create a comprehensive app that meets all the needs of the general user.

While our competitors brought value to the market, we identified some areas of opportunity:

1. Focus on what's important: creating/sharing art and building relationships while the program handles administrative tasks, saving time and ensuring security. 

2. Simple and intuitive navigation controls for seamless movement throughout the gallery, creating an immersive user experience.

3. Personalized audio tours to guide viewers through exhibitions and provide deeper insights into the creative processes, adding a storytelling element to enhance the viewer's connection to the art.

Site Map

The purpose of a site map is to provide a structured overview of a website's content and hierarchy, serving both users and search engines. For users, prioritizing navigation and planning is pivotal to overall satisfaction and ease of use. A site map offers a clear, bird' s-eye view of how the site is organized, making the structure and relationships between pages easy to understand.

Wireframes

Paper Wireframe

Digital Wireframe

Low-fidelity Prototype

After completing the digital wireframes, I created a low-fidelity prototype. I connected the main user flow from the homepage to the marketplace, mimicking the sitemap navigation.  The prototype was then used in a usability study. To view lo-fi, click here.

High-fidelity Prototype

The high-fidelity prototype elevates the user interface, making it engaging and interactive and ensuring a delightful user experience. To view the hi-fi, click here.