#ixd503promosite

[calumdixon]

Promotional Website Hi-Fi Mockups

I've finished building upon the Lo-Fi mockups I created for my two-pager promotional website by developing them further into Hi-Fi Mockups. These Hi-Fi mockups will act as the foundation for which I will build the functional site upon using HTML & CSS.

View Full Hi-Fi Mockups

[calumdixon]

Promotional Website Lo-Fi Mockups

Using my sketches as a basis I created a set of Lo-Fi mockups for my two-pager promotional website. The pages are split to target the two distinct user groups in Pitch In, the general public and business owners, by splitting the content I can tailor the written content of each page to the needs of the user group, ensuring that the features and benefits highlighted on the page are relevant to the user group that is reading them. The content of each page can be broken down into 5 sections; A hero banner that contains a hook based title and descriptive subtitle alongside product imagery, an introductory content block that explains what Pitch In is, A "how it works" section outlining the steps of the Pitch In the process, A list of feature blocks that outline relevant features to the targeted user group and lastly a call to action banner for registering interest in the product so as to better convert users in the lead up to the product's release.

View Full Lo-Fi Mockups

[calumdixon]

Promotional Website Sketches - Part 3

[calumdixon]

Promotional Website Sketches - Part 2

[calumdixon]

Promotional Website Sketches - Part 1

[calumdixon]

Promotional Site Examples - Bold.org

Bold.org is the last site I compared against Marketing Example's playbook for effective landing pages. Bold's site is another fantastic example of applying lots of the methods outlined by Marketing examples. The hero banner is a combination of hook based title and descriptive subtitle, Call to actions to convert users and social proof in the form of organisation logos and testimonials.

Further down the page, we can see additional social proof to help instil trust in Bold as the company requires plenty of trust from its customers. Lastly, the page is footnoted using another CTA to convert users after they have read all the page's content.

[calumdixon]

Promotional Site Examples - Smile Direct Club

Smile Direct Clubs's is another great example of a brand utilising the techniques outlined by Marketing Examples. The site opens with a hook based title, a descriptive subtitle and a large CTA (call to action). Additionally, the site's nav bar includes a CTA so that users can always convert no matter where they are on the page.

Smile Direct Club also makes very heavy use of social proof, which makes sense as one of my first thoughts when visiting the page was scepticism regarding the effectiveness of the clear aligners. This social proof took the form of customer testimonials, and before & after photos.

[calumdixon]

Promotional Site Examples - Niice

Niice is a great example of a great promotional site belonging to a local business. Similarly to Stripe, Niice follows many of the rules of effective landing pages outlined by Marketing Examples.

The page starts with a title that uses the hook approach and follows the title with an informative subtitle providing further context, followed by a CTA (call-to-action) Lastly, the hero banner also contains social proof in the form of companies logos. Additionally, the site is then footnoted with more social proof in the form of testimonials and another CTA banner to further encourage users to convert.