PTS (Performance Through Science) Nutrition is a range of nutritional products sold in South-Africa. The company itself i.e PTS offers both training, physical assessment and Wattbike reselling. This build, however, focuses purely on the nutritional products and the design thinking followed suit. A powerful contrast between the product colors, the text elements, and visuals placed on a dark gradient-ed backdrop. Working in perfect harmony with each other.
The design had some complications when the actual product imagery was needed. Label printing ran over the scheduled timeline and forced me to render the products in a 3D modeling program, viewable here: PTS 3D Modeling. This gave me more than enough space to adjust product images as I saw fit. In different environments, adding much more to the final product shots than would otherwise be possible.
My inspiration was drawn from modern-day design trends. The background gradient-ed to give the site depth. The darker design also makes the elements pop-out much more. The white products pop out, as well as the colored labels. Each label's color was then individually used to place emphasis on different elements on the site. Each pertaining to the correspondent product.
The main landing page acts as a simple one-page scroller direction users to the most important pages of the site. Heatmap tracking assures we get clicks where it matters.
Generally, it is good practice for a site to have a blog. This will help greatly in ranking on Google and other search engines. More pages, mean more potential to get users on your site. This, coupled with keyword research and keyword specific content shows massive traffic improvement in the long term.
Aditionally, we created three extra pages. Each one based on why you would need the product and which product best works for which need. The three pages were namely "Weight Loss" "Weight/Power Training" and "Endurance Sport". These pages also link directly to the products and assure users have the ability to purchase based on individual needs.
Site load times play a massive role in Search Engine Optimization and in how well your site gets indexed. The quicker the load time, the more preference your site takes above your competitors.
On average, the site fully loads within 7 seconds. The pre-loaded elements assure the site is usable before all content is fully loaded. That is to say... within a 2-second time frame. It is estimated that after 4 seconds of load time you start losing a significant amount of traffic and it waterfalls from there-on. Anything over 12 seconds is sure to lose you about 80% of your potential site visitors.
Not only evident in SEO and how well your site gets indexed, but also in how many potential customers you have the ability to retain. A fast, effective, well designed and user-friendly site is what gets you the sales.