Kelsey Zukowski’s Website Resign

July 25, 2020

During the Covid-19 shutdown we took the opportunity to redesign Kelsey Zukowski’s website. Before we had used a regular theme to get her site up and going. We took this time to dig in and design a new theme with the goal to bring it more up to date with today standards and to show off her modeling photos. We went for a dark look for the theme to match the goth/horror style that is highly prevalent in Kelsey’s modeling and acting career. The website is fully responsive due to the amount of traffic coming from different types of devices and for helping in Google’s SEO rankings. The main goal for the site is to make the modeling photos to be the main focus of the website.

When you land on the site the hero image is a slider of model images; then about half way down the page you will see some of her acting videos. When a sub video is clicked it moves up into the larger focus area without taking you to another page; giving it more of a video streaming service look.  Small touches of interactive elements are sprinkled throughout the site such as when you move through the pages you’ll see items move, fade-in, fade-out, along with other fun design looks.

To help display the photo series we used a premium photo gallery plug-in to display all the great photo shoots Kelsey’s modeled for. This plug-in also helps in keeping photos organized and can be set to displayed in various formats and looks.

Post pages now have large hero images to keep with photos as the center point for the site. At the bottom of the posts there are suggests to other posts to help keep the visitors on the site.

Improved the look to the store front so it now looks like it is a part of the site, giving the whole site it a more consistent look throughout all the pages.

To help promote engagement with the audience we’ve added social media sharing on pages and posts.

When creating the site, I created the design in a test area, where we worked to finalized the look and feel of the site. When everything looked good we brought the theme into the old site where it wrapped around existing content. But creating the look elsewhere and then bringing it in we don’t break the SEO rankings of the pages and any bookmarks people might have made to those pages.

Related Articles

Website Contact form using AWS

Website Contact form using AWS

For the next iteration of the HTML form was to set it up to send an email to the web owner using AWS. The purpose behind this is, if you have a HTML site and don’t want to purchase a monthly plan or build and maintain server software. Using AWS for this functionality...

read more
HTML with JavaScript contact form

HTML with JavaScript contact form

Link to the form: https://www.lynnamacher.com/pdf/contactForm_V1.html This is created to be basic test for an AWS contact form test. The full form when filled out will send an email through AWS to the site owner. Instead of creating the normal test form I try to...

read more
Save Illustrator for SVG to use in HTML page

Save Illustrator for SVG to use in HTML page

When working with the AWS contact form, I had created a graphic in Illustrator. You can see the post here. With this test form I wanted to have everything in one HTML file this way it’s just one file to upload and update when needed without making sure the other files...

read more

Pin It on Pinterest

Share This