App Icons

Here are our icon and button style.

The first is a stand size icon in the home with other icons.

Next we have the design logo as part of the background and the title of the app name on the top which then you have two buttons to go into the app one as if you have an account already and the other as if you need to create an account.

Finally we have our standard buttons on the bottom to navigate you to settings, add card, current location and wallet, which then you notice another bar above these buttons which is your current cards that you can rotate them(slide) to choose them and view the info. 

This would be the start of our icon which is a wallet full of discount cards, and reward cards and the top on is a standard size iPhone 57x57 pixels and below it is the hi-resolution at 114x114 pixels.

App WireFrame

App WireFrame
Here is our thoughts and ideas rolled out into a wireframe for this app project.
We start with the homepage where you have two buttons one that you can enter in using a password (or if you turned it off no password required) and the second will be creating an account.


This is a basic system that you enter you info on the card and you can scan it at the cash register POS(point of sale) which will update your current balance.

App Project

Paul and Juan Mobile App Design

Digi Wallet

       Our app is called Digi Wallet. It is an application designed to store loyalty cards that are read by bar code. The purpose of this app is to organize the mass of cards, kept by so many, into a neat and easily accessible application. This will help reduce the amount of cards you need to carry and make it easy to retrieve lost card or card information. Along with helping you keep track of your cards this app will keep constant track of your savings and rewards. 

App Project

So the next project is to create an app. These ideas that I had came up with:

   1.     A e-wallet for your club cards (discount card)

a.     Reward card, discount card, club cards, and ect

b.     Reduce the cards you carry

c.      We always carry our phone to store it all on it and scan it

d.     Never lost all your rewards points due to you forgot your card

   2.     Live Coupon maker, which you scan the products you want and to locates coupons to use.

a.     Save time from search and get what you need only

b.     Instant search from direct manufactory

c.      Save money with purchases.

   3.     Custom Car app where you upload a picture of your vehicle and you can customize it’s appearance.

a.     Before painting your car you can see how it would turn out

b.     Add aftermarket wheels to compare how it would look before a purchase

c.      Use it as a selling tool if you own a paint shop

d.     Add custom decals or create decal

These are idea or creation apps that come to me for everyday use that I find can be used in everyday life.

Rough draft Logo

I redesigned the logo for the commerce project and this was a rough sketch, but we are not using it at this time. The site is www.msy.com.au

Thumbnail

Here is the thumbnails of the site.

eCommerce Project

Here is an up date on our project on commerce site which we picked www.msy.com.au due to the navigation problem and location problem. This site makes you stop and think and hard to find items and trying to find that same location is also hard.

Below should be a dropdown list but will not show up. 

Will need to update shortly.

Week 2 Reading

Week 2 Reading
Chapter 3, 4 and 5
Krug gives key points in what should be in the design of the website.Hierarchy is a key point in your design and how its used as he compares the construction of how the newspaper was formed with the headlines, contents and pictures. With good visual hierarchy it saves time, organizing and prioritizing its contents to grasp almost instantly. Page that doesn't have clear hierarchy makes user work more and slower to process.

Making it clickable is extremely important to the website for if the user can not find where to click then they are working more. The designer may know where to go on the website but does the user know, so keep it simple for the user to notice it.

We as in people don't read instruction until it's to late, we skip it, find it as useless words so beware of instructions for most will be passed over, so cut it down to bare minimum.
Happy talk is like small talk and users don't have time for small talk and want to get right to the beef. Keep the writing short and simple.
All around we design a site that should be simple to give directions on the site and not make users work to process the site.

Wire Frames

This is my design on the wireframe for my project. I design an tab system with an window that stays the same in each page.

Inspiring Web sites

http://www.tawnimartin.com/portfolio.html
http://www.vuzum.com/
http://www.alessioatzeni.com/portfolio/

Here are the Portfolio Web Site that inspiring in the way they are created and the fonts to the colors and how the design to attract your eye.

http://www.webdesignshock.com/cinemagraphs
http://content.photojojo.com/tutorials/how-to-make-cinemagraphs-photos-that-move/

I find this websites very inspiring in what can be done out there and opens my mind.

http://brandcrowd.com/
http://www.vectorstock.com/royalty-free-vectors/category/science
Here I have these sites to see shapes, colors and texture to help in creating ideas in an art form.

Week 1 Reading

Week 1 Reading - Intro, Chapter 1 and 2


The reading was very easy to follow and opens your eyes right away. Your able to understand him for he puts it in a simple term that I can imagine it right away, as for I am new in the design field which he writes the book like "gets to the point, straight and simple".


The introduction of the book gives you a clear view of the roles that are played in this field from the clients to the users. This may be a thin book but it has his view of how people use the internet and the designs of the web.


As a Designer your goal is to listen to the clients needs and at the same time understand the users also. Now it's the to build it the right way, which make me think as he wrote in the book on how we really use the internet. I never really looked at web sites as a site that is obvious or one that requires thought to "click". The awareness of the users ability never crossed my mind like that.


So we read less and scan for what catches our eyes, peaks our interest or task on hand. It seems that everything in our lives in one way or another its leads to now, now and now so we scan to cut time down. As a designer we need to catch that scan and build it in our finish product. They do say the internet is the information highway, so the web site that are built are the billboards, so we need to catch the users attention going over 60 miles per hour.


I like the part where he had notice people where putting URL in the Yahoo search box. We need to remember these are our users and think in "their" box sometimes.

MoodBoard Project

MoodBoard Project

Here is the first project for Interface Design that is a MoodBoard. The use of Helvetica text and blending options to create different shapes and looks gives me a new way to look at shapes in many different possibilities. The project was asked to make it about me for I have been in the automotive industry for over 25 years and here I am in a new chapter in my life return to school in a completely new field. I have repaired about anything out there and then began to customizing vehicles to the point it was like creating art with objects that never met to come together as like shapes, figures, images and text when you start using the many different tools within the program.