MicroCRM App Behind the Scences

18/02/2010

In a slight change of pace, I’d like to post some of the behind the scenes with my latest App MicroCRM. Its now available on the app store!

One of the most interesting aspects of app design is the UI Design Progression, so I have shared by initial sketches, photoshop mockups and final comparisons.

UI Design – by Hand



UI Concept in Photoshop (vs Finals)


An improvement for my next app I am going to use mockapp.com, they provide a fantastic keynote/powerpoint template set to use.

 

Graphics Development

This shows the progression of a couple key graphics, from my photoshop drafts to final production. (Before on the left, after on the right).





As far as UI/graphics go, thats about it! I have a number of related posts which all contain actual MicroCRM code and resources.

 

Function Planning

Among many random ideas, which added theirselves to todo lists or the above notebook, the initial planning i wrote up contained the info I wanted for each Lead/Job/Invoice. This is what I have dug up.

 

Leads Current Jobs Invoices
  • Client Name
  • Date Met
  • Company
  • Value
  • Notes (email, phone, wants needs)
  • Client Name
  • Job ID / Client ID (required)
  • Date Started
  • Company
  • Value (in $)
  • Notes
  • Client Name
  • Job ID/Invoice ID (required)
  • Date Sent
  • Company
  • Value
  • Notes

Code Snippets

Much of the final codebase consists of community support through StackOverflow and Internet Searches.

StackOverflow is an amazing resource (if used correctly) and often is only solution orrientated as opposed to many forums.

Code I found from Google that I have used:

View Comments

iPhone UI – Best UI Elements I have seen

10/02/2010

This post is also a deviation from the norm, an ever updating page of iPhone/iPad OS elements that I really like.


View Comments