More and more businesses are becoming more authentic, and we love it! Websites seem to be gaining more sense of place and who we are. When businesses do this, we get a sneak peek at the personalities behind the brand. So many websites are featuring photographs of locales on their homepages. “About” pages are calling out cities and towns where the business owner lives and some are even featuring passion projects like boating, cars, or travel, and many are showing off their pets. Meyer Insurance is a great example of a company featuring its history and small-town location front and center. They are proud of who they are and where they came from—creating authenticity. At Waterfront Graphic Design, we got into the fun as well. From me sharing a photo sitting in an orange sports car (a passion of mine) to the references to martial arts, a visit to our site invites the visitor behind the scenes to the influences that built our brand.
Some designers take the use of text even further by making it move and play with your mouse. An easy way to do this is through hover-state changes like you would on a button, which means no coding skills are required anymore. The thing to remember when using these fonts is to keep legibility in mind. Some people get distracted from moving characters or objects within typefaces. The example on the website for Dillinger is a great example. You can see how the font changes as you hover over the text. Pretty cool, huh?
Responsible motion design
Movement is a great visual addition to your site. You can use movement to highlight and emphasize important information. Here Wa’am Writes uses subtle movement to bring in her logo and important headlines. Your cursor seems to magically move your menu options on the Trina Hammack-Holistic Health & Wellness site. Both are excellent examples of ‘responsible’ motion design. Too much motion, even on a website, can cause some visitors to experience motion sickness. That, my friend, is not responsible motion design.
With a trend that feels both modern and throwback, linework is one of the most popular designs for web pages. It can be used to create headers or sections in your webpage as well as give an overall fluidity between different parts. Many sites use it for product galleries or websites with dynamic grid structures like blogs, where content changes frequently. The site for Appart uses a beautiful example of linework on its homepage. If you continue to scroll, you will see, however, that the responsibility of their motion design is questionable. A lot of movement here! This is Garcy shows another example of linework. They choose to use it to emphasize the importance of building structure in marketing. And, they nailed it.
Those are our favorites, how about you?
Which ones do you like best?
But, really, the most important question is: Which ones will your ideal customers like best?
We can help you with that.
Jump right into my calendar here, and let’s talk!!
Waterfront Graphic Design is your partner. We’ll understand your unique vision, mission, and goals for a custom website designed to attract your ideal customers.