Posts with tag: development

There are 4 posts tagged with "development"

Posted by at

RideShare App: Designs.

Between client work, I’ve been toiling away on my “collaborative consumption” ride sharing application. Here are some of the interface designs I’ve created:

Search Interface
Search Interface
Ride Details
Ride Details

Since sociality is a vital aspect of the car-pooling concept, I built in a lot of the familiar functionality / semantics of social network sites like Facebook and Twitter, including group & private messaging and real-time notification. Surprisingly, it was probably this feature set, and not the geo-spatial mathematics, that turned out to be the most technically challenging part of the application. Admittedly, the question I asked myself was: “what’s the most intuitive process flow I can imagine?” not “what’s a reasonably intuitive experience, that won’t be a nightmare to implement?”. But I’m glad I was ambitious because I learned a great deal working through the adversity.

Messaging System
Messaging System

My co-founder and I, flew down to Melbourne two weeks ago to pitch the application for a spot in an venture seed-capital incubator called AngelCube. We beat out 200 other start-up applicants to make it into the 20 team pitching round, and beat out a further 10 teams to get into the final interview round. In the end however the investors passed due to Australia’s taxi law, which prohibits profiting from offering a ride without a taxi licence. This was a worry I’d had from the beginning in terms of commercialising the application. Though, I still feel that a subscription based service could be profitable. Regardless, its been a fantastic experience already, not only from the creative and technical standpoint of designing and developing the application myself, but from a business and networking standpoint as well.

Create Ride - Route
Create Ride - Route
Create Ride - Details
Create Ride - Details
Create Ride - Confirm
Create Ride - Confirm

I built the app with the Code Igniter PHP framework which has been a really positive experience. The framework itself is pretty bloat-free, the MVC architecture is very flexible and its allowed for a high degree of modularity / re-usability in the code. Besides discovering Code Igniter, I’ve learned a heck-of-alot in a whole slew of different technical arenas: the finer points of JSON, some awesome little Javascript language tricks, MySQL database schematic optimisation, all-about-GeoSpatial-math, how to push data in real-time with Socket.io / long polling and how to push Ajax further than I’d thought possible.

Posted by at

Underpar: re-design + re-build.

I’ve been working on a complete re-build and re-design for Underpar, an Australian wholesaler golf bags and buggies. It was an especially enjoyable project for the information nerd in me, since there was a large volume of product and company data that needed to categorised and organised into efficient and navigable units.

Underpar Product Search Page
Underpar Product Search Page

Since the search experience is at the heart of a product site, I put a great deal of effort into making that experience as seamless as possible, to allow a user to drill down through the large breadth of product, to get exactly what they were after.

Product Detail Page
Product Detail Page

One of the major challenges for this site was creating a menu system that allowed the full breadth of the product catalogue (now, and in the future) to be accessible and structurally clear, without cluttering the navigation interface. After much best-practice thought mulching, I went for a the so-called “mega-menu” dropdowns.

Underpar Menu System - Top Level
Top Level Navigation
Underpar Second Level Navigation
Second Level Navigation - Support Menu

I went for Expression Engine as a CMS on this project, since the site administrators were not going to be highly technologically literate, and I knew the site would quickly accrue complexity as the diversity of products got larger. This project was my first opportunity to try out David DeSandro’s excellent Isotope.js in a commercial context – whose super-smooth filtering I implemented into the product search pages. Big ups to Mr. DeSandro on that one.

The guys at Underpar are still updating the site with the latest content, but I’m hoping for a launch some time in the next week. Exciting stuff!

Posted by at

Curriculum Vitae Site Logo

I am putting the finishing touches to a CV / Professional Skills site (I’ll do an extensive blog post of all tasty design elements for the official site-live, which should hopefully be in the next few days). The concept theme behind the site is the idea of nodes and connections, and I’ve (jokingly) coined the term: “Connectionist” to describe the professional practice of connection making.

The final (cherry-on-top) design element was a logo identity. The challenge was to visually represent the Connectionist idea as well as myself. Here’s what I came up with:

DB Logo: Light on Dark
The Light on Dark Model
DB Logo: Dark on Light
The Dark on Light Model

The ‘sell’ of the Connectionist being that having a wide field of training allows someone to make connections between disparate disciplines and hence to produce creative solutions.

The design and development of this project has been (notwithstanding a few notable Jquery pains) quite a joy. The web is evolving faster than early man when he got his first set of opposable thumbs!