Bootstrap Archives | Samantha Soper

HostGator Blog Theme on WordPress

September 7, 2018September 13, 2018
by Samantha Soper

After the successful implementation of the Bluehost blog theme, I was referred to their sister company for the HostGator blog theme redesign. While the Bluehost project was more development-focused, HostGator’s team wanted full UX design, theme development, and implementation.

HostGator Blog Theme

First of all, I single-handedly took this project through UX design and development to final implementation in under six months. Significant improvements to SEO, schema markup, and customizability were the HostGator team’s most important objectives. Therefore, those requests were kept in mind throughout the design and development process.

Current Live Site

UX Planning

As a result of my blog questionnaire, I learned that their content manager was inspired by FitBit and Hubspot’s blogs. Additionally, they wanted a more modern look using colorful flat graphics, matching their new brand direction. They also liked board-style content blocks and subtle hover effects.

Sketch Concepts

Home Page Wireframe Sketch Options

Single Post Wireframe Sketch Options

Archive Page Wireframe Sketch Options

Wireframe Mockups

Home Page Wireframe

HostGator Blog Single Post Final Wireframe

Single Post Wireframe

Archive Page Wireframe

Tools Used:

Lean WordPress Theme Foundation: _S (UnderscoreS)
WordPress Test Data: WP Theme Unit Test
Framework: Bootstrap
Class for Recent Posts Widget Adjustment: Extend Recent Posts
Class for Category Meta Additions: Catapult Taxonomy Meta Class

Bluehost Blog Theme on WordPress

March 2, 2018August 29, 2018
by Samantha Soper

A former colleague, Machielle Thomas, contacted me to build the Bluehost blog theme, since they were looking to redesign. They had worked with their in-house designer some mockups, but they didn’t have a developer on staff with time available to complete it. Their blog was built on WordPress and Machielle worked with me during the Golfsmith blog build. As a result, she knew my experience and skillset would be a good fit for the project.

Bluehost Blog Theme

Based on the provided homepage and single post mockups, I built out the blog in a short time frame with little other creative direction. Significant improvements to SEO and customizability were the Bluehost team’s most important objectives. Therefore, those requests were kept in mind throughout the development process.

Current Live Site

Tools Used:

Lean WordPress Theme Foundation: _S (UnderscoreS)

WordPress Test Data: WP Theme Unit Test

Framework: Bootstrap

Spring Golf Look Book 2017

May 5, 2017August 11, 2017
by Samantha Soper

Due to my speedy coding time, I was assigned to UI development for the 2017 Spring Golf Look Book by Golf Town’s (GT) marketing team. First of all, GT’s in-house studio designed the look book microsite’s UX and interface. After approval, the lead designer and I coordinated on the specifics of implementation and graphics delivery.

I utilized the Bootstrap framework and I implemented jQuery carousels and waypoints, while developing this project. In addition, I used CSS3 gradients and Google Fonts to match the designer’s mockup without relying on images. Furthermore, the microsite is fully responsive and translated for English and French.