Web Design | Graphic Design | Web Development

Posts Tagged ‘apps’

pdx Bingo

Posted on: October 8th, 2012 by Scott JH No Comments

I’ve got a new project brewing and it has been a fun one. I decided I need to start making things. That’s really the key to creativity and getting attention.

Just. Start. Making. Things.

I draw. I write. I code.

These are the things I do. So, I decided to build something no one needed or wanted (except me) and put it out there to see see if maybe someone did want it after all.

Enter pdxBingo

The idea is very simple and, perhaps, obvious. In fact, it has been done, just not as a web app. The idea is a bingo game where the object is to spot classic “Portland” characters while you’re out and about. Specifically, while you’re at a bar or Saturday Market. Portland, OR (where I reside) is filled with all manner of eccentric people. You may be familiar with IFC’s show Portlandia, which pokes fun at the eccentricities of Portland’s residents. The show is so dead on that it is sometimes painful to watch. The point being that Portland has a very particular character and it’s denizens often exhibit very particular affectations. They smoke American Spirits. They drink PBR. They are very passionately devoted to their second-to-last place MLS team (this one is TOTALLY me). Many where these. And above all else, the people of Portland are absolutely aware that they are weird and PROUD of it.

So, have fun with this. There will be more updates to come. Works on your smart phone or iPad. Send feedback.

App in progress: Exquisite Corpse

Posted on: August 13th, 2012 by Scott JH 1 Comment

I want to build an app that lets people play a game called Exquisiste Corpse. This was a wonderful game created by the Dadas in the early 20th century. The essential concept is that each participant adds to a drawing or poem that they can only see on line or section of. In my case, I would like users to be able to see one previous line, contribute the next line, and then eventually be able to see the completed poem. This is all for the sake of fun and I was surprised to find that no one had created something like this.

In this post, I want to take you through the steps I’m using to create this app. So far, I only have the front end completed. I’m polishing my back-end programming skills to eventually get this up and running.

First Step: Mockflow

I was introduced to this service by one of my professors and I think it’s a really great tool. There are lots of wire frame apps out there, but I like mockflow because it limits you to information architecture only. Having limitations often really spurs your creativity. Mockflow also gives you the ability to easily share you mock-ups with clients. Exported PDFs have functioning links. Now you even have the option of exporting a wire-frame as HTML5 to help get the design and development moving along more quickly.

Here is a concept wire-frame for the app:

Next Step: HTML and CSS

Normally, I would create a mock up in Photoshop, but I decided to head right to the text editor this time. Why? Well, since the interface was so simple there wasn’t a lot to figure out. Most of the work has been done in Mockflow. I am pleased with it so far. The paper textured background came from Subtle Patterns which is a great resource for backgrounds. The fonts are from Google’s web font service, which I am loving. I built this all on top of the HTML5 boilerplate. My hope is to get this working so that people can play with it and create strange spontaneous poetry. Below is a screen shot and a link to the demo version. Enjoy!

Demo Version