The site I was working on earlier this weekend is now up. View it at http://curioucity.me/. It’s a mobile app landing page for a Japanese game developer. I think I managed to get out of my typographical comfort zone and I really like how it turned out.
I was in the middle of developing ONE-R Inc.‘s corporate website when Mr Shunsuke made me look at a landing page his team was doing for a mobile application they were submitting to SXSW Interactive 2012. It was two days ago on Friday when I looked at the mockups and told him what I thought. The logo was really good but I wasn’t impressed with the site design and the pony mascot that was on it. Then he asked me to help with the design. There were only sixteen hours left before the submission deadline and the site would have to be up when the SXSW panel looks at the submission. I had to improve the pony mascot, design a site around the logo and the new mascot and code it within a really short time. And so I did.
The app combines features in Foursquare and Beluga into a real-time location-based chat utility but without the cumbersome groups (pods) structure of Beluga. You are supposed to share information, tips, deals and generally chat within the context of a locale. I haven’t seen the app and this is all I know.
The logo was already done by their designer. I thought it had great personality. The color was as bold as the heavy yet elegant script font. It was an aesthetic that somehow reminded me of chocolate and confectionery. Things like waxed paper, pinstripes, gold foil, sweet chocolate and kraft came to mind.
The original pony mascot had a look of something you might find in a little girl’s toy box of Barbie Dolls. It’s visually incoherent with the logo. Thus I had to make a new pony motif that fits the logo better.
The pony’s tail were deliberately un-ponytail-like. The flat ends matched the flat top edges of the logo’s lowercase characters. The tapered and curved tips of the pony’s mane mimicked the C’s pointed finial. The chunky body would match the heft of the script.
I’ved paired FF Roice for the headlines with Gills Sans for body text. Although Roice was designed in 2003 and Gill Sans in 1926, the contrasting shapes go well together. The mechanical form of Roice also prevented the whole look from going to far in the direction of the confectionery aesthetic.
The comic’s really cute and adds a lot of life to the page. It’s well drawn by the client’s artist and illustrates the purpose of the application very well.
For a landing page done within a day, I’m really satisfied. Curiocity will be launching in SXSW 2012 on iPhone and Android. Please look forward to it.
You should follow me on Twitter.