Web Design Elements
If you take a look under the hood, this is what I see when I’m designing a website.
Each website is made out of sections, starting with a Header, then the body of the website, and a Footer. There are a lot of different options in the body section, and you can see some samples of these choices below.
It wouldn’t be possible to show every single iteration you can have, but I’m presenting this here to give you an idea of what is available and to help guide you with your design choices. Everything you see here, from colours to shapes to text, is adaptable to your needs.
Google Maps
Show a specific address, or a number of addresses, using Google Maps. You can pick your location, zoom level and height.
Testimonials can showcase the trust people have in your brand, and can be displayed in multiple different ways, including in quotes, cards, and have star ratings.
Testimonials
The Boss
Rupert Chesman is in black and white, and currently smiling in a swimming pool in Sydney.
Dad
Say what you would like to here, in as many testimonials as you need.
Progress Circles
Show how well you’re doing with progress circles, styled to your needs.
Your blog can be featured in a number of different ways. The main thing with a blog is quite simple – only have one if you know you’re going to keep it updated regularly. Websites can look very dated very quickly if your blog was last updated in 1993.
Blog Post Sliders
Weather and Countdown Timer
Sydney, AU
Display the weather anywhere in the world.
Count down to a specific date, and when it hits zero it can say a message. Or make it evergreen, which means it’s always counting down from somewhere. Just make sure to set it to something so you don’t need to reset it all the time.
Feature your pricing here, including WooCommerce integration to go straight to checkout and pay for it. Show everything great about yourself.
Pricing Table
Web Design
Design awesome website
Image Comparison
Compare the same image before and after. Main thing to ensure is that both images are exactly the same size to show a smooth transition.
Animate text onto your site in a variety of different ways. This one can be fun, but also has the potential to make your website look a little ridiculous if overused.