Making gallery submissions easy for designers

easy-gallery-submission-for-designers

Submitting designs to galleries has always been a hectic task for designers. Do you agree with me? This post is to give you an overview on the procedure I follow to make this easy. If you have better ideas please do contribute via the comment form below.

Requirements
1. Firefox Sorry IE users!
2. InFormEnter AddOn for firefox
3. Details about your logo/website (will explain this below)
4. Image of your logo in various dimensions (will explain this as well)

gallery-submission-firefox

I assume that you’ve already read my post – 22 Sites & Galleries to submit your logos. In this post I’ll walk you through my logo design submission process, which can be made use for CSS gallery submissions as well.

Step 1: Bookmarking the gallery forms


The first step is to bookmark all the submission forms of famous galleries. I know it’s not that easy, but trust me it will make things easy. Open a blank firefox window and then open all the logo gallery submission forms mentioned here in separate tabs. Once you’ve opened all, go to Bookmarks Menu > Bookmark All Tabs (or Shift + Cmd/Ctrl + D)

Bookmarking-using-firefox

This would open a pop-up, wherein you can add a name for the bookmark folder. Choose ‘Bookmarks Toolbar’ from the dropdown and click the “Add Bookmarks button”.
bookmark-popup
Awesome! You’ve created a ‘Bookmark folder’ for your logo submission which you can now access from your Bookmarks toolbar.
bookmarks-toolbar
Whenever you come across a new submission form you can add them to this folder.

Step 2: Prepare a list of all possible form fields

The next task is to make a list of all possible submission form fields. I’ve created one for logo design submission. If you’re the creator of the logo, the first 8 items remain same for all your logo submissions. We’ll see how to make use of this list in the next step.
————————————-
First Name
Last Name
Full Name
Email Id
Twitter Id
Designer Website Title
Designer Website URL
Designer Bio

Title/Name of the logo
Logo Punchline/tagline
Logo URL (if your logo is already online)
Description of logo
————————————-

Step 3: Using InFormEnter to fill the forms

I hope you’ve already installed this addon. If not do it right now, it’s really worth! Now you should see a blue arrow icon on the bottom right of your Firefox status bar. Click the icon and select “InFormEnter Options”.
informenter-addon
So you have the pop-up ready to enter the list of form fields mentioned above. See the image below to know how I created the list for the “Beetle Nut” logo
informenter-popup

Step 4: Prepare your images for submission

This is critical since the image dimensions accepted by each gallery varies. Here goes a list of sizes accepted by most logo galleries.
————————————-
284×130
300×180
320×260
325×260
394×197
400×400
500×247
500×300
550×338
620×340
640×360
880×440
————————————-
I usually create a folder for each logo, re-size the logos and name them based on these dimensions. But make sure the file size is low. See the images below.
logo-dimensions
This makes the form submission process easy!
logo-select

Step 5: Start Submitting… Enjoy!

Once InFormEnter is activated you would notice a blue icon near each form field. Now all you need to do is click the icon and select the entry! As simple as that!
start-submission

Do you already follow a better procedure? If so please share it here.

About Gopal Raju

Gopal Raju is a passionate designer, developer and blogger from India. He’s the founder of Convax Solutions, a web design and development agency in India. Catch up with him on dribbble, Twitter and Facebook.

20 Responses to Making gallery submissions easy for designers

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

  1. Very useful and helpful post! I really like it, thanks for your sharing!

  2. I found this article to be very interesting! Thank you for sharing this with us!

  3. wow i love this tool

  4. This is one damn good tool for Web Designer….. The Community is thriving ‘cos people like u contribute back to it….

    Tried it out ….. its fabulous…..

  5. thank’s admin. good post.

  6. Great add-on. For this i love firefox.

  7. Hi, your ideas are useful for me as a beginer for freelance web designer it is not oonly useful for me it is also useful for all the new readers. Thank you very much for this wonderful ideas.

  8. Wao.. cool post, thanks a lot, this saves lots of time ;)

  9. Thank you so much!. The add-on is so cool. Reply

  10. This is really handy, cool useful add-on Gopal. Yet another reason to love firefox! Thanks for the share! :-)

    -Deepu

  11. Thank you so much Sir. The add-on is so cool.

  12. A cool blog after so long. Keep going Gopal. Waiting to read more of your blogs.

  13. @Marco, @Rahul @Ranjith Thanks guys. Yes, Firefox rocks! and InFormEnter adds to its glory!!

  14. That’s a pretty neat extension – never seen it before. Thanks for the share, I might want to check it out later, could come in pretty handy!

  15. Thats a wonderful Firefox addon. That’s why I love Firefox so much. Its pretty useful for designers as it will save lots of time. Thanks for the post :)

  16. A Pure productive breed of a post :)
    informenter can turn out to be a great time saver for designers, for the other mundane tasks as well.
    Good one … keep rocking Gopal :)
    (PS. I love the comment form of yours)