{"id":37831,"date":"2016-09-19T13:09:34","date_gmt":"2016-09-19T20:09:34","guid":{"rendered":"http:\/\/webdesignledger.com\/?p=37831"},"modified":"2016-09-19T23:13:39","modified_gmt":"2016-09-20T06:13:39","slug":"things-web-designers-can-learn-hillary-clinton","status":"publish","type":"post","link":"https:\/\/webdesignledger.com\/things-web-designers-can-learn-hillary-clinton\/","title":{"rendered":"A Few Things Web Designers Can Learn From Hillary Clinton"},"content":{"rendered":"

The US presidential election is right around the corner.\u00a0While some candidates are leveraging their eccentric personality and their bold attitudes to gain followers, and yes, I\u2019m talking to you Mr. Trump, some of them invest massively in their online presence.<\/p>\n

<\/p>\n

Which brings me to Hillary Clinton<\/strong>.<\/p>\n

Intro<\/h2>\n

Hillary Clinton\u2019s campaign staff knows exactly how to approach an audience, and they go all in to do so. In every single aspect of her digital campaign, you sometimes see tiny details that contribute on creating actually engaging content.\u00a0From \u201cGod\u2019s\u201d voice (Morgan Freeman) in her bio video<\/a>, to the awesome and bold logo with the subliminal-ish arrow symbolizing forward thinking, action and progress.<\/p>\n

\"hillary-clinton-logo-\"

Speaking of small details, you can find the logo even in the source code of her website.<\/p>\n

\"Hillary

Her digital marketing campaign is hands down, one of the best I\u2019ve seen in a while.\u00a0Her logo, the quality of her videos, and the methods she used to tackle certain subjects is simply mindblowing. To be honest, I don\u2019t know much about politics, but I can safely assume that she is digitally addressing most of the controversial topics built around her.\u00a0From the enduring\u00a0email problem<\/a> to the Benghazi case<\/a> and everything in between<\/a>, Hillary\u2019s staff defended herself with creative and professional copy and compelling visuals.<\/p>\n

But enough with the political crap. Let\u2019s cut it to the chase and talk about the things that actually interest us, the designers.\u00a0Her website\u2019s design.<\/p>\n

Design<\/h2>\n

Right off the bat, the first thing we see on Hillary\u2019s homepage, is a pop-up asking you to agree upon the fact that Donald Trump is one dangerous man. Although the pop-up\u2019s design is rather simple and with a clear and distinguishable Call to Action, some people are not very happy about the straightforwardness of it.<\/p>\n

\u201cWhen I land on the website, I’m immediately met with a popup that wants my email if I disagree with Donald Trump. It doesn’t mention why it wants my email or what it’s going to do with it – it just wants it.\u201d –\u00a0Max Robinson, Aims Media Web Design, http:\/\/www.aimsmedia.co.uk<\/a><\/p><\/blockquote>\n

\"Hillary

 <\/p>\n

The reason why Hillary wants your email so badly is obvious.\u00a0I full heartedly believe in the power of email.\u00a0I happen to manage\u00a0Bannersnack\u2019s<\/a> email marketing campaign and we leveraged email to convert old users, keep in touch with the customers and even run contests and surveys. Now, although they aren\u2019t a Saas product, they are using email marketing exactly the same. They are constantly reminding you to support Hillary and help defeat the dreaded Donald.<\/p>\n

Attacking Donald is the smartest marketing campaign and they know that. They are using email, video, and any available channel to bash and emphasize who Donald Trump is and why he would be a bad choice.<\/p>\n

Hillary\u2019s website changed a lot in the past months, and man they are really trying everything. It takes just one trip down the memory lane of the internet (Wayback Machine) and see all the changes on her website. The mesmerizing thing is that if you want to see the web design trends from a specific year, just take a peek at how her website used to look like that year.<\/p>\n

From 2015 until a few months ago, the Hero image has been a crucial element of her website. Depending on the social-political events, the image kept changing trying to convey the message Hillary believes in and what she stands for, or who stands for her.<\/p>\n

\"Hillary

 <\/p>\n

\"Hillary

 <\/p>\n

A few weeks ago they ditched the hero image\u00a0and went for something more popular andmore powerful.<\/p>\n

Video<\/h2>\n

Just like the way they\u2019ve been changing the hero image, the video plays an important role in illustrating certain changes, beliefs and causes she fights for. The thing that surprised me the most is how much they are leveraging the video format in order to convey the right message. While writing this article, in the past three days the main video changed three times and they\u2019ve just redesigned the whole homepage. They\u2019ve ditched any other elements that could distract you from the important items of the website, namely, the video, the donation box and the image of her with the \u201cIf you’re with her, chip in to support Hillary now\u201d message.<\/p>\n

\"dfdfff\"

 <\/p>\n

From a leads perspective, the site does a good job of enabling the capture, the email addresses of visitors. There are at least two form fill pop ups that come up before you can advance to the site. Only when clicking on the small logo on the top left are you able to bypass the first form fill (which populates the entire screen when you first land on the site.) Clearly, the site’s primary purpose is to gather leads. So, that’s well done.<\/p>\n

However, there are a few inconveniences that shouldn’t be left unnoticed.<\/p>\n

From a user\u2019s perspective, it is a bit off-putting that I can’t just browse the site without being asked for my email address. For the swing voter who is just browsing and doesn’t want to be placed on an email list, this could get them to bounce before they even get to the content.<\/p>\n

Another thing that changed drastically is the footer. Every single social media channel was listed in the website\u2019s footer and then a minimalist box emphasizing the \u201cPAID FOR BY HILLARY FOR AMERICA\u201d slogan.<\/p>\n

\"Footer

And then this happened\u2026\"How

I\u2019m not saying it\u2019s bad, it is just a bit too much. The call to action is a bit confusing, and the bulky social media text could\u2019ve been easily replaced with some minimalistic icons. On the pros side, placing secondary navigation to less important areas of a website is also a great way to utilize the footer, as it can help declutter the main navigation, which in turn aids usability.<\/p>\n

Conclusion<\/h2>\n

The site’s design is a good mix of visuals and content. It’s clean, photo and video heavy, and easy to navigate. It’s the right site for the audience they’re trying to reach which are voters who want to know what Hillary stands for and what are they going to get if she’s elected president. They’ve done a good job of letting the photos and content drive the site, and not slick design.<\/p>\n","protected":false},"excerpt":{"rendered":"

The US presidential election is right around the corner.\u00a0While some candidates are leveraging their eccentric personality and their bold attitudes to gain followers, and yes, I\u2019m talking to you Mr. Trump, some of them invest massively in their online presence.<\/p>\n","protected":false},"author":1928,"featured_media":37832,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[476,183,479],"tags":[9015,9016,9017,7709],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/posts\/37831"}],"collection":[{"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/users\/1928"}],"replies":[{"embeddable":true,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/comments?post=37831"}],"version-history":[{"count":0,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/posts\/37831\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/media\/37832"}],"wp:attachment":[{"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/media?parent=37831"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/categories?post=37831"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/tags?post=37831"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}