Website structure breakdown:
- BRAND CONSISTENCY: this website is design to convey knowledge, trust and warmth. Layout, colors and certain elements are designed to be consistent with brand values.
- HERO & TRENDING : We could display one major article in the hero section and three (there may be more) trending articles so we can have more interesting and engaging layout and have more influence on the hierarchy (if certain articles generate a lot of traffic it would make sense to make them more visible on the page)
- TOPIC ARTICLES: This type of 3-column grid can be reused whenever we want to display articles from certain topics. You can click "see more" to direct to the page for specific topic group where larger number of articles can be displayed
- RECENT POSTS: This can show the recently posted articles. If you post often it would make sense to display many articles in this section - that's why the layout is different for this section.