HeroLeads

HeroLeads client want­ed to use a “hero” as the main theme for the web­site, to reflect their brand name and iden­ti­ty but with­out any car­toon­ish ele­ments so the web­site could con­vey trust and pro­fes­sion­al­ism. The client had spe­cif­ic ideas about how each ele­ment on the web­site should be pre­sent­ed but gave us full cre­ative free­dom to come up with the best solu­tions that would meet their require­ments. One of the require­ments was to cus­tom code the whole web­site from scratch in com­bi­na­tion with Ele­men­tor builder, so it would be very sim­ple for them to pub­lish new con­tent and do small­er changes in the future.

This project start­ed with the cre­ation of a new logo that gave the direc­tion for the web­site colour palette, look and feel. The whole web­site is a sin­gle-page with the addi­tion of a blog that allows fur­ther growth and trac­tion of organ­ic traf­fic. To enhance clar­i­ty and make sure none of the sec­tions appear text-heavy, we organ­ised dif­fer­ent text areas into con­tent cards. Brand con­gru­en­cy is ensured through the con­sis­tent use of colours and brand­ing ele­ments, such as the light­ning bolt, instead of bul­let points, tak­en from the logo. To serve Eng­lish and Ger­man audi­ences we used the WPML plu­g­in, which enables a sim­ple lan­guage switch and SEO rank­ings for the con­tent in both languages.