E-Commerce Web Development
Bombsheller Retail StoreNot your typical e-commerce storefront for an online clothing retailer that breaks the mold
From (almost) the jump, I was Bombsheller's guide in creating a smooth shopping experience. This was no easy task— Bombsheller's on-demand manufacturing system meant they could, and did, carry hundreds of products, with thousands of variants all told. A whole variety of strategies were needed to keep things small and digestible enough. A better search (Shopify's basic search wouldn't cut it), filters, lookbooks and fun little things like a random product easter egg all made the store more easily traversable and fun to explore.
3D Product Viewer
Many of Bombsheller's clothing designs were sourced from artists, and Bombsheller provided templates that gave them a lot of control over how a design looked. Because of that, there were quite a few designs that looked best when you could see it from all angles. To address that issue, I created a 3D product viewer with WebGL so that customers could get a good idea of how the design looked when you wore it. See that product viewer in action in the design preview tool, Artemix
Interaction Design for Hampshire College
Contextualizing TheHubHampshire's academic portal was dire, us students decided to redesign it
From 2010 to 2012, a group of students and I worked on a project to revamp the school's web portal, dubbed "TheHub". Students, faculty, and staff used TheHub for most, if not all, crucial academic transactions, such as signing up for classes, writing and receiving grades or evaluations, and finishing the various stages, called "Divisions", of the academic program. This system had been paper forms until it was transitioned online in the 90s. This transition was not a graceful one. The result was that the forms lived on the TheHub as a bewildering collection of links that had little logic to it. Hampshire's program could be confusing even without the lack of organization on TheHub, as it was it was a recipe for missed deadlines and miscommuncation. This was the situation I and several other students faced when we decided to fix it, to help future students move with more confidence through the academic system. With the support of faculty from the School of Cognitive Science, we began work on it in 2010, work I continued after I graduated.
The most pressing issue was the lack of context. Our design process started with bringing all of the disparate forms together and organizing them by Division and adding copy surrounding them that explained their place in that Division. From there we tackled evaluation and grade views for both students and faculty, and complex forms like those for making faculty committees official. We designed and built each view to contextualize procedures with its page structure and copy, as well as its place in the larger web portal as a whole. Where we could, we aggregated data to create overviews.
I'm very proud of all the work we did as students, and what I accomplished carrying on this mission later. As a team member on this project I provided wireframes, research, conducted interviews with students and faculty, and coded on both the frontend and backend.
The Faculty FinderBringing students and faculty together
With TheHub redesign underway, I decided to help students answer another common question: who should I work with? Every Division after Div I requires a student to recruit an advisor or committee of advisors from the faculty. The page of faculty biographies on Hampshire's site was a popular place to turn to when searching for advisors, but the biographies were for an outside audience, concerned mostly with establishing a faculty member's bonafides. Knowing which school a professor graduated from, or one or two areas or research could barely tell a student if that professor would be open for mentoring an independent study, or whether they would take on a student as an advisor for a specific line of study. The Finder's goal was to help students who want to find advisors or independent study mentors by giving enough background on faculty for starting conversations.
The Faculty Finder was a tool I built to make this process easier, by bringing together information on faculty that was available but scattered around in various services to create faculty profiles. These profiles included a professor's classes for a few prior semesters, including independent studies they oversaw, their bio, and a place where that professor could display current areas of research. To encourage students to keep looking, in case their first pick was too busy to take on another advisee, I added a few faculty who had similar interests to the bottom of each faculty profile.