Which Landing Page to Use?

“The best thing to do is create a simple “Coming soon” page to notify visitors of what will eventually be there. ” -Cameron Chapman

The next step for us is to create a good landing page that is eye catchy and pleasing but informative enough to attract viewers to sign up their email. 

A good link to read (and where the quote came from): Designing “Coming Soon” Pages by Smashing Magazine.

At the same time, we wanted something different but simple enough that it can also be used when the app is out with a “download in the app store” logo. 

Callum Chapman, our UI/UX designer brainstormed with us for a while to see if we could get something stylish and that fits our app. 

The choices were:

Untitled-1-1Untitled-1-2Untitled-1-4Untitled-1-3Untitled-1-6Untitled-1

We decided to use the dark color background of a city (its actually Shanghai), we blurred it out and added glowing elements to the page. The visual elements are that if you hover your mouse over an icon, it glows, and the arrows are to show the different page previews of the app. 

So now, all we have to do is let Callum’s web developer to code it and voila! Landing Page done. 

(Few days later…)

Alright people, check it out at http://signup.citywi.se/
Let me know how you guys like it and SIGN UP! =) 

Continue Reading

The SF Photoshoot and Next Work Progress

Hello Readers,

Where are we with the app? Well we finished up designing and moved on to slicing and development. We hired some guy named Rana off odesk for cheap but as we learned after time again that…you get what you pay for. 

Tuyen, our advisor said “Its much better off hiring an A+ guy and paying a little extra then hiring a B+ guy and hoping you can coach him/her to become an A person. Its wasted time and will cost more as you will need to dump the current guy and move on to the A+ guy if you dont get lucky first time around. Its like hiring a skilled sales team, you can choose to hire few but good ones (which opens your candidate pool) or pay lower but hiring more individuals and filtering them out. Takes too much time and headache for the second option.”

Truong aka T had a hard time working with the slicer, getting his cooperation and finishing/touch ups. It seems to be a hit or miss on odesk. Sometimes you find GREAT people (like our html slicer, Phuong) and other times you find really shitty people who claimed they are the best at what they do. But when you review their work…its clear that its just a pile of shit. 

I did try my hands with photoshop to make a splash page for the app but im still a beginner as my expertise is photography. So we went to SF to snap some pics of the city to use in the app. I think i have much to learn. 

Here are some shots:

Img_6585Img_67421_
Img_6595Img_6602Img_6621Img_6698

So my expertise is in wedding photography thus i feel my other shots arent as well taken. Maybe im being too hard on myself as i always seek perfection while doing weddings but its been a while since i went off to take pictures for fun. It felt kind of good. 

Img_6612

Continue Reading

How to Create an Iphone App.

Hello!

Why am i listing the ways to create an iphone app? Because my team and i are making one! This is just my humble opinion and with words of recommendation from my advisor. 

The simple steps listed in order of importance are:

1. Design, Functionality, Market Research
2. Developement and Icon
3. Logo
4. Testing 

We started on this process about April 10 and nearing completion of the design step. Finding a good designer took a while and thanks to the help of Max, our developer, it was faster and easier. 

For us, we put a heavy emphasis on design and make sure that the core product works and as our advisor, Tuyen puts it; “Remember to keep it simple and focus on the core functionality. If you can’t get that to work, no amount of icing on top will make it better.”

Some helpful links:

1. Fonts: www.myfonts.comwe decided to go with this font (the ‘black’ version) for our logo and landing page: http://www.myfonts.com/fonts/kostic/argumentum/ $40 bucks for the font, cheap and we can get a logo in the future when we get funding (i rather pay more for the icon anyway).
2. Sounds:http://audiojungle.net/
3. We found our color palette here: http://www.colourlovers.com/ a
4. http://maniacdev.com/2011/02/tutorials-how-to-grea-looking-ios-apps-even-if-you-are-a-design-noob/ some info about designing iPhone apps, been reading that to get a clearer idea on how design should look and function. 
5. Haven’t tried this yet but i heard it was good, a privacy policy generator: https://www.iubenda.com/en  

 

 

Here’s a screenshot of the app so far. Let me know what you guys think. 

Citywise-full

 

Continue Reading