Shyp

We make shipping easy.
Project Overview
Shyp is an intuitive application which works by helping users process their shipping in several ways. from finding the best shipping rates to printing labels straight from the app. This app is specifically tailored to those who would like their packages picked up and delivered either from the comfort of their home or office.
Purpose and Context
This app has been created due to the growing demand of online shopping and package delivery due to COVID 19. If we look at the short-term impact, the pandemic has adversely affected companies and wreaked havoc across a lot of industries. However, it has also led to an awareness of the benefits of having a smartphone and availing these on-demand services that they never or barely did in the past. Since then, many companies have been currently seeking to become end-to-end solution providers and are starting to offer last-mile services, delivering parcels right to customers' doorsteps.
Objective
The foremost aim of the shipping app is to establish a business. The app connects the customers with the shipping companies by directly placing the order on the app. The shipping app purposes to show the estimated time of the arrival of the dispatched item from the customer's home/office to the delivery address. Moreover, recognizing the app's target audience (22-50 yrs) in most cases is necessary as these age groups have started to prefer staying at home and purchasing online orders.
Challenge
Everybody loves to be reassured, and adding live GPS tracking to your on-demand services app can be very reassuring for your customers. The main challenge would be to add this feature in a user-friendly interface. This way, the customer can be linked to the services personnel that they are expecting. Even if they wish to change the time or date for the services, they can easily do that.
My Contributions
I was the sole creator of this app.
Timeline
November - December 2020
Tools
Sketch app, Invision, Balsamiq, Usabiity Hub

Approach

This project follows the Fundamental Design Thinking Process. This was the guide I decided to use to create the idea of our shipping app and making it tangible.

Retrospective

What went well?

Designing for Native Platforms.

This stage of the design process brought the visual design of Shyp to a full complete prototype. By taking notes on the iOS Human Interface guidelines, I was able to optimise the app's visual design within the iOS guidelines.

Skills: UI, Sketch App, Native Platform design.
Process: Referencing iOS Human Interface guidelines.
Skill gap: Ample prior knowledge of iOS Human Interface guidelines.

What didn't go well?

Referencing iOS guidelines.

Making the transition from low-fidelity to mid-fidelity wireframes was quite a challenge for me as I wanted my mid-fidelity wireframes to adhere to iOS guidelines. Thus research on the structural design and design trends did take some time all the while making sure the designs adhered to the iOS Human Interface guidelines.

Skills: UI, Sketc, Balsamiq
Process: Using Balsamiq and Sketch to create the wireframes.
Skill gap: Sketch, visual design guidelines
Solution: Further research and study on how to creatively incorporate iOS guidelines with ease by taking notes from tutorials and online guides.

What could be improved?

Designing for Desktops and Tablets.

This project's goal was designing for mobile. However, more could be done in terms of responsive designing. Since desktop and tablet design do entail a different focus in terms of user function, needs and pain points, further research and UI Desktop and Tablet design and use of grids could be done to create Desktop and Tablet wireframes that show the responsive design all the while following our Mobile-First Strategy. Having these two designs as part of the Shyp app would bring our app into full circle and would enable our users to make the most of our shipping app.

How did the original objective compare with the final results?

I originally set out to create a shipping app where users could place an order from the comfort of their home or office and have it delivered to the shipping address. In addition, the app's design was geared towards users within the 20-50 years age gap. Thus I feel very confident that the Shyp app's design successfully meets the criteria of our objective. In addition, the final prototype does allow the user a very intuitive and user-friendly experience. Addition of features such as the live GPS tracking based on user-research not only enhances user engagement ( thanks to its minimal design and quick visual of where your shipments are) with the app but at the same time builds customer trust with our mobile App.

What could I plan to improve on in the second iteration?

So far, I am satisfied with how the app turned out. But even then, I think more features could be added to the app. For example, instead of just limiting our focus on local shipping, adding global shipping would really open our app 's doors to bigger businesses.

Iterations

Low Fidelity wireframes

Mid-Fidelity wireframes

High-Fidelity wireframes

Prototype

Play the Prototype