Spotter Website Design
Overview
Spotter is a platform inspired by the social media influence of a renowned explorer and promoter named Spotter. Known for uncovering hidden gems such as restaurants, hotels, schools, and more, Spotter’s website transforms his expertise into an interactive map-based experience. It serves as a resource for users to explore and contribute to a curated collection of places. The site merges Spotter’s personal brand with user-generated content, creating a dynamic and community-driven discovery platform.
Objectives
1. Enhance Spotter’s Brand: Translate the influencer’s personal identity into a professional and engaging web presence.
2. User-Centric Design: Create an intuitive interface that encourages exploration and contributions.
3. Interactive Map: Develop a visually appealing map as the core feature for discovering and adding spots.
4. Community Engagement: Allow users to interact by sharing their discoveries and reviewing existing spots.
Services
User Interface Design
Category
UI UX
Client
SpotterDZ
1. Home Page
• Hero Section:
• A tagline "Find the Best ( Variable Text Hotels, Restaurants, …)
• A visually engaging map as the centerpiece in the backround
• User Engagement:
• Call-to-action buttons: “Get Started” and “About”
Contact us Section:
Simple yet Efficient form to fill in order to contact the owner of this Project
User Authentication:
User has to create an account in order to use the Spotter Platform..
3. Interactive Map
• Core Feature: A map displaying:
• Spot Categories: Differentiated by color-coded pins (e.g., orange for restaurants, blue for hotels).
• Functionality:
• Zoom and filter options (category, rating, distance).
• Clickable pins displaying details, reviews, and photos.
3. Spot Pages
• Detailed pages for each location, including:
• Spotter’s review.
• User reviews and photos.
• Map location with directions.
• A “Save to Favorites” button for logged-in users.
4. User Dashboard
• Personal space for users to:
• Manage spots.
• View and edit favorite spots.
Responsive Design
The website is designed to be fully responsive, ensuring a consistent and seamless experience across all devices
Design System
