Problem

You really like certain apples from a certain farmers’ market in Washington state but you live in Montana. Too bad you didn’t know someone traveling from Washington to Montana that could grab you that bag of apples because they are coming that way anyway. The person traveling through your city in Montana could drop off your apples and make a bit of money to offset their gas prices.  This sort of thing happens right now on Craigslist. What if this piece of craigslist could be broken off into its own thing and insurance and a rating system could keep everything on the up and up?

MY ROLE

CO-FOUNDER | UI/UX DESIGN | GRAPHIC DESIGN

TOOLS

WIREFRAME: SKETCH

MOCK-UP: SKETCH

PROTOTYPE: ADOBE XD

TIMELINE

01/2021 – 04/2021

Solution

There is an untapped network of delivery personnel ready to transport items you need to be moved. DropTrip is a social shipping network. Think of it as Lyft meets FedEx. It’s meant to help travelers offset driving costs by renting out spare space in their vehicles. A DropTrip is any item that can occupy the space you have available, whether you need a ride for yourself or just your precious cargo chances are DropTrip has someone going that way. We offer a quality app where you can see items that need to be taken and offer to take them, shippers have posted their items, set a timeline, and make an initial offer they want to pay, travelers can also make a counteroffer. Once an agreement has been made you can see your item every step along the way. Travelers get to offset gas prices by offering to carry your cargo and give it a more personal touch than the traditional services.

Style Guide

Every project starts with a style guide so that the vision of the project never strays far from its source, when and if you have a feeling it does you check back with your style guide. I wanted something reminiscent of the adventure of being on a road trip, after all, that is how we are branding Droptrip, we are selling the adventure of road tripping. With that in mind, I created the logo which is a cross between a steering wheel and a location icon. The following is the style guide I created for DropTrip. I went with orange as it’s reminiscent of the sunset of the perfect road trip. We chose the typography to be bold yet remind people that we are responsible, after all, they are entrusting us with their precious items.

Competitor Analysis

The best way to stay competitive in the market is to understand your competition, what makes them special, and what their weaknesses are. First off lets get the big ones out of the way, you know the ones we have all heard of.

  1. USPS
  2. FedEx
  3. UPS

The thing that sets DropTrip apart from these guys is that they are big, they are slow, and they can’t enact change in their business models because they are all large corporations.

DropTrips are a much faster option because they are point-to-point direct deliveries. Where these guys have to ship things to a central hub that might have your product shipped halfway across the country DropTrip is a much greener option because of the fuel saved by not having to backtrack from a central hub. There is also the fact that you have one person taking care of your items so you get a more personal touch. With the geolocation features of your smartphone app, you always know where your package is without a scan having to take place.

Now there are some smaller Direct competitors to DropTrip.

  1. Roadie
  2. Nimber
  3. Postmates

Two of these three are popular for their regions but have not broken out of their perspective regions. Roadie is pretty big in the Atlanta Georgia area but has yet to break out much further than that, their pricing structuring hits people with large enough fees just from roadie alone makes it hard for their travelers to stay competitive and break a profit. Nimber is very much in the same situation except they are in the European market and have yet to break out of the EU. Lastly, there is Postmates which I would say is the best known of the three but they focus on local deliveries whereas DropTrips’ bread and butter are those larger trips that happen from city to city and state to state.

Ideation

This is the sticky note portion of my design cycle, it is a very early version of wireframing, the goal of this is to brain dump all of the screens I think I’ll need so that when I hit the wireframe stage I already have an idea of what is needed. This stage can also happen with the client, make them a part of the process during the kick-off meeting if they are available. I like to do this for two reasons, reason one is that they feel like a part of the creation of their project, and reason two is so that you know where their head is at and expectations can be set and met early on.

Wireframes

Wireframing gives users, clients, and development teams an opportunity to visualize how the product will come together and make any changes before serious work is put into the product. Working off of the sticky notes created earlier and taking all of the research done so far in the process I created the welcome screen, the three-screen overview, and the sign-up screens.

After looking through multiple options of welcome screens and chatting it over with my user groups I decided that a one-page logo welcome screen was the best way to go. I proceeded to look through options for overview screens and industry standards dictate that you not bog people down with too many overview screens (ultimately this is your elevator pitch to your customer about the experience of the app).

Lastly, there were the sign-up screens, we want to gather as much information as possible on these screens. We gather first names, last names, phone, and emails. We gathered phone on the previous steps and verified it, we just wanted to give them a last chance step to see if anything was wrong and change it.

This second set of screens consists of the main feed, item detail, successful booking, profile, and settings. A lot of this represents screens and features that I felt made sense until I was working on the high fidelity mockups and realized some things needed to be included, such as the chat system. I decided that the floating navigation with better development put towards making it look and feel better by updating the icons and making the navigation names a bit less generic.

User Persona

There are two basic persona for this app, a shipper and a traveler. My persona descriptions and persona screens will be forthcoming.

Results

I started out conceptualizing the home screen, I wanted the items for carrying to be right up front and center so I made a home screen with big scrollable tiles, on these tiles I included where the item needs to go and a price offered for carrying. Then I built out a user profile where shippers could rate their travelers to build out a trust profile so that shippers could get a better picture of the person they are sending their valuables with. The shippers need to get paid so I built out screens that provided feedback as to how much money they have made and a place for shippers to store their card information.

I’ve recently been in contact with the guy who was our CEO when we worked on this idea, he gave me the blessing to revive this project as I saw fit. I plan on making a working version of DropTrip when I have some extra time.

Final Screens

Demo

This is a quick minute-long walkthrough demo video I animated with the use of Adobe XD. With this demo, I am able to hand off to the developers all of my designs and all of their interactions such as how each screen fades out to the next one, what a pop-up looks like placement of all assets ETC.

Other Projects

UI/UX | WORDPRESS | GRAPHIC DESIGN | HTML/CSS

Let’s Work Together

TELL ME MORE ABOUT YOUR PROJECT