{"id":"10394","date":"2021-11-10T07:00:00","date_gmt":"2021-11-10T15:00:00","guid":{"rendered":"https:\/\/blog.pickfu.com\/?p=10394"},"modified":"2022-08-08T08:51:47","modified_gmt":"2022-08-08T15:51:47","slug":"website-design-layout","status":"publish","type":"post","link":"https:\/\/blog.pickfu.com\/website-design-layout\/","title":{"rendered":"Which website design is the most visually appealing for this supplement product?"},"content":{"rendered":"\n

It takes only 50 milliseconds<\/a> \u2014 .05 seconds \u2014 for visitors to decide whether or not they like your website. That\u2019s pretty much a split-second judgment call, so you better make sure your website design is flawless. <\/p>\n\n\n\n

That was the goal of this PickFu Ranked poll<\/a> testing five website layouts for Keto Vitals, an electrolyte supplement company. The brand asked 50 people between the ages of 18 and 54 which design they thought was “most visually appealing in terms of layout and the branding style.”<\/p>\n\n\n\n

There’s a lot going on in each of the five options, from the hero images and graphics to the flow of information on the page. Options A, B, C, and E use the same shade of electric blue as an accent color, while Option D mixes it up with light orange and aqua hues. <\/p>\n\n\n\n

Can you guess which one won?<\/p>\n\n\n\n

\n
\"\"<\/a>
Option A<\/figcaption><\/figure>\n\n\n\n
\"\"<\/a>
Option B<\/figcaption><\/figure>\n\n\n\n
\"\"<\/a>
Option C<\/figcaption><\/figure>\n\n\n\n
\"\"<\/a>
Option D<\/figcaption><\/figure>\n\n\n\n
\"\"<\/a>
Option E<\/figcaption><\/figure>\n<\/figure>\n\n\n\n
<\/div>\n\n\n\n

And the winner is…Option D<\/strong> with a score of 56, more than double that of Option C<\/strong>, which came in second. <\/p>\n\n\n\n

It was a decisive victory for the most colorful option. What worked about Option B’s design, and why did people like it? Let\u2019s take a look. <\/p>\n\n\n

Pass with flying colors<\/h2>\n\n\n

Each option uses differently tinted backgrounds to separate sections as the user scrolls down. This is an old web designer trick to improve the visual flow and keep the user\u2019s attention. <\/p>\n\n\n\n

Option D takes it to the next level with its pastel color scheme.<\/p>\n\n\n\n

\u201c\u200b\u200bI really like [Option] D, the info all flows really well with the colors and designs,\u201d said one respondent. \u201cI think it looks the best. [Option] A is very boring and bland and it isn’t that interesting to look at. I like having a little bit more images to go on.\u201d<\/p>\n\n\n\n

In fact, most respondents who ranked Option D first<\/a> mentioned the colors. They’re eye-catching and “make you think of light, sweet, fruity flavors,” one person wrote. Others said the colors made the product seem more attractive.<\/p>\n\n\n\n

\"Screenshot<\/a>
Option D’s pastel color scheme has a sweet, fruity vibe \u2014 like the flavors of the product itself.<\/figcaption><\/figure>\n\n\n\n

Several people also commented favorably on the model in Option D. <\/p>\n\n\n\n

\u201cI really like the pictures of the female on the cover as well, which gives the product some personality to it,\u201d one person wrote. <\/p>\n\n\n\n

What about Option C, which came in second, also by a wide margin? Respondents liked the jet-black background at the top of the site, which adds contrast to the page and, as one person put it, looks “more professional.\u201d<\/p>\n\n\n\n

\"\"<\/a>
Respondents said the dark background of Option C gives it a sleek, modern look.<\/figcaption><\/figure>\n\n\n

Other highlights<\/h2>\n\n\n