WE ARE PHILLY

OBJECTIVE:

We Are Philly, a non-profit organization dedicated to promoting the city of Philadelphia, approached my design agency to create an informational website that would serve as a comprehensive resource for both residents and visitors. The website aimed to showcase the city’s rich history, vibrant culture, tourist attractions, and community initiatives. The goal was to create a visually appealing and user-friendly website mockup that would effectively engage and inform the target audience.

DESIGN CHALLENGE:

The main challenge of this project was to capture the essence of Philadelphia and its unique characteristics while presenting the information in a clear and organized manner. The design needed to evoke a sense of pride and excitement about the city, encouraging users to explore its offerings and participate in local events and initiatives.

APPROACH:

Research and Analysis:

I conducted extensive research on the city of Philadelphia, including its history, landmarks, cultural events, and community initiatives. This allowed me to gain a deep understanding of the city’s identity and develop a strategic approach to the website design.

User Experience Design:

Based on my research findings, I developed a user experience (UX) strategy that focused on delivering a seamless browsing experience for visitors. I created a sitemap and wireframes to outline the website’s structure, ensuring intuitive navigation and easy access to relevant information.

Visual Design:

To capture the spirit of Philadelphia, I incorporated a vibrant and diverse color palette inspired by the city’s iconic landmarks, such as the Liberty Bell and the Philadelphia Museum of Art. High-quality imagery showcasing the city’s architecture, cultural events, and local communities were strategically placed throughout the design to enhance visual appeal and create an emotional connection with users.

Content Organization:

To ensure easy accessibility to information, I organized the content into distinct sections, such as “Our Story,” “Photos & Videos,” “Why Philly?,” “Our Neighborhood”, and “Philly Pride.” Each section was designed with clear headings and concise descriptions to provide a quick overview and encourage further exploration.

Responsive Design:

Recognizing the importance of mobile optimization, I ensured that the website design was responsive and adapted seamlessly to different screen sizes. This enabled users to access the website effortlessly from any device, enhancing their overall browsing experience.

Call-to-Action Integration:

To encourage user engagement and participation, I strategically placed call-to-action buttons throughout the website. These prompts invited users to sign up for newsletters, explore upcoming events, volunteer in community initiatives, or follow We Are Philly on social media platforms.

RESULTS:

The We Are Philly informational website mockup successfully showcased the city’s rich history, vibrant culture, and community initiatives.

The visually appealing design and intuitive navigation created an engaging browsing experience for both residents and visitors.

The website’s responsive design ensured accessibility across various devices, contributing to a wider reach and increased user engagement.

Clear content organization facilitated easy access to information, allowing users to quickly find the details they were seeking.

Integration of call-to-action buttons encouraged user participation, fostering a sense of community and promoting engagement with local initiatives.

We Are Philly expressed satisfaction with the website mockup, noting that it effectively captured the city’s essence and would serve as a valuable resource for residents and visitors alike.

CONCLUSION:

The We Are Philly website design project was a successful collaboration between my design agency and the non-profit organization. By understanding the unique characteristics of Philadelphia and its diverse offerings, I created an engaging and visually appealing website mockup that effectively promoted the city’s history, culture, and community initiatives. The responsive design, intuitive navigation, and strategic content organization ensured a seamless browsing experience, while the integration of call-to-action buttons encouraged user engagement and participation. The website mockup served as a comprehensive resource for residents and visitors, furthering We Are Philly’s mission to promote and celebrate the city of Philadelphia.