Web Design Inspiration: Welcome Messages/Pages

Total
0
Shares

Welcome messages as usualy are shown on the landing pages since they are one of the main traits of successful website being. Generally welcome messages act as an introduction for new visitors, explain the website, services that are offered and often prompt an action on the part of the user. They are more popular on personal/business websites and online portfolios. Some designers use not only text messages but also add different images, mascotes, illustrations and photos of themselves. All in the name of user`s attraction.

Today, I`ve collected 46 examples of out of the ordinary welcome messages/pages. However, first things first – let’s find out why welcome messages are important and how to create one that will take your brand to the next level by starting a conversation with the audience on a high note.

Why is Welcome Message Important?

As we all know, you never have a second chance to make the first impression. It just takes less than a second to form an opinion of you. Therefore, the welcome area of your website (that is the most viewed part) should be well-thought-out.

Let’s consider some other good reasons why the hero area with a great welcome message gives a strong start to your relationships with the users and crucial for your business to thrive.

  • It gets widespread attention.
  • It compels visitors to keep going with your website.
  • In increases conversions.
  • It instills trust and increases credibility.
  • It makes the website feel more personal and friendly.
  • It helps to establish a proper atmosphere to fit your company’s brand image.
  • It amplifies user’s engagement.
  • It breaks the ice.
  • It highlights the brand’s unique selling point.
  • It personifies the website design.
  • It gives the design a unique charisma.
  • It makes the experience feel more crafted.
  • It lets you speak with your audience in their language.

Best Practices for Creating Impressive Welcome Message

So, investing time, money, and of course, your heart and soul into the welcome message is essential since it does lots of stuff, standing behind the company’s success in the digital world. However, what should you do to nail it? Simple. Follow these best practices:

  • Use words that are understandable by the general crowd. There is a special test (that you can easily run inside Microsoft Word) to define whether people with different educational backgrounds can perceive your message.
  • Be friendly.
  • Be polite.
  • Be straight-to-the-point. According to recent studies, people prefer scan rather than read. On top of that, they have a short attention span. Therefore, to make the welcome message effective, you need to be concise but talk business right away.
  • Use formatting not just to make it stand out from the crowd but also back it up.
  • Use color to make the welcome message strong.
  • Use psychological tricks to reinforce the welcome message.
  • Stick to the left side.
  • Do not stretch the message throughout the entire screen. Make it compact.
  • Use key points.
  • Play with whitespace.
  • Use uppercase with caution.
  • Keep content aligned with the objectives of the current marketing campaign.
  • Stick to your ideology.
  • Use visuals (images, videos, graphics, animations, 3D graphics, WebGL animations) to focus the user’s attention on the message and support it visually.
  • Hit optimal contrast. Whatever brand colors you have, the welcome message should stand from the background. Make sure the contrast is optimal so that users can get information without hassle.
  • Use typography to give the welcome message an extra touch.

On top of that, do not forget about two important things:

  • Make welcome message responsive. According to studies, mobile web dominates desktop and tablet web. Therefore your welcome message should look flawless on all handheld devices. Adjust type size to make it to the screen. Also, if you use decorative fonts, you need to ditch them on small screens since they make symbols illegible.
  • Make it accessible. You may not consider people who use assistive technologies as your target market. However, that is not the best way to conduct business. To emerge victorious, you need to cater to all groups of people. Impairment should not be an obstacle. The web should be accessible to everyone. By making your welcome message accessible, you cover the large crowd and even address issues you do not know.

Another important thing to note. Although the listed above tips are considered to be the best practices, however, it does not mean that all of them should be put into action. Overdoing is always bad, especially for hero area that makes the first impression. Moreover, not all of them will work for your brand unreservedly, since each niche and target market require its own unique approach. Therefore, it is highly recommended to do A/B tests to define what practices resonate with your customers and regular visitors best as well as help to achieve high conversions.

That’s enough of theory, let’s get to the practice and consider some outstanding examples of website design with inspirational welcome messages.

1. Paul Goode – Freelance Website and Graphic DesignerPaul Goode - Freelance Website and Graphic Designer

2. Simon Daley – Web and Graphic Designer from UKSimon Daley - Web and Graphic Designer from UK

3. Aylis – experts at helping small to medium businesses grow onlineAylis - experts at helping small to medium businesses grow online

4. Harry Ford – Freelance Designer and IllustratorHarry Ford - Freelance Designer and Illustrator

5. CL DesignzCL Designz

6. Arun`sfolio Freelance PortfolioArun`sfolio Freelance Portfolio

7. Evoluxion – Great Social Media EngagementEvoluxion - Great Social Media Engagement

8. Personal Portfolio of RakeshPersonal Portfolio of Rakesh

9. Joshua Turner – Graphic DesignJoshua Turner - Graphic Design

10. RangusRangus

11. Web Design Company IndiaWeb Design Company India

12. Made by VadimMade by Vadim

13. SEO & PPC ServicesSEO & PPC Services

14. Melonfree Interactive Web Design and Web Development AgencyMelonfree Interactive Web Design and Web Development Agency

15. org50 – Online Portfolio of a freelance web developer  living in the Netherlandsorg50 - Online Portfolio of a freelance web developer living in the Netherlands

16. Federica Cau – Freelance Web Designer PortfolioFederica Cau - Freelance Web Designer Portfolio

17. Designer`s AtelierDesigner`s Atelier

18. KenGraphxKenGraphx

19. Welcome to NetbluezWelcome to Netbluez

20. Portfolio of Tim Potter, BelfastPortfolio of Tim Potter, Belfast

21. MaxlabsMaxlabs

22. David HellmanDavid Hellman

23. Hello StudiosHello Studios

24. GURPRIT SAHOTA BScGURPRIT SAHOTA BSc

25. Ryan Hwang – Web Designer and EntrepreneurRyan Hwang - Web Designer and Entrepreneur

26. Web Designand Development based in SurreyWeb Designand Development based in Surrey

27. Made by MikeMade by Mike

28. AshFall DesignAshFall Design

29. Codes, Snippets, tips and tricks for web developers.Codes, Snippets, tips and tricks for web developers.

30. Enzo Li Volti – creative web and graphic designerEnzo Li Volti - creative web and graphic designer

31. Menelaos Dimitro poulos – Online PortfolioMenelaos Dimitro poulos - Online Portfolio

32. Welcome to the portfolio of Sebastian Jaramillo TWelcome to the portfolio of Sebastian Jaramillo T

33. Two PaperdollsTwo Paperdolls

34. Freelance Graphic Design in San Diego Freelance Graphic Design in San Diego

35. ResumePowerResumePower

36. Interaction and Interface DesignerInteraction and Interface Designer

37. FradTags web aтв graphic designerFradTags web aтв graphic designer

38. 2nd Florr – Web and Digital Design2nd Florr - Web and Digital Design

39. SWORD StudiosSWORD Studios

40. Biboo!Biboo!

41. Anthony QuedevilleAnthony Quedeville

42. KarmonfrenchKarmonfrench

43. Sleek Design StudioSleek Design Studio

44. The City is Burning – Leeds based freelance web designThe City is Burning - Leeds based freelance web design

45. Fusion and Carbon Ads BundleFusion and Carbon Ads Bundle

46. Paolo Cavanna – front-end, mobile and UI developerPaolo Cavanna - front-end, mobile and UI developer

1 comment
Leave a Reply

Your email address will not be published. Required fields are marked *

You May Also Like

How to make tabbed content slider

DEMO.Tabbed Slider DOWNLOAD. Credits goes to graphicsfuel.com where you can download psd version of this content slider. Surfing internet you bump into great tabbed content slider, but the problem is…

Inspiration Findings #16

Today’s Inspiration Findings’ collection is dedicated only to typography treatments.The list below showcases mind-blowing examples of realistic 3-dimensional type, retro font, flat geometric style and much more. The collection includes…

Free pack of social icons

Today`s freebie is a set of clean social icons with noise: facebook, twitter, rss, flickr, myspace etc. Format: .png Sizes: 256×256, 128×128, 64×64, 32×32. Free to use.