What do you do?
iphone app price comparison app, scan the barcode, see prices, users contribute prices to form a community of shoppers
What is your industry?
mass consumer app focusing on shoppers, female
What 3 things do you want to communicate to your audience through your app?
Style and Details
How many app screens do you need designed?
You will need to do a look for 4 screens that need to be designed and skinned. These 4 screens contain the essential graphic elements that will be reused througout the app;
1. product screen - this screen is immediately displayed once someone scans a barcode
includes the following elements
nav bar - two lines of text for the product name
nav bar button graphic
tool bar buttons - product screen - take photo and add price needs an icon as well as the text
tableview cell - prices - retailers, prices, and the picture is whether it is on sale or not
tableview cell - sectional heading
2. price screen - this screen is what happens when you click on a cell in the product screen
tool bar button - price - share, verify(confirm price), report
tableview cell - price - price, username, verification icon(whether the price is verified or not)
3. user profile - this screen when you select the user profile option on the tab bar
tab bar (oversized scan button in the middle, the other 4 icons are history, newsfeed, profile, settings)
tableview cell - userprofile stats
Please see attached movie on a custom UI control we have called the SAC.
The SAC is similar to a progress bar + twitter iphone app UI control in composing tweets
4. data input screens, we need the following
1. sectional icons for each section(3 + 3 sectionals)(1. Photo, 2.Product Name, 3. Product Category 4. Price 5. Retailer 6. Sale end date)
2. section background
3. the selected section(this is overlayed on top of 2, so some sort of transparency works best here)
4. a section that is not complete(i.e. no data entered)
Do your app designs need to be a particular size?
The current scanner button in the center of the tab bar is 67 x 66 (Retina display: 134 x 132). The camera button in the center can be set to any size, so you don't have to stick to the dimensions in the example above.
The background image is intended to fill the entire screen so design one at 320 x 480. Take note that the top and bottom parts of the background may be obscured at least part of the time with either a nav bar or a tab bar, so avoid placing non-repeating artwork there.
What mobile app styles do you like?
You are free to use any truetype fonts throughout the design.
You are free to rearrange the layouts of components or the placement of things. As such the screens shown here are an example of the components that will be displayed on screen, not a must for the layout.
important note, if you want to submit a design for our app, you MUST be familiar with the HIG from Apple.
if you break any HIG guidelines in your design, then please explain the reason why you did it.
What colors do you want to see in your mobile app design?
you may want to do something that fits a similar theme as our web at http://iphone.lobangclub.com
anything based on our logo which you can see at the above site.
What colors do you not want to see in your mobile app design?
anything that suggests to our users that we copied one our competitors
What adjectives should best describe your app design?
this is meant to be a mass consumer app, so the design should not overwhelm the user, something that is both subtle but also premium.
Do you have additional info or links you'd like to share?
see the attached pngs and mp4s for mockups of the current screens you need to do a graphical design for.
No Files Added