[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"learn-tip-post-make-sure-your-page-has-a-solid-visual-hierarchy":3},{"_id":4,"content":5,"title":6,"slug_history":7,"slug":8,"postDate":9,"image":10,"categories":11},"5eafc398d25dca12aa1bb48c","\u003Cp>When someone lands on your page, they should be naturally guided through it. The page’s structure and design should help the visitor see where to look first, second, third, etc. \u003C\u002Fp>\u003Cp>\u003C\u002Fp>\u003Cp>This may be best explained with some examples. First, let’s visit \u003Ca href=\"http:\u002F\u002Fwww.convertwell.io\" rel=\"noopener noreferrer nofollow\">\u003Cu>www.convertwell.io\u003C\u002Fu>\u003C\u002Fa>. Notice how there’s a natural structure? Your attention first goes to the headline, then the logos below it, and then the products below that. Sure, the page structure is a bit simple, but you know where to look.\u003C\u002Fp>\u003Cp>\u003C\u002Fp>\u003Cp>Now, try visiting \u003Ca href=\"http:\u002F\u002Fwww.lingscars.com\" rel=\"noopener noreferrer nofollow\">\u003Cu>www.lingscars.com\u003C\u002Fu>\u003C\u002Fa>. It’s a classic example of bad design, but it is for a reason. I don’t know where to look! My eyes are bleeding! Obviously it’s an extreme example, but the point holds true: Use your design to naturally guide your visitors through your page.\u003C\u002Fp>","Make sure your page has a solid visual hierarchy",[8],"make-sure-your-page-has-a-solid-visual-hierarchy","2020-05-04T07:25:59.359Z","components\u002F1588577172953_hierarchypng",[12],"hero"]