View Cart

I can't stand writing about myself, so I'm going to do this in third person. Since 2008, Jen Gordon has designed over a dozen titles for mobile devices. Jen's insights into designing for mobile have been published in Web Designer Magazine, Computer Arts Magazine (print) and Smashing Magazine. Check out her most recent iPhone Design 101 Series on MobileTUTS.

In her spare time Jen enjoys many things that have nothing to do with a computer. :)

Questions? You should follow me on Twitter here.

Become a Mobile Design Rockstar

  • Training Videos
  • 196 mobile-centric Icons
  • Files with proper specs, dimensions for all platforms

What do you get? See everything --->

Get everything you need to start designing for iPhone, iPad & Android devices today!

Creative Commons License
Mobile Design Starter Kit by Jen Gordon is licensed under a Creative Commons Attribution 3.0 Unported License.

The Mobile Design Training Kit  v1.0

Designers & Developers Love this Kit...

My company needed an app...
“My company wanted me to design a mobile app and I had no idea where to start. The kit saved me a ton of time. Thanks Jen.”

Iain B.

I had no idea where to start...
"Thanks for making it easy."

Muller C.

Customizable App Icons

Badges, Icons and Arrows

Background Textures

Buttons & Controls

Pixel-Perfect App Icons

Each of these eight icons are meticulously designed and organized. It's super simple to make any of these icons your own to drop in a logo or piece of artwork specific to your app. Each icon is retina screen ready and measures 114 x 114 pixels. Best of all, they are built using vector shape layers so resizing is a snap!

8 Unique Designs

Format:

Photoshop (.psd) file with vector shape layers

Cute and Tiny

Format:

Photoshop (.psd) file with vector shape layers

Don't settle for standard badges, icons and arrows! It's super easy to have custom designs for these fun little elements. All of these are sized for the optimal "tap-able" size for both 3.0 and retina screen resolutions.

Format:

Photoshop (.psd) file with vector shape layers

Getting the proper contrast between background images and on screen elements can be tricky. These backgrounds are designed and tested for both form and function!

Subtle & Classy

A Huge Assortment!

Format:

Photoshop (.psd) file with vector shape layers

Custom designed buttons and segmented controls are a great way to develop a theme that helps your app stand out. Each of these buttons have been sized for the optimal "tap-able size" for both 3.0 and retina screen resolutions.

A Must-Have Collection

Format:

Photoshop (.psd) file with vector shape layers

With this Kit you get the largest collection of mobile-centric icons out there. All icons are sized for both 3.0 and retina displays and built using vector shape layers. This means you don't lose any image quality when sizing up or down!

LIMITED TIME OFFER*

Essential to have in the developer toolbox
"Every iOS app developer should have this kit in his or her toolbox to make their app look professionnal and make a better first impression to the users."

JF Martin
buildingiphoneapps.com

LIMITED TIME OFFER*

.

A few of the Apps I've Designed

App Sound Effects

9 Original Sounds

Format:

.wav

Enhance your app design with the added dimension of sound. Sounds include: "Complete!" "Message Sent" "Color Paper" "Pop/Click" "Shake Up" "Shake Down" "Slide" "SMS Incoming" "SMS Outgoing".

Custom Menus

Tons of Custom Navigation Elements

Format:

Photoshop (.psd) file with vector shape layers

Custom designed buttons and segmented controls are a great way to develop a theme that helps your app stand out. Each of these buttons have been sized for the optimal "tap-able size" for both 3.0 and retina screen resolutions.

Me and my precious babies at Disney!

If you think the design kit is something friends or colleagues would find useful, join our affiliate program and get 50% of every sale credited to your Paypal account. Yup that's $48 every time you refer a sale. We have an affiliate program through E-Junkie that makes it super easy to get signed up and make some extra cash.

Click here to sign up for he Affiliate Program, it only takes a couple of minutes!

Join the Affiliate Program

Licensing

The Kit is under an Attrubution 3.0 Unported License which means you can use the files HOWEVER YOU CHOOSE - for personal or business use. NO LIMITATIONS.

With regard to attribution, all I ask is you stay in touch and let me know how the kit has been helpful for your apps!

My app needed a design overhaul...
“I launched my app with no real graphics and am finding that to stay ahead in the App Store I needed to improve the look. The kit gave me a fresh icon that really boosted the app's visibility.”

John T.

For Mighty Deals customers only.
  • Customizable App Icons
  • Templates for iPhone/4 & 5, iPad and Android
  • Badges, backgrounds, buttons and a Leather Theme

Leather Theme

for iPhone & iPad

Format:

Photoshop (.psd) file with vector shape layers

As a designer, I love seeing how other designers work, piddling through Photoshop files to see what kind of things I can learn to make my work better. Whether you're a designer looking for tips and tricks, or a developer wanting a professional skin for your app - leather theme is a great resource for both.

  • PLUS tips on finding the right developer for your project!

How-To eBook

A Step-by-Step Guide on Creating Apps

Format:

.pdf

Ever wonder what is the entire process of getting an app made? Whether you're a designer, developer or idea person, this book will help you get a handle on the process and best practices of making apps!