Splash Page - Redesign

The passenger application splash page was updated to clearly convey that the user is signing up/signing into a ride-share service.

The initial page lacks adequate details for new users regarding the nature of the service. Currently, Alto only operates in major urban areas. According to user testers, the background of the splash page does not align with the target audience. Therefore, the splash page requires visual improvements to provide users with an accurate representation of the Alto Ride-Share Service.

Main UX/UI Designer, user research and testing, mocking up and prototyping.

In psychology, can be understood as the act of subconsciously making a person behave in a way you want. Basically, in the context of UX, it means designing user experience in such a way that it helps the users to complete actions you wish them to take. Note that priming isn't about telling people what to do.

A splash screen is an introductory screen that users see when they launch your app. It builds your brand identity and it keeps users occupied while your app loads in the background.

Wireframing a new splash page is an essential step in the web design process. It involves creating a visual blueprint or outline of your page's layout, structure, and key elements before moving on to the actual design phase. Here's an explanation of how you can approach wireframing a new splash page:

1. Define Your Purpose and Goals: Start by clarifying the purpose of your splash page and your goals. Are you trying to capture email sign-ups, promote a product, or simply convey a brand message? Understanding your objectives will guide your design choices.
   
2. Content Hierarchy: Determine what content elements are most important for your splash page. Typically, a splash page should have a clear and concise headline, a compelling call-to-action (CTA), and possibly a brief description or value proposition.
3. Layout and Structure: Begin sketching the layout of your splash page. Consider where you want to place the headline, CTA button, images, and any other elements. Keep it clean and uncluttered to ensure a focused user experience.
4. Navigation and Links: Decide if your splash page will have any navigation options or links. In many cases, splash pages are minimalistic and only have a single CTA button. However, if you need additional links, plan their placement and design.
5. Typography and Fonts: Choose appropriate typography for your text elements. Consider font size, style, and hierarchy to make your content easy to read and visually appealing.
6. Images and Graphics: Determine what images or graphics you want to include. This might be a background image, a product image, or a logo. Ensure that these elements align with your brand and message.
7. Color Scheme: Select a color scheme that resonates with your brand and sets the right mood. Ensure good contrast between text and background colors for readability.
8. Whitespace and Balance: Pay attention to the use of whitespace. A well-balanced layout with appropriate spacing can enhance the overall aesthetics and readability of your page.
9. Testing and Feedback: Once you've created your initial wireframe, it's a good idea to get feedback from colleagues or potential users. They can provide valuable insights and suggestions for improvement.
10. Iterate and Refine: Based on the feedback received, iterate on your wireframe. Make necessary adjustments to improve the user experience and align with your goals.
11. Documentation: Finally, document your wireframe with notes and annotations to explain the functionality of various elements to developers or designers who will work on the actual implementation.

Remember that wireframing is a crucial step in the design process, as it helps you visualize your splash page concept, test its usability, and ensure it aligns with your goals before investing time and resources in full design and development.

UX prototyping means not only designing individual pages/screens of a product from a usability point of view but also drawing up a business strategy.