PhotoPal
An Invoicing App for Busy Photographers
I designed an app in Figma that would help busy photographpreneurs keep track of their invoices, calendar, and client communications.
​
Additionally, I designed a website for the app in AdobeXD. The website markets the app, and provides a place where customers can sign up, learn about the app, and receive customer service.
While taking a UX/UI Design course, I was assigned to think of an app and website that would solve user needs. I came up with the idea for PhotoPal while talking with my photographer friend about how difficult it was for her to keep track of her clients and their invoices.
Keeping her pain points in mind, I set about brainstorming, planning, and wireframing.
​
When designing each iteration of the app and website, I performed user research and usability studies with that photographer friend, other friends, and family. Further design tweaks were made based on the suggestions of a few UX designer friends.
​
I had such a blast designing PhotoPal, and learned so much about the UX Design process.
The Problem
Photographers have a lot on their plates. Between photoshoots and editing galleries, keeping track of billing can be tedious, time consuming, and difficult to keep organized. All of this takes time away from the part of their business that photographers truly love: beautifully capturing their subjects.
​
That's where PhotoPal comes in.
![](https://static.wixstatic.com/media/e2f206d7ee2145eaaedd2c66a8cb6c0d.jpg/v1/crop/x_734,y_0,w_3776,h_3456/fill/w_356,h_326,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/e2f206d7ee2145eaaedd2c66a8cb6c0d.jpg)
![](https://static.wixstatic.com/media/73a25320fb0f41ba89349f28d085a6a2.jpg/v1/crop/x_1258,y_182,w_3475,h_3658/fill/w_362,h_381,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/73a25320fb0f41ba89349f28d085a6a2.jpg)
The User
Photographers are BUSY. They are CREATIVE. They are PASSIONATE. They CARE about the subjects they shoot. They want to deliver beautiful photos and develop thriving businesses.
User Persona 1:
Alice is a part time photographer, full time student who needs to keep her
photography billing neat and organized because she wants to succeed in
photography while also juggling school.
​
User Persona 2
Macie is a full time photographer with a family. She wants to have a seamless billing process with little thought and effort so she can focus on her clients, and also focus on her family. She wants to spend more time on her craft and with those she loves, and less time on bookkeeping.
"My purpose is to leave people better than I found them...I hope when they look at their images, they serve as a well of joy to draw from."
​
-my photographer friend
The Solution
PhotoPal Mobile App: a one stop shop for running a photography business.
App Features:
-
save a list of photo services offered
-
save client information in a contact list
-
generate invoices in a few easy taps
-
send invoices straight to client email addresses
-
collect payment
-
keep track of shoots and invoice due dates in a calendar.
-
save invoices to drafts folder for later editing
-
send and receive messages from clients
-
view records of past invoices
![christian-wiediger-gVbOF8mdE3U-unsplash_edited.jpg](https://static.wixstatic.com/media/b72568_e0028e4bba9c484a8cd889873d42476e~mv2.jpg/v1/fill/w_340,h_320,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/christian-wiediger-gVbOF8mdE3U-unsplash_edited.jpg)
Wireframes
![unnamed-2_edited_edited.jpg](https://static.wixstatic.com/media/b72568_102ef495d3634d5e99db8f4338a2ec81~mv2.jpg/v1/fill/w_253,h_317,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/unnamed-2_edited_edited.jpg)
![unnamed_edited.jpg](https://static.wixstatic.com/media/b72568_10c44408985e42119bc989d8b8c432dd~mv2.jpg/v1/fill/w_237,h_317,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/unnamed_edited.jpg)
The first iterations of PhotoPal were clunky.
In the paper and low fidelity wireframes, there were too many functions on the same page. The UI also was not in a format that most users would easily recognize and find intuitive.
![](https://static.wixstatic.com/media/b72568_07b80c770d88453891a1b9d695a129f5~mv2.jpg/v1/fill/w_794,h_265,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/b72568_07b80c770d88453891a1b9d695a129f5~mv2.jpg)
![Screenshot 2023-05-30 at 6.35_edited.jpg](https://static.wixstatic.com/media/b72568_22f51c362c3c4199826cf37e0fa0ec8a~mv2.jpg/v1/fill/w_929,h_265,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/Screenshot%202023-05-30%20at%206_35_edited.jpg)
![Screenshot 2023-05-30 at 6.41_edited.jpg](https://static.wixstatic.com/media/b72568_a9f05cc560f84721bde196a6b83b0df5~mv2.jpg/v1/fill/w_533,h_265,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/Screenshot%202023-05-30%20at%206_41_edited.jpg)
![Screenshot 2023-05-30 at 6.42_edited.jpg](https://static.wixstatic.com/media/b72568_32a75fbc18a741da94a7ec4809919b09~mv2.jpg/v1/fill/w_393,h_265,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/Screenshot%202023-05-30%20at%206_42_edited.jpg)
![Screenshot 2023-05-30 at 6.44_edited.jpg](https://static.wixstatic.com/media/b72568_b78e1cf95cd445beb0416482b6e76f19~mv2.jpg/v1/fill/w_668,h_265,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/Screenshot%202023-05-30%20at%206_44_edited.jpg)
Mobile App Prototype
I received user feedback that some functions in the app were difficult to locate.
So, in order to create a smooth, intuitive experience,
-
I used contrasting colors and appropriate icons.
-
I included features such as the "unpaid" and "paid" bars on the homepage for users to track their compensation easily.
-
I made the "Total Due" section on the invoice form bigger, so that users can clearly see what they are charging their customers and ensure that it's correct.
The final prototype is much more clean and modern. I derived inspiration from several other bookkeeping apps for a lot of the UI and user flow.
![Screenshot 2023-06-12 at 4.25.58 PM.png](https://static.wixstatic.com/media/b72568_39687f850d1f4033955bf6a98987397c~mv2.png/v1/fill/w_716,h_485,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Screenshot%202023-06-12%20at%204_25_58%20PM.png)
![Screenshot 2023-06-12 at 4.26_edited.jpg](https://static.wixstatic.com/media/b72568_87179b78941f46caaf6c4ba96153f694~mv2.jpg/v1/fill/w_715,h_479,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/Screenshot%202023-06-12%20at%204_26_edited.jpg)
![](https://static.wixstatic.com/media/b72568_c09c86a85d8246c7bca40f4ab96e022c~mv2.png/v1/fill/w_219,h_762,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/b72568_c09c86a85d8246c7bca40f4ab96e022c~mv2.png)
![Screenshot 2023-06-12 at 4.26.57 PM.png](https://static.wixstatic.com/media/b72568_70230cdbf2804c10b382e8e3fdafb9f2~mv2.png/v1/fill/w_220,h_547,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Screenshot%202023-06-12%20at%204_26_57%20PM.png)
PhotoPal
Responsive Website
There are a lot of invoicing software options out there. Users need to easily see why and how to use PhotoPal over the competition.
​
In order for this marketing website to be successful:
-
the unique features of PhotoPal need to be easy to recognize
-
the website needs to be eye catching
-
the website needs to be easy to navigate
-
users need to be able to sign up EASILY - no barriers, few steps
-
this website needs to decrease user overwhelm
![](https://static.wixstatic.com/media/b72568_2e4eea76c08a41cab91ee032c9f73c80~mv2.jpg/v1/fill/w_491,h_461,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/b72568_2e4eea76c08a41cab91ee032c9f73c80~mv2.jpg)
The Solution
-
the features of PhotoPal are first on the homepage above the fold, using image and text blocks
-
the website uses bold contrasting colors and images
-
the menu, tasks, and calls to action are easy to spot
-
buttons to sign in and create a new account are at the top of the menu, and require only a few steps. There are also options to sign in and create an account using existing Google, Facebook, or Apple accounts.
-
information is displayed in small chunks, and tasks are simple to complete, thereby decreasing information overwhelm for users
Wireframes
The first iterations of the PhotoPal website highlight the features of the app, and make the sign-in process simple
![](https://static.wixstatic.com/media/b72568_4d54932f08884bb2a157f86348262f71~mv2.jpg/v1/fill/w_300,h_226,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/b72568_4d54932f08884bb2a157f86348262f71~mv2.jpg)
![IMG_1486_edited.jpg](https://static.wixstatic.com/media/b72568_401616b7258d4440ac718997cb7a2607~mv2.jpg/v1/fill/w_301,h_213,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/IMG_1486_edited.jpg)
![](https://static.wixstatic.com/media/b72568_ea85c6dd3cfb442d8d65c65bed7880b3~mv2.jpg/v1/fill/w_309,h_226,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/b72568_ea85c6dd3cfb442d8d65c65bed7880b3~mv2.jpg)
![](https://static.wixstatic.com/media/b72568_5764448854794e6fa9e3088857fde9b7~mv2.jpg/v1/fill/w_245,h_553,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/b72568_5764448854794e6fa9e3088857fde9b7~mv2.jpg)
![](https://static.wixstatic.com/media/b72568_a69e4df0fc5e4f04addb23192da8b384~mv2.png/v1/fill/w_289,h_330,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/b72568_a69e4df0fc5e4f04addb23192da8b384~mv2.png)
To create this final website prototype, I drew on inspiration from a few different bookkeeping websites, such as Quickbooks and Honey.
​
This website has a simple menu across, the top, highlights special app features, showcases testimonials as a marketing technique, and provides users with multiple opportunities to learn more and sign up for the app simply.
Desktop Website
![Screenshot 2023-08-28 at 11.15_edited.jpg](https://static.wixstatic.com/media/b72568_1d01aa6e5f9c4cb2a6d71a5b5051c5b9~mv2.jpg/v1/fill/w_480,h_703,al_c,q_80,enc_avif,quality_auto/Screenshot%202023-08-28%20at%2011_15_edited.jpg)
![Screenshot 2023-08-28 at 11.15_edited.jpg](https://static.wixstatic.com/media/b72568_90f9a98a0764437a8c60ed048a444ee8~mv2.jpg/v1/fill/w_477,h_898,al_c,q_85,enc_avif,quality_auto/Screenshot%202023-08-28%20at%2011_15_edited.jpg)
![Screenshot 2023-08-28 at 11.15_edited.png](https://static.wixstatic.com/media/b72568_a832f079e4714a22ac3c83c1866ebb37~mv2.png/v1/fill/w_481,h_470,al_c,q_85,enc_avif,quality_auto/Screenshot%202023-08-28%20at%2011_15_edited.png)
![Create Account.png](https://static.wixstatic.com/media/b72568_3ca99308289246e49386de3025c5b5de~mv2.png/v1/fill/w_600,h_338,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Create%20Account.png)
![Sign In.png](https://static.wixstatic.com/media/b72568_e7a7eb9d42544d189dede44c708788f3~mv2.png/v1/fill/w_600,h_338,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Sign%20In.png)
Mobile Website
![Mobile Home.png](https://static.wixstatic.com/media/b72568_e9eb07b6ac0047f59599de7c18a575d9~mv2.png/v1/fill/w_244,h_4659,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Mobile%20Home.png)
![](https://static.wixstatic.com/media/b72568_b6b874c88a154fe0b816300214c47fac~mv2.png/v1/fill/w_243,h_527,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/b72568_b6b874c88a154fe0b816300214c47fac~mv2.png)
![Carousel.png](https://static.wixstatic.com/media/b72568_de896827db65498bb868699a1da0d398~mv2.png/v1/crop/x_0,y_45,w_262,h_527/fill/w_149,h_300,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Carousel.png)
Result
I showed my final product app and website to my photographer friends, family members, and to some UX designer associates.
The general consensus was that the app and website are:
-
clean, modern, and visually appealing
-
easy to navigate
-
what to do and how to do it is easy to spot
-
there are few "barriers to entry" - meaning tasks can be completed in few steps
​​
There is a lot of room to continue to develop the PhotoPal app and its corresponding website, but thus far it seems to have accomplished the goal of creating a product for photographers that is easy to use, and helps them keep the finances of their business organized.