T: 770–765–5303
hello@codegreer.com

CodeGreer
Green intersecting lines
Body Building Supplements
2016
Home page screenshot for MASS Body Building Supplements
Visit Body Building Supplements

MASS Body Building Supplements, a nutrition supplement company based in Athens, Georgia, has had a web presence since the early 90's. Originally built by the founder, it's had many incarnations over the years, but it was time for a big update. They contacted me to give the site a more modern look and feel, while making it mobile-friendly, and updating their online shopping experience.

The first priority was keeping it familiar to avoid shocking their well-established customer base. We sketched out a wider layout and added a section to feature their main product lines, but we kept the same colors, most of the images, content, and navigation. This wider layout was used as the template for the other 60+ pages of the site. For the mobile design, we used a drop-down push menu and the rest of the site stacks vertically.

In addition to updating the site, they needed a new shopping cart system. They had been using a web form product listing, which collected order and payment information. Orders were then processed by hand on their end. We decided to go with Shopify as the new e-commerce solution. I used the same design in the shop for a seamless client experience.

E-commerce store screenshot for MASS Body Building Supplements

The development of this site presented several new challenges. They had a newsletter setup with Campaigner and the site search was with Wrensoft's Zoom. I had to familiarize myself with these older systems to ensure they could be styled within the new layout as well as maintain functionality. On new sites, I would normally suggest more modern options, but there was no need to make changes unless something didn't work. Fortunately, everything worked perfectly and I learned how to incorporate the established with the new.

The last piece of this project was upgrading and restyling the MASS bodybuilding forum. It was several versions behind and lacking in security, as well as functionality. After making copies of everything I began the long process of upgrading through several versions of phpBB. I then merged all of their posts and member information back into the database. Finally, I made the styling adjustments and the forum upgrade was complete.

The site was built with HTML and CSS. Javascript was used to make the menu stick to the top of page on scroll, as well as the image carousel on the Home page. The contact form is PHP.

"We could not be happier with the talent and creative craftsmanship of Sarah Greer from CodeGreer.com. Our project was unique and Sarah handled small creative details and testy technical challenges alike, perfectly. She encourages feedback, engagement and gives a detailed accounting of progress and options every step of the way. A consummate pro and trusted team player, we absolutely made the right choice in choosing CodeGreer. I give my highest recommendation, without a moments reservation."

- John Drake, CEO, MUSCLE MASS INC.