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 Custom Clubmaking Widget on Golfsmith appeared first on Samantha Soper.
]]>Custom Clubmaking Widget
After the first pass, I had succeeded in giving the module a more modern look and feel. You can see this first version in the UX Planning & Prototypes section below.
Due to the potential length of the widget, jQuery UI’s accordion widget was implemented to save space. I worked directly with a member of the IS team at their computer to implement the front-end jQuery calls. The final launched version is in the screenshot below.
Screenshots
NOTE ON LIVE EXAMPLES: As of 11/4/16, Golfsmith is no longer conducting business and all associated websites are offline.
UX Planning & Prototypes
As stated above, the widget initially used a table-based layout. While organizing the information into a wireframe, I realized the tables would cause some issues. In addition, I read through the PHP code to plan for all the variable options.
Conclusion
After launch, custom club orders more than doubled within the week, a trend which continued until close of business. Furthermore, custom clubs widget performance continually increased revenue since its launch. It seemed like the improved and easier-to-use custom clubs experience was a hit with customers.
The post Custom Clubmaking Widget on Golfsmith 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 Construction Web App appeared first on Samantha Soper.
]]>Hellas Construction Web App
In-Depth UX Analysis and Overview
Hellas Sales Portal WordPress Plugin
Beta Training Documentation
The post Hellas Construction Web App 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.
]]>