Project Overview
Gateway 737 offers an elevated student living experience designed for University of South Carolina students. Combining high-end amenities, modern convenience, and a strong sense of community, this property is tailored to complement the active student lifestyle. Located in a vibrant and walkable area, Gateway 737 provides easy access to USC classes, popular restaurants, and retail options while offering premium spaces for relaxation, socialization, and fun.
I designed a fully custom website and developed the UI/UX to showcase Gateway 737’s luxury student living experience, capturing the vibrant energy and comfort that defines the property. The site highlights all the essential information for prospective tenants while providing a seamless and intuitive user journey.
Scope of Work
Full Custom Website Design
UI/UX Design
Page Designs: About, Amenities, Gallery, Floor Plans (Entrata integration), Location (Google Maps integration), and Contact
Challenges
Showcasing a Multifaceted Lifestyle:
Balancing the energetic social vibe with relaxation aspects of Gateway 737 required a thoughtful approach to design and content organization.
Entrata Integration:
Seamlessly incorporating Entrata for floor plans and pricing required careful collaboration to ensure smooth functionality and alignment with the overall site design.
Appealing to a Diverse Audience:
The site needed to resonate with both students and their parents, combining youthful energy with professional polish to cater to both demographics.
Creating an Engaging Experience:
Incorporating animations and design elements that enhance user experience without overwhelming or slowing down navigation was a key focus.
Design Solutions
Brand Aesthetic:
The website’s design captures the balance of energy and relaxation that defines the Gateway 737 lifestyle. A bold and modern color palette, paired with dynamic imagery and sleek typography, sets the tone for a luxurious yet approachable student housing experience.
UI/UX Design Philosophy:
Designed with students in mind, the site ensures smooth navigation and user-friendly functionality. Key UX strategies include:
Linear Navigation Flow: Clean and intuitive navigation directs users effortlessly from one section to another, guiding them toward key conversion points like viewing floor plans or contacting the team.
Interactive Animations: Subtle animations and transitions create a dynamic, engaging experience without overwhelming the user.
Mobile-Optimized Design: The site is fully responsive, ensuring a seamless experience across all devices.
Pages and Features:
Home Page:
A bold hero section introduces Gateway 737’s tagline: “Live your best life at Gateway 737 — your gateway to student living.” High-quality imagery and quick links to key sections (Amenities, Floor Plans, and Contact) provide a strong first impression.
About Page:
Introduces Gateway 737’s unique blend of student-focused convenience and luxury living, highlighting the location, lifestyle, and amenities. Key call-to-action buttons encourage users to explore more.
Amenities Page:
A vibrant, visually rich page showcasing premium amenities such as the rooftop lounge, pool area, game room, and on-site cafe. A dynamic layout uses icons and images to make information easy to digest.
Gallery Page:
Features a carousel of high-resolution imagery, offering users a virtual peek into the property’s interiors, amenities, and vibrant community.
Floor Plans Page (Entrata Integration):
Fully integrated with Entrata, this page allows users to view available floor plans, check pricing, and explore unit details. A clean, user-friendly layout ensures students can easily find the perfect fit.
Location Page (Google Maps Integration):
Interactive Google Maps highlights Gateway 737’s central location, showcasing nearby USC buildings, dining options, and entertainment hubs. A proximity guide provides added context for potential residents.
FAQ Page:
A well-structured page addressing commonly asked questions
Organized with collapsible sections for each question, ensuring easy navigation and readability.
Contact Page:
A simple and accessible form allows users to reach out with inquiries. Contact details with location and hours to encourage reaching out.
Results
The Gateway 737 website effectively captures the brand’s luxury student living experience while offering seamless functionality for prospective tenants. Key outcomes include:
Enhanced User Engagement: Interactive animations and smooth navigation keep users engaged while exploring the site.
Improved Functionality: Entrata and Google Maps integrations provide critical features for users to explore floor plans and understand the property’s location.
Strong Visual Identity: A bold, modern design that aligns with Gateway 737’s brand and resonates with the target audience.
Streamlined Inquiry Process: An accessible Contact page ensures prospective tenants can easily reach out, increasing conversion potential.
What I Loved About This Project
Designing the Gateway 737 website was an exciting challenge that allowed me to bring energy, functionality, and luxury into one cohesive design. I particularly enjoyed addressing the challenge of designing for a diverse audience of students and their parents while maintaining a fresh, modern aesthetic. Incorporating integrations like Entrata and Google Maps while ensuring a visually cohesive experience was both rewarding and fun.