Getting a Shopify App Logo and Banner Design on Fiverr for $42

TomShopifyLeave a Comment

This post is part of a series following my building of the Best Sellers app to help Shopify stores manage and promote best selling products. If you'd like to start at the beginning of the series, you can start here.

Shopify apps are showcased within the Shopify app store with either a logo, or banner, depending on the location within the store. As a result, the logo and banner are an important part for a Shopify app because it gives the first impression of your app to prospective buyers.

For my upcoming Best Seller Insights app, I decided to try using Fiverr for my initial logo and banner design. In this post, I outline my experiences of having a logo and banner design created on Fiverr.

What is Fiverr?

Fiverr is a website that provides a marketplace for producers (such as graphic designers) to sell services (a.k.a – gigs) to consumers. Everything on Fiverr has a starting price of $5, hence the name.

However, there are numerous upsells offered for most Fiverr gigs which typically brings the price above the $5 mark. For example, some common upsells include faster delivery time, or access to the source files for future modifications.

Finding a designer on Fiverr

Based on my previous experience of using marketplace types of sites, I’ve found it is better to seek out a designer that I like, rather than have an open call for bids. So, I first searched on Fiverr for the term logo design, and then browsed through portfolios until I found a designer I liked.

I ended up choosing Sam, based on his excellent reviews and great looking portfolio of logos: https://www.fiverr.com/xpectom

Requesting an order

Since I needed both a logo and a banner, I opted to use the Request a Custom Order gig:

request-custom-order

Here is the initial requirements I sent as part of this request:

I am building a Shopify App called “Best Seller Insights” and I need icons and banners created. See attached for some example app icons and banners.

– Colors: Something that is appealing but also stands out. I am thinking a base of Blue or Orange, with 1-2 additional colors.
– Format: .jpg, .png (whichever looks best)
– No rounded corners, no white background
– Icon should have a simple graphic that conveys “best sellers”. Perhaps a bar chart increasing from left to right, with some indication of movement. Need 120px x 120px, 60px x 60px, 16px x 16px.
– Banners should have a heading: “Best Seller Insights” (no quotes), and sub-heading: “Easily promote your store’s best-selling products”. Sizes: 680px x 300px, 310px x 100px.
– I’d like source files to modify if needed, such as changing the subheading text.

I also attached these Shopify app graphics examples.

I received a quote within 24 hours. The job would cost $42, would include editable PSD source files, and be complete within 4 days. Perfect.

Logo first attempt

Four days later, just before the project was due, I received the following logo:

best-seller-insights-icon-v1

Sam said he’d work on the banner once we settled on the logo. That part makes sense. The logo on the other hand was a far cry from what I had in mind. So I sent the following request for revision:

Hi Sam,

I think this icon is too basic and doesn’t really convey upward movement like I requested.

Could you try something more like a bar chart such as this example.

However, i’d like you to match your style on this icon.

The chart can be 3 or 4 bars. I really like the personality your icon conveys in the bar chart I linked to above. I just want it to show an increasing movement from left to right to represent increasing sales.

Lastly – can you try a Blue background instead of Orange?

Thanks!
Tom

Logo second attempt

Almost 24 hours later I hadn’t heard back yet. At this point the project was supposed to be complete based on the Fiverr timeline so I started to get nervous. I decided to just chalk this up to a failed experiment, requested to cancel the gig, and started reaching out to a designer outside of Fiverr.

However, within a few minutes of the request to cancel, Sam reached out to me and asked for one more chance and said he’d have a revision within an hour. I agreed since I figured why not give this one more chance. As promised, Sam quickly came back with this revision:

best-seller-insights-icon-v2

This one was definitely much better than the first. However, it had a fatal flaw: it looks like a trash can.

I requested the following revisions:

This is definitely looking better. However, this looks too much like a trash can. Do you think you can make these edits?

– Increase the number of bars to five. Remove the arrow entirely.
– Make the 2nd and 4th bar slight “dips” in growth. But everything is trending “up”.
– Draw midpoints on the bars with lines connecting them. Here is an example of a line on top of a bar chart, but I’d like the line to be halfway through the bar chart like this example.

Logo third attempt

Sam came back right away with this version:

best-seller-insights-icon-v3

Now we are getting somewhere. Sam cautioned me that 5 bars might not look great at the smaller size (the smallest logo size Shopify shows is 16px x 16px), and he was right. As a result, I asked for one final tweak to remove one bar:

I agree on the more bars may be too much… would you mind doing one small tweak to make it 4 bars to make them bigger.

To handle the up / down of each bar, can you change the ratio of bars so it goes:

4 8 6 10

So the first bar is 40% of the max, next is 80%, next is 60%, next is 100% (just roughly)

As you can see, I erred on the side of specificity for the bar heights.

Logo final version

Here is the final version of the Best Seller Insights logo:

best-seller-insights-icon-v4

Overall I am very happy with how this turned out.

The banner

Once the logo was finalized, Sam got to work on the banner. Here is his first attempt:

best-seller-insights-banner-v1

The banner looked really good overall. I only had a couple small complaints about it:

  • The subhead color was hard to read.
  • The chart graph at the top was a bit off; specifically the dots and possibly the height.

However, given the number of revisions Sam made on the logo, I decided to accept this banner as is and make the tweaks myself. Here is the banner after my tweaks:

best-seller-insights-banner-v2

Rather than try to redraw the graph, I decided to just hide it and insert the logo icon to the left. I also modified the subhead color, and left-aligned all the text.

Signup to be notified about future Shopify App development articles

Get Shopify App development tips and tricks straight to your inbox.

Lessons learned

Fiverr is definitely a viable place to get an initial logo and banner done for a Shopify app, or any app for that matter. I think one of the keys is choosing the right designer up front.

One of the mistakes I made was by not being specific enough with my initial request. I think attaching sample icons and linking to existing styles you like at the start may be a good idea.

One other mistake I made was to give up on this project too soon. I should have probably reached out to Sam again before canceling the job. I will definitely try to be a bit more patient on this front next time.

Overall I would call this project a success and I would definitely use Fiverr, and Sam in particular, again.

Leave a Reply

Your email address will not be published. Required fields are marked *