-
Broken Line Design -
MIT Climbing Gym -
MIT Climbing Gym - Mobile site -
Drew Lambert Designs -
MITOC Gear Manager
Broken Line Design
http://www.brokenlinedesign.com/The owners of Broken Line Design commissioned me to build a website for their furniture design company.
They didn't want a traditional website, so I used their logo as the design basis and came up with a unique quadrant navigation concept. Each section of the website has its own corner and the user can navigate between the four sections.
){kind=link}
){kind=link}
I included a gallery that showcases BLD designs and provides descriptions for potential clients.
){kind=link}
Javascript (Mootools), HTML, CSS, PHP, Adobe (Illustrator, Photoshop)
MIT Climbing Gym
http://scripts.mit.edu/~mitoc/wall/I am an active climber and spend a lot of time at the MIT climbing gym. The gym's old website needed an overhaul, so I decided to rebuild the website from scratch as a side project.
The primary purpose of the site is to display the gym's upcoming and past hours of operation. A staff member logs in and is able to post hours of when they will be at the wall. The hours are shown in a timeline view that clearly shows when the wall is open and for how long. The view is especially clear when there are multiple overlapping hours.
){kind=link}
){kind=link}
){kind=link}
Javascript (Mootools), HTML, CSS, PHP, MySQL, Adobe Illustrator
I got an Android phone in February and immediately realized that the MIT climbing gym website would benefit from a mobile site.
In order to simplify the view on a mobile device but still maintain continuity for the user, The upcoming hours are presented the same as the past hours on the regular site. The view combines overlapping hours into one block for readability, which is subtle but visually intuitive.
){kind=link}
There is a mobile friendly page for most of the full website, including the about page with links to walking directions and a full searchable staff list that lets mobile users easily find the phone numbers of staff.
){kind=link}
){kind=link}
){kind=link}
Staff can also add hours with a unique time picker widget, that I designed, that is easy to use on a mobile device.
){kind=link}
Javascript (Mootools), HTML, CSS, PHP, MySQL, Adobe Illustrator
Drew Lambert Designs
http://www.drewlambertdesigns.comMy brother builds furniture and he needed a website to showcase and sell his work.
){kind=link}
The site has a gallery that presents all of the projects Drew has created. Potential clients can click a project to view photos and details about that piece of furniture.
){kind=link}
){kind=link}
I built the gallery leveraging modular code that I had already written for Broken Line Design.
To build the site, I used CakePHP, a PHP MVC framework, similar to Ruby on Rails, that allows fast and flexible web application development.
PHP (CakePHP), Javascript (Mootools), HTML, CSS, MySQL, Adobe Photoshop
MITOC Gear Manager
The MIT Outing Club has hundreds of gear items that can be rented by MITOC members.
){kind=link}
As freelance work, I create a database and interface to keep track of these gear items and the people who rent them. The users of this system are the deskworkers of MITOC.
To easily sift through the hundreds of gear items, I implemented a search system that filters by name, id, descriptions, etc, while the user types.
){kind=link}
When a person returns their gear, the system automatically tallies how much money is owed from the rentals, purchases, and membership fees, etc. This allows the deskworker to very efficiently complete each transaction and move on to the next renter.
){kind=link}
Javascript (Mootools), HTML, CSS, PHP, Adobe Illustrator