We have just a few seconds to capture a site visitor's attention. Beyond designing a visually appealing top banner, it's crucial to craft engaging and clever headlines for each section. Avoid generic titles such as 'About Us' or merely repeating the business name. Treat each title as a unique marketing opportunity, given that often, headlines are all visitors read as they scroll through the page.
Attention to detail, like uniform button formatting, is crucial for a polished and professional website. Ensure all buttons match in shape, size, and font styling, including capitalization, borders, and hover effects. If Duda's "Button Content" window isn't allowing you to achieve the dimensions you need, manually adjust buttons by dragging the corners to extend or expand them to the exact size required. This precision elevates the user experience, reinforces a meticulous brand image, and demonstrates our company's commitment to seamless design.
It can be a tricky thing to catch, but we want to make sure that there is no leftover site content from the template site. One of the first things you can do when you start working on a new site is to search for and replace all the instances of the business name with the new business name for your site, as well as swap out any emails and phone numbers that aren't associated with the new site that you are building. When you are about to submit your site for review, make sure to check the source code of your site and search for the template business name to make sure nothing pops up. To do this, simply right click on your published site, select "View Page Source (or Ctrl + U)," hit "Ctrl + F," and type in the name of the template business. If nothing comes up, you should be good to go! **Be sure to check the map widget as well!**
Remember to set the hero header titles to a larger text size than the rest of the headers on the page.
Desktop or tablet text sizing:
Hero headers should be size 60px - 72px.
Section headers should be size 30px-48px
Paragraphs and H1s should be size 16px -18px.
Mobile text sizing:
Hero headers should be size 38px - 48px**
Section Headers: 30px - 36px
Paragraphs and H1s should be: 16px
**Sometimes mobile hero headers have to be smaller than ideal to ensure a word isn't broken into 2 lines. Adjust the size of the text to the largest size available in this range that does not chop any words in half.**