Website Framework
The structural principles that guide how pages, navigation, content and visual elements work together across the redesigned Block LLC website.
A consistent structure for a complex organization
The Block LLC website must present a broad range of services, properties, affiliates, people and company information without feeling complicated or crowded.
The redesigned website uses a clear hierarchy, repeatable page patterns and intentional navigation to make the organization easier to understand. Each page may tell a different story, but every page should feel like part of the same experience.
A recognizable rhythm across the website
Most pages will follow a common sequence that introduces the subject, supports it with evidence and guides the visitor toward an appropriate next step.
-
01
Hero
Introduces the page through a strong headline, concise message and relevant photography.
-
02
Introduction
Explains the subject and establishes why it matters to the visitor.
-
03
Supporting Content
Provides services, capabilities, history, people or other relevant information.
-
04
Evidence
Reinforces credibility through projects, statistics, testimonials, credentials or market knowledge.
-
05
Next Step
Directs the visitor toward related content, a property search, a team member or a contact opportunity.
Simple at the top, detailed underneath
The primary navigation should remain concise even though the website contains a significant amount of information.
Broad categories help visitors understand the organization at a glance. Secondary pages, dropdown menus and contextual links provide access to the additional detail without crowding the main navigation.
Every page should establish purpose immediately
The hero is the first opportunity to create context, communicate confidence and give the visitor a reason to continue.
Where am I?
The page title and supporting message should make the subject immediately clear.
Why does it matter?
The content should quickly connect the page subject to the visitor’s goals or interests.
What comes next?
The hero may introduce a clear action or naturally lead into the next section of the page.
Pages are assembled from focused visual stories
Long, uninterrupted pages of text should be replaced with purposeful sections that each communicate one primary idea.
Text and Image
Combines concise narrative content with relevant project, people or location photography.
Statistics
Uses meaningful numbers to communicate scale, history, reach and experience.
Services
Organizes capabilities into clear categories that visitors can quickly understand and explore.
Properties
Highlights developments, listings and real-world examples of Block LLC’s work.
Leadership
Introduces the experience and expertise of the people responsible for the organization.
Timeline
Presents the company’s history, growth and major milestones in a visual format.
Affiliates
Explains the relationship between Block LLC and its affiliated organizations.
Infographics
Simplifies complex processes, capabilities and company relationships through visual explanation.
Calls to Action
Provides a clear and relevant next step without disrupting the visitor’s experience.
Structure through spacing, typography and contrast
Whitespace
Generous spacing allows content to feel intentional, sophisticated and easier to understand.
Typography
Headline scale, reading width and text contrast establish hierarchy without unnecessary decoration.
Section Contrast
Light, neutral and dark sections create rhythm and clarify transitions between major ideas.
Images should communicate scale, quality and place
Photography is a primary part of the website’s communication, not simply a decorative background.
Images should reinforce the content and provide evidence of Block LLC’s work, people and connection to the communities it serves.
- Completed properties
- Active developments
- Architecture and design details
- Aerial property photography
- Leadership and team members
- Construction and field activity
- Kansas City and regional landmarks
- Community involvement
Every page should offer 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 survive every screen size
Expansive and visual
Larger screens use generous spacing, broad photography and multi-column layouts.
Flexible and balanced
Layouts simplify while preserving hierarchy, imagery and comfortable reading widths.
Focused and direct
Content becomes linear, navigation becomes concise and the most important information remains prominent.
Every page should feel unmistakably Block LLC
A visitor may enter the website through the homepage, a service, a property, a team member or a search result. The experience should remain recognizable regardless of the entry point.
Shared typography
Consistent spacing
Common navigation
Familiar page patterns
Unified photography
Clear calls to action
A structure that can evolve with the organization
The website architecture should support change without allowing the experience to become fragmented.
New services, properties, affiliates, reports, leadership profiles and company initiatives can be introduced using the established navigation and layout patterns. The framework provides consistency while leaving room for the website to grow.