The post HostGator Blog Theme on WordPress appeared first on Samantha Soper.
]]>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
- Official HostGator Blog
- Sample Single Post — How to Promote your Blog on SnapChat
- Sample Archive Page — Marketing Tips & Tricks Category Archive
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
Wireframe Mockups
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
The post HostGator Blog Theme on WordPress appeared first on Samantha Soper.
]]>The post Bluehost Blog Theme on WordPress appeared first on Samantha Soper.
]]>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
- Official Bluehost Blog
- Sample Single Post — 6 Reasons You Need a Custom Email Address
- Sample Archive Page — WordPress Category Archive
Tools Used:
The post Bluehost Blog Theme on WordPress appeared first on Samantha Soper.
]]>The post Spring Golf Look Book 2017 appeared first on Samantha Soper.
]]>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.
2017 Spring Golf Look Book
Current Live Pages
- Look Book Landing Page (EN)
- Look Book Landing Page (FR)
- Men’s Look Book (EN)
- Men’s Look Book (FR)
- Women’s Look Book (EN)
- Women’s Look Book (FR)
Example Screenshots
Credits:
UX/UI Design: Tevin Castle
The post Spring Golf Look Book 2017 appeared first on Samantha Soper.
]]>The post Pro Pages Plugin on WordPress appeared first on Samantha Soper.
]]>This project was an effort to migrate my successful What’s in the Bag? (WITB) PHP application built for Golfsmith over to Golf Town. Due to inconsistencies between the two server environments, I rebuilt the application as a WordPress plugin on the Golf Town blog. Additionally, I worked closely with GT’s IT to initiate a hosting relationship with WPEngine.
Pro Pages Plugin WP
Current Live Pages Samples
UX Planning
Data Model
On the WP admin side, equipment and apparel items are added as repeatable field groups. When a Golf Town (GT) product URL is placed into a product URL field, a combination of AJAX and CURL pull the product title and image from the GT e-commerce site. This OOP plugin is i18n compatible, with French-Canadian l10n files.
2017 Masters Tournament Scripting Sections
These elements were live on the Golf Town blog during the 2017 Masters tournament. While these sections only remain active on the page for a couple of weeks after the tournament, I captured screenshots to preserve my work.
Tools Used:
- Object-Oriented Plugin Foundation: WordPress Plugin Boilerplate
- Field Generator: CMB2
- Twitter Feed: TweetPHP
The post Pro Pages Plugin on WordPress appeared first on Samantha Soper.
]]>The post What’s in the Bag? Pro Golfer Pages appeared first on Samantha Soper.
]]>While they had featured simple tournament scripting landing pages in previous years, they needed my user experience and UI development expertise to pull off their idea. In total, the WITB pages represent the bags of 20 PGA and LPGA pros. Furthermore, the Twitter wall features live tweets from over 100 different pro golfers.
During major tournaments, the WITB pages are enhanced with a tournament scripting “What the Pros Wear” section, through coordination with select vendors. Additionally, this multi-layer PHP web application also deployed internationally on Golfsmith (US) and Golf Town (CA) in English and French.
What’s in the Bag? Pro Landing Pages
Current Live Pages
NOTE ON LIVE EXAMPLES: As of 11/4/16, Golfsmith is no longer conducting business and all associated websites are offline. However, you can check out the Golf Town Pro Pages plugin, which I used this PHP application to build.
2016 Tournament Scripting Sections
These elements were live on the Golfsmith and Golf Town sites during the 2016 Masters, US Open, and PGA Championship. While these sections only remain active on the page for a couple of weeks after the tournament, I captured screenshots to preserve my work.
The Results
As a result, during major tournaments, the pages drove huge traffic spikes and increased revenue for both brands. Due to marketing efforts around this application, our email team participated in a Lunch & Learn with LiveClicker at the 2016 Experian Client Summit.
The post What’s in the Bag? Pro Golfer Pages appeared first on Samantha Soper.
]]>The post Golfsmith Fair-Way Promise Page appeared first on Samantha Soper.
]]>View the Golfsmith Fair-Way
NOTE ON LIVE EXAMPLES: As of 11/4/16, Golfsmith is no longer conducting business and all associated websites are offline.
The post Golfsmith Fair-Way Promise Page appeared first on Samantha Soper.
]]>The post Hellas Hearts of Hope Charity Microsite appeared first on Samantha Soper.
]]>Furthermore, I assisted in strategizing the donation campaign and logistically setting reach goals. These reach goals and donation levels helped sponsors visualize how they would be helping the village. Additionally, I wrote all copy for the microsite.
Through the money donated to the site, Hellas Construction was able to provide much needed school and medical supplies to the village of Jucuarán. Additionally, some piñatas and candy were purchased to make a fun day for the children. Most noteworthy, we were able to supply the village with clothing, toys, books, and other materials. These helped them getting through the upcoming holiday season and school year.
View the Hellas Hearts of Hope charity microsite
The post Hellas Hearts of Hope Charity Microsite appeared first on Samantha Soper.
]]>The post Roxie Polymers appeared first on Samantha Soper.
]]>Visit the Roxie Polymers website
The post Roxie Polymers appeared first on Samantha Soper.
]]>The post Nina Davis, MA, LMT Site on WordPress appeared first on Samantha Soper.
]]>About Nina Davis’s WordPress Site
Nina contacted me wanting to expand her business online and spread the word about her small business. Furthermore, she wanted a unique user experience that highlights naturally-occurring fractals. As a result, each page features on a large, natural fractal and matching background. Blue and green menu themes correspond to the fractal image, as well, while a frosted glass pane displays page content. I built page subsections with jQuery tabs.
Current Live Examples
NOTE ON LIVE EXAMPLES: I built this site in 2013 and was not hired to maintain it.
Visit Nina’s website
Screenshots
I collected these screenshots soon after I built the site.
The post Nina Davis, MA, LMT Site on WordPress appeared first on Samantha Soper.
]]>