Research shows the number of online shoppers around the world will reach an estimated 2.14 billion by 2021 – a more than 25% increase from 1.66 billion in 2016. For eCommerce businesses, this figure is more than exciting. With so many platforms, software, and devices at your disposal, reaching and engaging with consumers has never been easier.
In a project revolving around eCommerce, the UX Design has to focus on the journey the user goes through in order to make a purchase. The faster the user can add a product to the cart and checkout, the better. But the shopping experience can be a bit overbearing sometimes, especially when given too many options to choose from.
Rise+Glide is an app personally catering experiences for those who just can't stay inside on the weekend, with three goals in mind:
1. Having a store truly catering to the USERS needs.
2. Providing a simple + intuitive navigation
3. Creating user-friendly pages that convert into purchases.
A mind map is one of the first parts of the design process. It is a graphical way to represent the ideas and concepts driving a project. It's used as a visual thinking tool that helps with structuring information, helping to better analyze, comprehend, and generate new ideas for the task at hand. With rise + glide, the focus was to give registered users the feeling of a more personalized experience catering to their needs.
The aim of this wireframe is to provide a visual understanding of this app early in the project to get the client's and project team's approval before the details in the creative phase begin. It can also be used to create an overall sense of navigation to ensure the terminology and structure used for the app meets the user's expectations. The
The logo of Rise + Glide laid the groundwork for the rest of the apps visual design elements. Keeping it simple and intuitive is one of the most important pieces of the brand's identity and gives an intentional first impression for the user.
Tools: Adobe XD, Adobe InDesign, Adobe Photoshop, and Adobe After Effects.
eCommerce apps take the shopping experience and digitalize it. To examine the user experience, I broke down the challenge into 5 parts/experiences.
1. Sign Up/Sign In (Optional)
2. Selecting your favorite Activities
3. Browsing the home page, which provides even more filters.
4. Selecting an Item and adding it to the cart.
Rise+Glide was framed revolving around a personalized eCommerce experience. The design focuses on the journey a user goes through in order to make a purchase. Allowing a user to customize their favorite activities filters items out they would normally be distracted by.
Now comes the Visual Design Part of the Apps. According to the standard user flow, the first thing a user sees upon loading is the splash screen, followed by Login or Signup depending upon the type of user.
On this page, the user will select their favorite activities. They can choose as many as they would like to help cater the search to their needs. Notice the subtle shadow appearing around the selected skiing and snowboarding icons after selected.
Now comes the Home screen, and shopping page. Here the users can find related products, search new products, check offers, check sale page, and also add products to the wish list.
When the users are on the shopping page, they can checkout categories such as skis, ski boots, accessories, etc. and can browse based on the selected categories where they can even sort the products according to the needs and also view all products.
Next comes the Product Page. Here the user is able to view the selected product, add it to their favorites, scroll through the details, select their size, and of course... add it to their cart!
Last comes the one and only Cart. The cart is completely editable. Users can change quantities, remove products, or save them for later. If a product is customizable (such as a shoe size), users can change the products parameters.
Ease of payment was also taken into consideration. Payment types such as Apple Pay and PayPal are two commonly used forms of payment users can make a transaction happen with the click of a button.
Once completed, you'll be taken to the thank you page, and your item(s) will be on its way!