UI/UX Designer for Mobile Application
Budget: ₹12,500 – ₹37,500 INR
UI/UX Design Guidelines for Mobile Application (Similar to BookMyShow)
1. Overview:
- The mobile application is designed to display events organized by different organizations.
- Events are categorized into three main categories: Today's Events, Upcoming Events, and Archived Events.
- Include a section for popular events in the current month.
- Users can filter events by arts category and departments.
- Additionally, include a category for ongoing events.
2. Visual Design:
- Maintain a clean and modern visual style throughout the application.
- Utilize a color palette that reflects the branding of the organization.
- Ensure clear and legible typography for event details and descriptions.
- Use high-quality images and icons to enhance visual appeal.
3. Navigation and Information Hierarchy:
- Implement a clear and intuitive navigation system for seamless user experience.
- Place the navigation menu at the bottom of the screen for easy access.
- Ensure that the most important sections (Today's Events, Upcoming Events, Popular Events) are prominently displayed.
- Use appropriate visual indicators (e.g., icons, labels) to differentiate between different event categories.
- Create a consistent information hierarchy, with event titles and dates being easily scannable.
4. Home Screen:
- Design an engaging home screen that showcases the latest events.
- Include a carousel or featured section for highlighting popular events.
- Present Today's Events in a visually appealing manner, emphasizing their immediacy.
- Include a search bar to allow users to search for specific events or organizations.
5. Event Listings:
- Display event listings in a grid or list format, depending on the available space.
- Include key details such as event title, date, time, location, and a brief description.
- Use eye-catching visuals (e.g., event posters or banners) to capture users' attention.
- Enable users to save or bookmark events for future reference.
6. Filters and Sorting:
- Provide intuitive filter options for users to narrow down events.
- Implement a filter for arts category, allowing users to view events specific to their interests.
- Include a department filter to enable users to find events related to their preferred departments.
- Ensure that the filters are easily accessible and adjustable.
7. Event Details:
- Create a dedicated event details screen that provides comprehensive information.
- Display event details such as event description, venue details, organizer information, and ticket prices.
- Include an option to purchase tickets or register for the event directly from the details screen.
- Incorporate social sharing options to allow users to share event details with others.
8. Ongoing Events:
- Design a separate section for ongoing events to highlight events that are currently in progress.
- Clearly indicate the duration of ongoing events and provide relevant information.
- Include a countdown timer or a progress bar to show the remaining time or progress of ongoing events.
09. Accessibility Considerations:
- Ensure that the application meets accessibility guidelines for visually impaired users.
- Include appropriate alt text for images and enable screen readers for event descriptions.
- Use color contrasts that meet accessibility standards for users with visual impairments.
- Design with scalable font sizes and consider other accessibility features such as voice control or gestures
1. Overview:
- The mobile application is designed to display events organized by different organizations.
- Events are categorized into three main categories: Today's Events, Upcoming Events, and Archived Events.
- Include a section for popular events in the current month.
- Users can filter events by arts category and departments.
- Additionally, include a category for ongoing events.
2. Visual Design:
- Maintain a clean and modern visual style throughout the application.
- Utilize a color palette that reflects the branding of the organization.
- Ensure clear and legible typography for event details and descriptions.
- Use high-quality images and icons to enhance visual appeal.
3. Navigation and Information Hierarchy:
- Implement a clear and intuitive navigation system for seamless user experience.
- Place the navigation menu at the bottom of the screen for easy access.
- Ensure that the most important sections (Today's Events, Upcoming Events, Popular Events) are prominently displayed.
- Use appropriate visual indicators (e.g., icons, labels) to differentiate between different event categories.
- Create a consistent information hierarchy, with event titles and dates being easily scannable.
4. Home Screen:
- Design an engaging home screen that showcases the latest events.
- Include a carousel or featured section for highlighting popular events.
- Present Today's Events in a visually appealing manner, emphasizing their immediacy.
- Include a search bar to allow users to search for specific events or organizations.
5. Event Listings:
- Display event listings in a grid or list format, depending on the available space.
- Include key details such as event title, date, time, location, and a brief description.
- Use eye-catching visuals (e.g., event posters or banners) to capture users' attention.
- Enable users to save or bookmark events for future reference.
6. Filters and Sorting:
- Provide intuitive filter options for users to narrow down events.
- Implement a filter for arts category, allowing users to view events specific to their interests.
- Include a department filter to enable users to find events related to their preferred departments.
- Ensure that the filters are easily accessible and adjustable.
7. Event Details:
- Create a dedicated event details screen that provides comprehensive information.
- Display event details such as event description, venue details, organizer information, and ticket prices.
- Include an option to purchase tickets or register for the event directly from the details screen.
- Incorporate social sharing options to allow users to share event details with others.
8. Ongoing Events:
- Design a separate section for ongoing events to highlight events that are currently in progress.
- Clearly indicate the duration of ongoing events and provide relevant information.
- Include a countdown timer or a progress bar to show the remaining time or progress of ongoing events.
09. Accessibility Considerations:
- Ensure that the application meets accessibility guidelines for visually impaired users.
- Include appropriate alt text for images and enable screen readers for event descriptions.
- Use color contrasts that meet accessibility standards for users with visual impairments.
- Design with scalable font sizes and consider other accessibility features such as voice control or gestures