Website Framework
The structural system that organizes pages, content, navigation and visitor pathways throughout the redesigned Block LLC website.
A consistent structure for a complex organization
Block LLC represents a broad organization with multiple services, properties, affiliated companies, professionals and areas of expertise.
The website framework creates a clear and repeatable structure for presenting that information without making the experience feel crowded or difficult to navigate.
Each page may communicate a different subject, but the organization, hierarchy and interaction patterns should remain familiar throughout the website.
Pages are assembled from reusable sections
The website is not designed as a collection of unrelated page layouts. It is built from a shared library of content sections that can be arranged to support the purpose of each page.
Consistent
Shared layout patterns help visitors understand how the website works regardless of where they enter.
Flexible
Sections can be combined in different ways without making every page look identical.
Maintainable
Reusable structures reduce one-off styling and make future updates easier to manage.
A recognizable rhythm across the website
Most primary pages will follow a common sequence. Not every page requires every step, but the overall flow should remain familiar.
-
01
Hero
Establishes the subject of the page through a strong headline, concise introduction and supporting imagery.
-
02
Introduction
Provides context and explains why the page subject is relevant to the visitor.
-
03
Supporting Content
Expands on services, capabilities, people, history, properties or other supporting information.
-
04
Evidence
Reinforces credibility through statistics, projects, experience, credentials or examples of completed work.
-
05
Next Step
Provides a relevant path to another page, a property, a team member or a contact opportunity.
Every page should establish purpose immediately
The opening portion of each page should quickly answer three basic questions for the visitor.
Where am I?
The page title and introductory message should clearly identify the subject.
Why does it matter?
The page should connect the subject to the visitor’s needs, interests or goals.
What should I do next?
The page should guide the visitor toward the next logical action or area of information.
Simple at the top, detailed underneath
The primary navigation should remain concise even though the website contains a substantial amount of information.
Broad navigation categories help visitors understand the organization at a glance.
Dropdown menus, secondary navigation and contextual links can provide access to additional detail without overwhelming the main header.
Different navigation systems serve different purposes
Primary Navigation
Provides access to the major areas of the website and communicates the organization’s overall structure.
Secondary Navigation
Organizes pages within a major section such as About, Expertise or Properties.
Contextual Navigation
Connects related services, properties, team members, affiliates and supporting information within page content.
Each section should communicate one primary idea
Long, uninterrupted blocks of content should be divided into focused visual sections that are easier to understand and navigate.
Text and Image
Combines narrative content with relevant project, people or location photography.
Statistics
Communicates scale, history, reach, experience and other meaningful evidence.
Service Overview
Organizes capabilities into categories visitors can quickly understand and explore.
Property Highlights
Presents developments, listings and real-world examples of Block LLC’s work.
Leadership
Introduces the experience and expertise of the people behind the organization.
Timeline
Presents company history, growth and major milestones in a clear visual sequence.
Affiliates
Explains how related companies fit within the larger Block LLC organization.
Infographics
Simplifies relationships, processes and complex information through visual explanation.
Calls to Action
Provides a clear and relevant next step based on the visitor’s current context.
Every page should provide a logical next step
Calls to action should continue the visitor’s journey rather than interrupt it with an unrelated sales message.
The hierarchy must remain clear at every screen size
Expansive and visual
Larger screens support broad photography, generous spacing and multi-column layouts.
Flexible and balanced
Layouts simplify while preserving comfortable reading widths and visual hierarchy.
Focused and direct
Content becomes linear, navigation becomes concise and the most important information remains prominent.
Every page should feel unmistakably Block LLC
Visitors may enter through the homepage, a service page, a property listing, a team profile or a search result. The experience should remain recognizable regardless of the entry point.
Shared typography
Consistent spacing
Common navigation patterns
Reusable content structures
Unified photography direction
Clear calls to action
A framework that can evolve with the organization
The website structure should support change without allowing the experience to become fragmented.
New services, properties, affiliates, reports, team members and company initiatives can be introduced using the established navigation and layout patterns.
The framework provides enough consistency to protect the brand while leaving enough flexibility for the website to grow.