Prev
Next

Symbol Mattress
  • Ruby on Rails
  • Haml
  • Sass
  • CoffeeScript
  • Responsive
  • Design Sprint
  • User Research
  • Icon Design
  • Custom CMS

Sprinted with a designer and user researcher to redesign and build the client's site from scratch based on user pain points and business goals. Launched a new look and feel within one week and followed an iterative build-measure-learn cycle to add new features and sections to the site.

Spent a week with the team getting in the headspace of mattress manufacturers via persona mapping, internal client interviews, and process diagrams. We outlined assumptions, set metrics to help validate or invalidate those assumptions, and built out the site with carefully targeted analytics and subtle UI components to allow users to give actionable feedback.

I eventually built out a "Get Matched" with a mattress section, a geolocated "Find a Retailer" section, an online warranty claim submission process, and a "Contract Bedding" section based on collected data. I also built a custom CMS for the client to manage resources used throughout the site.

Initial iterations were built on Middleman, and the site was eventually ported over to Ruby on Rails once a database was deemed necessary. Haml, Sass, and CoffeeScript were used to build out the front end architecture. The site is fully responsive.

Rappahannock Oysters
  • Ruby on Rails
  • Sass
  • jQuery
  • E-commerce
  • Spree Commerce
  • FedEx API
  • UPS API
  • Responsive

Worked with a designer and developer to redesign the client's ecommerce site in Ruby on Rails. Implemented complex shipping logic around perishable goods into the Spree Commerce back end, which included integrating with FedEx and UPS APIs to pull delivery zones and estimated delivery times.

Because oysters have short shelf lives, the client needed a robust ecommerce site that calculates accurate delivery times while accounting for U.S. holidays, seasonal operation hours, and delivery zones of one-day ground and two-day ground shipping of FedEx and UPS. I worked closely with another developer to implement the specifications that the client outlined.

We also modified a popular e-gift card gem to work within the version of Spree Commerce used for the project. Users can purchase both physical and digital versions of giftcards to the online store and various restaurants in the region.

We used Sass and jQuery in the front end. The site is fully responsive.

3north Architects
  • WordPress
  • Sass
  • BEM
  • CoffeeScript
  • jQuery
  • Gulp
  • Responsive
  • AJAX

Worked with a designer and developer to redesign the architecture firm's site on WordPress. Wrote in Sass and CoffeeScript, and used Gulp to automate build tasks for the front end. Made AJAX calls to custom endpoints to handle asynchronous loading of information. Site is fully responsive.

Divided and conquered tasks by defining visual components of the site design on paper and using a modified version of the BEM naming convention, which promoted consistency in markup and styles with the production team.

Cary Street Partners
  • WordPress
  • Sass
  • CoffeeScript
  • jQuery
  • Gulp
  • Responsive
  • UX

Worked with a designer and developer to redesign the client's site on WordPress. Designed animations for nav, menu, and filter interactions throughout the site. Wrote in Sass and CoffeeScript, and used Gulp to automate build tasks for the front end. Site is fully responsive.

Set component-centric front end standards, allowing for easily re-usable front end components when other team members worked on the project. Used the Advanced Custom Fields WordPress plugin to customize the back end CMS for the client.