MAEC Website Wireframe
Full sitemap wireframe for all 8 main pages and subpages. Structured for clear heading hierarchy, semantic content blocks, and optimized information architecture. Lorem ipsum copy is used throughout to show content density and flow.
Legend
Hero / H1
Primary CTA
Form
Featured (AmDee note applied)
AmDee note callout
Block 1 · Hero
<h1>
Advancing Educational Equity Through Family Engagement & School Improvement
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Explore Our Services →
[hero image — students/educators in classroom or community setting]
Block 2 · Focus Areas AmDee note applied
<h2>
What We Focus On
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
[icon/photo — families]
Family Engagement
<h3>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Learn more →[icon/photo — school building]
School Improvement
<h3>
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Learn more →[icon/photo — diverse classroom]
English Learners
<h3>
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Learn more →AmDee note: "Showcase we do family engagement and school improvement as the two main focus areas" + "Topic and areas are the service areas such as English Learners, Family Engagement etc."
Block 3 · Who Is MAEC?
<h2>
[photo — MAEC team or staff at work]
Who Is MAEC?
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Learn About Our Mission →
Block 4 · Newsletter AmDee note applied
<h2> · inline form
Stay Connected
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Subscribe to get monthly updates on our work, upcoming events, and new resources delivered straight to your inbox.
[ your email address ]
Subscribe
AmDee note: "Newsletter subscription more prominent" — now positioned high with featured styling vs. original Block 7 placement.
Block 5 · Resources
<h2>
Resources
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Teaser of our newest tools, guides, and publications for educators and families.
[resource thumbnail]
Lorem Ipsum Resource Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Access resource →[resource thumbnail]
Consectetur Adipiscing Guide
Sed do eiusmod tempor incididunt ut labore et dolore.
Access resource →[resource thumbnail]
Ut Labore Toolkit
Ut enim ad minim veniam, quis nostrud exercitation ullamco.
Access resource →
Block 6 · News & Events
<h2>
News & Events
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Teaser of upcoming events and news.
Upcoming Events
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
View all events →Latest News
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia.
View all news →
Block 7 · Testimonials
<h2>
What Our Clients Say
[photo]
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
[photo]
"Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
Block 8 · Donate
<h2>
Support Our Work
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Your donation fuels educational opportunity for students across the country.
Donate Now →
[photo — students benefiting / impact moment]
Block 9 · Federal Programs
<h2>
Our Federally Funded Programs
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Description of our two federally funded programs and the communities they serve.
[CEFAM logo / program photo]
CEFAM
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore.
Visit subsite →[CEE logo / program photo]
CEE
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.
Visit subsite →
Header
<h1>
About MAEC
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Join Our Cause — Give Today
[hero image — MAEC team or community]
Block 1 · Educational Excellence
<h2> · text + image
Pursuing Educational Excellence
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
[accompanying visual]
Block 2 · Our Purpose
<h2>
Our Purpose
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Our mission drives every decision and every partnership.
Go to Mission Page →
[photo — community/purpose visual]
Block 3 · What Makes Us Different
<h2>
[photo — distinct approach visualization]
What Makes Us Different
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Our systemic approach sets us apart. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
See Our Services →
Block 4 · Our Impact
<h2>
Our Impact
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Read Annual Report →
[photo — students/impact moment]
↳ Subpage 2AMission / Vision/about/mission
Header
[mission visual]
Block 1 · Mission Statement
<h2>
Mission Statement & Values
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Our mission statement paragraph lives here.
[icon]
Value One
Lorem ipsum dolor sit amet.
[icon]
Value Two
Consectetur adipiscing elit.
[icon]
Value Three
Sed do eiusmod tempor.
Block 2 · How Far We've Come
<h2>
How Far We've Come
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Brief progress narrative highlighting key milestones.
View Our History →
↳ Subpage 2BHistory/about/history
Header
<h1>
Our History
[archival/historical photo]
Block 1 · Expertise Meets Experience
<h2>
Where Expertise Meets Experience
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Block 2 · Timeline
<h2>
Our Timeline
1992
[photo]
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
2001
[photo]
Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
2012
[photo]
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
2019
[photo]
Duis aute irure dolor in reprehenderit in voluptate velit esse.
2024
[photo]
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia.
Block 3 · CTA
Lorem ipsum dolor sit amet. Read about our most recent year of work.
Read Annual Report →
↳ Subpage 2CJob Openings / Careers/about/careers
Header
<h1>
Careers at MAEC
[photo — team at work / collaborative moment]
Block 1 · Why Join MAEC?
<h2>
Why Join MAEC?
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Description of our work and what it's like to be part of the team.
Explore Open Roles →
[photo — staff collaborating]
Block 2 · Committed to DEI
<h2>
Committed to DEI
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Equal employment opportunity statement.
↳ Subpage 2DStaff/about/staff
Header
<h1>
Our Team
[group team photo]
Block 1 · Intro
<h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Short introduction to the MAEC team.
Block 2 · Staff List
<h3> per person
[photo]
Jane Doe
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
[photo]
John Smith
Sed do eiusmod tempor incididunt ut labore.
[photo]
Maria Lopez
Ut enim ad minim veniam, quis nostrud.
[photo]
David Chen
Duis aute irure dolor in reprehenderit.
[Continued list — 4 per row]
↳ Subpage 2EBoard of Directors/about/board
Header
<h1>
Our Board of Directors
[board group photo]
Block 1 · Intro
<h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Introduction to our board and their role.
Block 2 · Board List
<h3> per person
[photo]
Board Member Name
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor.
[photo]
Board Member Name
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
[photo]
Board Member Name
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.
[Continued list — 3 per row]
↳ Subpage 2FPartners (content in progress — mirrors Staff/Board layout)/about/partners
Content not yet developed — will mirror Staff / Board of Directors structure (hero + intro block + partner grid)
Header
<h1>
Services We Offer
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Explore Our Services
[hero image — services in action]
Block 1 · What We Do
<h2>
[photo — service delivery / coaching session]
What We Do
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Block 2 · Services by Category
<h2> + <h3> per category
Our Services
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Our work spans three connected service categories.
[category icon/photo]
Category One
<h3>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor.
• Service one
• Service two
• Service three
Explore →• Service two
• Service three
[category icon/photo]
Category Two
<h3>
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
• Service one
• Service two
• Service three
Explore →• Service two
• Service three
[category icon/photo]
Category Three
<h3>
Duis aute irure dolor in reprehenderit in voluptate velit esse.
• Service one
• Service two
• Service three
Explore →• Service two
• Service three
[potential illustration]
Block 3 · How We're Different
<h2>
How We Do Things Differently
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
[photo — distinctive approach in action]
Block 4 · Contact Form
Submit Request →
<h2>
Request Our Services
Lorem ipsum dolor sit amet. Let us know how we can help.
Name *[text input]
Organization *[text input]
Email *[email input]
Role[text input]
Service of interest[dropdown]
Message[textarea]
↳ Subpage 3AHow We Work/services/how-we-work
Header
[methodology visual]
Block 1 · Why MAEC Is Unique
<h2>
Why MAEC Is Unique
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Block 2 · Theory of Change
<h2>
Our Theory of Change
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Our theory of change framework guides everything we do.
[theory of change visual / framework diagram]
Block 3 · CI4E Process
<h2> + <h3> per step
The CI4E Process
Lorem ipsum dolor sit amet. Our Continuous Improvement for Equity process works in four connected phases.
[icon]
Assess
Lorem ipsum dolor sit amet.
[icon]
Plan
Consectetur adipiscing elit.
[icon]
Implement
Sed do eiusmod tempor.
[icon]
Evaluate
Ut labore et dolore magna.
↳ Subpage 3BWhere We Work/services/where-we-work
Header
[regional/community photo]
Block 1 · Introduction
<h2>
Supporting Students Across the Country
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
AmDee note opportunity: "Should there be on-ramps for those who are in Maine, R1, R3? How do they 'apply?'" — this block is a natural home for those on-ramps.
Block 2 · States Map
<h2>
States We Actively Serve with Federal Funding
[Interactive U.S. map — active states highlighted]
Block 3 · Federal Programs
<h2>
Our Federally Funded Programs
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Description of CEFAM and CEE.
[CEFAM logo / program photo]
CEFAM
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Visit subsite →[CEE logo / program photo]
CEE
Ut enim ad minim veniam, quis nostrud exercitation ullamco.
Visit subsite →↳ Subpage 3CService Pages (template — content in progress)/services/[service-slug]
Content still in progress — template will follow outcome-based titles per AmDee note ("Subpages should be outcomes that audience can relate and search for")
Header
<h1>
Impact That Changes Lives
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
[hero image — students/impact moment]
Block 1 · Top Impact Highlights
<h2>
Our Impact to Date
250K+
Students reached across partner schools.
45
States served through federal programs.
1,200
Educators trained in evidence-based practice.
30+
Years of continuous impact and service.
Block 2 · Testimonials
<h2>
Client Testimonials
[photo]
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
[photo]
"Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
Block 3 · Annual Report
<h2>
Read Our Annual Report
Lorem ipsum dolor sit amet, consectetur adipiscing elit. See the full story of our latest year in numbers, narratives, and outcomes.
Get the Annual Report →
[annual report cover preview]
↳ Subpage 4AAnnual Report/impact/annual-report
Header
[annual report cover image]
Block 1 · Reflecting on Progress
<h2>
Reflecting on Progress, Driving Impact
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Brief excerpt from the report's opening letter.
[ED portrait or year-in-review image]
Block 2 · 2025 Impact Highlights
<h2> + <h3> per highlight
2025 Impact Highlights
[photo]
Highlight One
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
[photo]
Highlight Two
Ut enim ad minim veniam, quis nostrud.
[photo]
Highlight Three
Duis aute irure dolor in reprehenderit.
Block 3 · Snapshots
Download Full Report →
<h2>
What's Inside the Report
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Brief snapshots of each section.
[preview]
Section One
Consectetur adipiscing elit.
[preview]
Section Two
Sed do eiusmod tempor.
[preview]
Section Three
Ut labore et dolore magna.
Block 4 · Previous Reports
<h2>
Previous Reports
[cover]
2024 Report
Download →[cover]
2023 Report
Download →[cover]
2022 Report
Download →[cover]
2021 Report
Download →↳ Subpage 4BCase Studies (content in progress)/impact/case-studies
Content still in progress
Header
<h1>
Resources for Change
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
[hero image — resources/library visual]
Block 1 · Intro
<h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Short description of the resource library, who it's for, and how to use it.
Block 2 · Featured Resources
<h2> + <h3> per resource
Featured Resources
[cover]
Lorem Ipsum Guide Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Access →[cover]
Consectetur Toolkit
Sed do eiusmod tempor incididunt ut labore.
Access →[cover]
Ut Labore Research Brief
Ut enim ad minim veniam, quis nostrud exercitation.
Access →
Block 3 · By Category
<h2> + <h3> per category
Browse by Category
[category icon]
Family Engagement
Lorem ipsum dolor sit amet.
[category icon]
School Improvement
Consectetur adipiscing elit.
[category icon]
English Learners
Sed do eiusmod tempor.
[category icon]
Equity & Access
Ut labore et dolore magna.
[category icon]
Leadership
Ut enim ad minim veniam.
[category icon]
Research
Duis aute irure dolor.
Header
<h1>
Fuel Educational Opportunity for All
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Donate Now ↓[hero image — student/family impact moment]
Block 1 · Why Donate
<h2>
[photo — story of impact]
Why Donate
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Description of the value of our work and why support matters.
Block 2 · Contribute to Change
<h2> + <h3> per giving level
Contribute to Change
Lorem ipsum dolor sit amet. Ways to give and what your contribution goes toward.
[icon]
$50
Supporter
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
[icon]
$250
Advocate
Sed do eiusmod tempor incididunt ut labore et dolore.
[icon]
$1,000
Champion
Ut enim ad minim veniam, quis nostrud exercitation ullamco.
Block 3 · Donation Form
Complete Donation →
<h2> · anchor target for jumplink
Make Your Donation
Lorem ipsum dolor sit amet. Secure donation processed through [payment processor].
Amount[$50] [$100] [$250] [$500] [Custom]
Frequency[One-time] [Monthly]
Name *[text input]
Email *[email input]
Payment details[card fields]
Tax receipt[opt-in checkbox]
Header
<h1>
News and Blogs
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
[hero image — newsroom/communication visual]
Block 1 · What's Happening
<h2> + <h3> per item
What's Happening
Lorem ipsum dolor sit amet. News and announcements from MAEC.
[news image]
Lorem ipsum dolor sit amet
Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.
Read →[news image]
Ut enim ad minim veniam
Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.
Read →[news image]
Duis aute irure dolor
In reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla.
Read →
Block 2 · Blog Posts
<h2> + <h3> per post
Blog Posts
[featured image]
Lorem Ipsum Blog Post Title Here
Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.
[avatar]
[featured image]
Consectetur Post Title Here
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
[avatar]
[featured image]
Sed Do Eiusmod Tempor Title
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.
[avatar]
[Pagination · 1 2 3 ... Next →]
Block 3 · Subscribe
<h2>
Subscribe to Our Newsletter
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Get new posts delivered monthly.
[ your email address ]
Sign Up
Header
<h1>
Contact Us
Lorem ipsum dolor sit amet, consectetur adipiscing elit. We'd love to hear from you.
[office or team photo]
Block 1 · Request Our Services
Submit Request →
<h2>
Request Our Services
Lorem ipsum dolor sit amet. For schools, districts, and organizations interested in partnering with MAEC.
Name *[text input]
Organization *[text input]
Role[text input]
Email *[email input]
Phone[phone input]
Service of interest[dropdown]
Message[textarea]
Block 2 · General Inquiries
Send Message →
<h2>
General Inquiries
Lorem ipsum dolor sit amet. For press, media, and general questions.
Name *[text input]
Email *[email input]
Message[textarea]
Block 3 · MAEC Info
<h2>
Visit or Connect
Location
[street address]
[city, state ZIP]
Phone: [phone]
Email: info@maec.org
Hours: Monday–Friday, 9am–5pm ET
[city, state ZIP]
Phone: [phone]
Email: info@maec.org
Hours: Monday–Friday, 9am–5pm ET
[embedded map]
Follow Us
Lorem ipsum dolor sit amet, stay connected on social.
[FB]
[LI]
[X]
[IG]
[YT]