Project Overview

My team conceived Errandly as part of a mobile app development competition sponsored by Capital One, where the challenge was to build an app from scratch over a 15 week period (6 sprints).
‍
Errandly simplifies the lives of busy college students by providing a marketplace for students to post and fulfill errands. Whether you need someone to help you move into your dorm, petsit your cat over winter break, or help with any other task, Errandly connects you with trusted peers who are ready to assist.

My Contributions

I took on various hats in the design and development of our app. I was primarily responsible for designing the UX/UI flow, visual identity, and branding.

I also contributed to the code development of Errandly's features in SwiftUI, polishing the views and logic, and I designed various marketing artifacts: a cel-animated commercial (see above video) and brand poster (see at the end of case study) conveying our application features.

Post Errand Requests

Users can describe what they need to get done by posting a new errand to the marketplace. They are able to share extra details or requirements, mark a preferred date that the errand needs to be finished by, and offer transactions for your errand runner.

To help other students find their errand request, users also have the option of adding their location and/or subject tags to their post.

Run Errands for Other Students

Get compensated for lending a helping hand. In the marketplace, users can find various errands from local students, and view errand details to pick up errands that match your schedule and resources.

Sort and Filter Errands

Search, filter, and sort for available errands. Users can order by time and due date, or look for specific errands based on title or tags.

Users can also sort errands by the distance the errands are away from them, simply by optionally enabling the app to use their iPhone location.

Other Features Include:

Secure Payments through Apple Pay

A simple and efficient transaction system for users to receive compensation for helping with an errand, or to pay an errand runner through Apple Pay.

Message Users with iMessage Redirection

Connect with other students through text. User can find those who are ready to assist or seeking help, and stay connected throughout the process.

Customize Profile & Check Errand Histories

Log in with your Google account and keep track of your history: which errands you’ve posted and picked up, which are in progress or complete.

1. Problem Space

For college students, it can be difficult adjusting to and balancing adulting and college. This graphic shows the details of our problem space and the interviews we did with real students.

2. Market Research

3. Wireframing, Prototyping, and APIs

A live prototype of our wireframes can be found here.

With these insights, we developed hi-fi wireframes:

Using these wireframes, we:
‍
1. Built an interactive prototype which you can explore here.
2. Tested users on the prototype
3. Tested our information flow with our APIs, which we then set up in Firebase and Apple.

We also explored smaller changes to our app's visual identity, and UI indications to personalize the app experience. For example, after exploring ways to visually differentiate the errand tags without making the tags too distracting, we chose to implement our tag system with emojis in the real application.

4. Developing the App

In the first version of our app, we focused on developing our main features, and making sure users would be able to login with their Google account, post an errand to the marketplace, view other users as well as errands details, and other simple CRUD features like editing their profile or deleting an errand.

App assets (such as the icon, logo, and launch page shown below) were imported in app during our development of version 2, where we polished our application to completion.

During our transition period between app version 1 and 2, we conducted user tests on the first version to refine the features we added next. For one, we found that our app was very slow and laggy when deployed on real phones, so we knew to focus on improving the performance of our app and refactoring our code.

On version 2 of our app, we integrated our API work: users could now get their current location using CoreLocation, message other users in iMessage with an external redirection, and pay errand runners with Apple Pay. We also included more nice-to-have features such as an onboarding tutorial for new users, debugged various visual inconsistencies that our user testers found from version 1, and guaranteed users could have more immediate feedback when pressing buttons and navigating through our app.

Our development documentation for Errandly is found here.

5. Reflections

⛳ Agile project-making

This was my first time developing within the mindset and scope of an iOS mobile app, so building Errandly from idea to conception was a new and exciting avenue for me. Using agile methodology and working in sprints and clear timelines helped my team so much in organizing our time.

💻 Practiced full-stack development

Before this project, I was unconfident in my programming, and thought it might be better for me to stick to designing. However, in building out our app with Swift, I learned how to problem-solve and debug when encountering issues, and ultimately deliver interfaces of enough quality so that we could submit Errandly to the Apple App Store. I now understand firsthand the designer vs. developer memes that are created, and I can appreciate the work of both roles much better.

🤹 Cross-functional teamwork is rewarding

I was also reminded of the fruitfulness of working in a diverse group; I believe my team was able to really come together and we could leverage all of our differing backgrounds (with teammates who had more CS-heavy or PM-heavy skills) in a way that balanced our strengths together very well.

Errandly

Errandly is a mobile marketplace for college students to post and fulfill daily errands with their peers.

Project Overview

Other Features Include:

Secure Payments through Apple Pay

Message Users with iMessage Redirection

Customize Profile & Check Errand Histories

1.

2.

3.

4.

5.