# Guilford College — Page-Type Inventory & Template Plan **Engagement:** Guilford College — Drupal 11 facelift / UX refresh (Phase 1) **Task:** Audit current site & inventory page types to template (Milestone: Kickoff & Discovery) **Deliverable:** Page-type inventory & template plan **Date:** 2026-06-18 · **Author:** Web Developer (Ellis Agency) **Scope contract:** Refresh of the **primary theme/template** + **up to 5 additional reusable page templates** that cover the distinct page types across guilford.edu, **plus a portable HTML/CSS/JS frame (T6)** for the non-Drupal systems the site links to. This is a facelift/UX refresh of the existing Drupal 11 site — **not a rebuild**. > **Rev 2 (2026-06-19):** Audience priority is **locked** (Jean confirmed Ty's order — no longer an open question). A **sixth template (T6)** is added — a portable brand frame for the linked systems that are **not** on Drupal 11. All non-Drupal systems (catalog, events, giving) are **out of scope to rebuild/template**; T6 keeps them visually consistent. > **Status of this audit:** This is a **public-site first pass** based on a crawl of guilford.edu. A *complete* content-type/template audit requires Drupal 11 admin + GA access (task prerequisite **a1 — "Obtain Drupal 11 admin & GA access"**). See §6 Open Questions for what admin access will confirm or change. --- ## 1. Current-Site Page-Type Inventory Distinct page types observed on the live site, with audiences, representative URLs, prevalence, and the problems each one carries (tied to crawl evidence and kickoff directives). | # | Page type | Purpose | Primary audience(s) | Representative URL(s) | Volume / prevalence | Current problems (evidence-tied) | |---|-----------|---------|---------------------|------------------------|---------------------|----------------------------------| | 1 | **Homepage** | Front door; route every audience to its path; surface news/events/giving | All (priority: prospects → donors/alumni/community → current students → faculty/staff) | `/` | 1 (highest leverage) | Give section sits **after** academics/admissions pathways and is only "moderately prominent" — kickoff wants it **far more prominent**. Enrollment CTA present but competes. Hero image subject to focal-point/crop bug. | | 2 | **Section / Landing (Hub) page** | Top-of-section overview that routes to child pages; the dominant, most-reused pattern | All; each hub skews to one audience (Academics→prospects/current; Admissions→prospects; Student Life→prospects/current; Who We Are→all) | `/academics`, `/admissions`, `/studentlife`, `/who-we-are`, audience landing pages under "Information For" | **High** — 5+ primary hubs + audience landings; the backbone pattern | Visually **inconsistent** hub-to-hub (different hero/card/stat treatments); CTA placement varies; stat callouts and card grids not standardized; sidebar/sub-nav inconsistent; image crop bug on heroes; mobile card-stacking uneven. | | 3 | **News / Story article** | Editorial article / press / magazine story | All (acquisition + engagement; alumni/community heavy) | `/news/2024/04/late-ted-benfey-...` | **Highest volume** — sitemap is overwhelmingly `/news/YYYY/MM/slug` | Long tail of legacy articles with drifting formatting; pull-quote/inline-quote styling varies; share row dated; no consistent footer CTA; hero crop bug; ADA risk on heading order / alt text in old posts. | | 4 | **News / Story listing (index)** | Filterable/paginated feed of stories by category | All | Homepage stories feed; `/news` (404'd at exact path but a paginated/category listing clearly exists) | Medium (1 canonical index + category views) | Canonical index path unreliable (`/news` 404); filtering/pagination inconsistent with other listings (events, directory) — no shared "filterable listing" pattern. | | 5 | **Program / Major page** | Describe an academic program / major | Prospects (+ current) | `/AnalyticsMajor` (actually an old news-style page), `/program-finder` (landing/CTA, not a true index), `catalog.guilford.edu` (separate system) | Medium-high (many programs) — but **no standard template** | **Key finding: no standardized program-detail template.** `/AnalyticsMajor` is a one-off dated news narrative. Structured catalog data lives in a **separate system** (catalog.guilford.edu). `/program-finder` is a landing/CTA page, not a filterable index. Major **fragmentation + consistency opportunity**. | | 6 | **People directory (index)** | Searchable faculty/staff directory | Current students, faculty/staff, prospects | `/directory` | 1 index | Search/filter (A–Z, Faculty/Staff) + "Load More" works but is its own bespoke pattern; not aligned with news/events listing UX; ADA risk on filter controls + card semantics. | | 7 | **Person profile** | Individual faculty/staff/counselor bio | All (audience-dependent) | `/user/NNNN`; admission-counselor profile blocks on landing pages | High (one per person) | Profile layout exists but is inconsistent vs. the counselor blocks embedded on hubs; photo crop/focal-point risk; varying field completeness. | | 8 | **Events listing + Event detail** | Calendar feed + individual event pages | All (current students, community, prospects) | Homepage events block; footer/nav "Calendar" → events listing → event detail | Medium (recurring) | Another bespoke listing/detail pattern not shared with news/directory; event detail formatting + CTA inconsistent; mobile calendar usability; ADA on date/time semantics. | | 9 | **Interior / general content page** | The long tail: policies, history, mission, financial-aid detail, FAQ, Title IX | All | history, mission, financial-aid detail, Title IX, FAQ pages | **Very high** (long tail) | Basic body + breadcrumb + section sidebar, but styling drifts page to page; inconsistent sidebar/sub-nav; ADA risk in legacy body content (tables, heading order, link text); weak/absent CTAs. | | 10 | **Conversion / campaign landing** | Single-goal focused page (apply, viewbook, initiative) | Prospects; donors (giving campaigns) | `/GuilfordApp`, Uniquely Guilford viewbook, Rise | Several | One-offs with inconsistent treatment; strong candidate to standardize so enrollment + giving conversion pages share a focused, distraction-light shell. | **Cross-cutting problems (apply across types):** - **Buried Give CTA** — giving is under-emphasized site-wide; kickoff demands it be far more prominent (homepage especially). - **Image focal-point / crop bug** — Drupal media crops wrong (a tree instead of a student) on key pages; affects every hero/card image type. Fix at the **media focal-point / crop config** level, not page-by-page. - **Consistency drift** — heroes, card grids, stat callouts, sidebars, and CTA bands are styled differently across page types; the single biggest UX issue the refresh must solve. - **Mobile** — most students are on phones; card-stacking, calendar, and directory filters need a mobile-first pass (mobile + desktop deliverables required). - **ADA / WCAG AA** — legacy articles, body pages, and bespoke filter controls carry the highest accessibility risk; maintain ADA compliance throughout. --- ## 2. Template Consolidation Plan — 1 Primary + 5 Reusable Templates **The trade-off, stated up front:** 5 templates cannot cover *literally* every one-off page. We prioritize by **reuse / leverage** — templates are chosen to absorb the highest-volume and most-inconsistent page types first. Everything chosen below is **modular by component** (hero variants, card grids, stat callouts, CTA bands, sidebar/sub-nav, article body, filterable listing, profile cards), so a small template count still covers a wide surface. What's deferred is called out explicitly. Everything inherits the refreshed **Modern Heritage** look (Concept 1 — cleaner/modern, retains Guilford imagery + brand feel; the bold "Canva-looking" concept was rejected), the global header/footer/nav, the shared **CTA system** (prominent **Give** + clear **Apply/Enroll**), **media focal-point control**, and **mobile + desktop / WCAG AA** by default. ### Primary template (theme baseline): **P0 — Homepage / Front Door** The refreshed primary theme, expressed as the homepage. Detailed in §3. ### T1 — **Section / Landing Hub** - **Absorbs:** Section/Landing (Hub) pages (#2) — Academics, Admissions, Student Life, Who We Are, **and the "Information For" audience landing pages**. - **Components:** Hero (section-title variant) with focal-point control + **CTA cluster** (Apply / Visit / Request Info, with Give available); intro paragraph; **3-up / 6-up teaser card grid** (image + text + link); **stat callout band** ("52% people of color"); **themed sub-section** blocks; **featured/promo banner** (affordability, Rise); **sidebar or sub-nav** to child pages; optional embedded **profile block** (admission counselor). - **Honors directives:** Standardizes the most-reused, most-inconsistent pattern → the core consistency win. CTA cluster ordered to audience priority per hub. Give CTA available in the band. Focal-point control kills the tree/student crop bug on hub heroes. Mobile-first card stacking; AA card/stat semantics. ### T2 — **Article / Story (News + editorial body)** - **Absorbs:** News/Story article (#3) — the **highest-volume** type — and serves as the rich editorial body for magazine/press content. - **Components:** Breadcrumb; publication date; headline + subhead; **full-width hero image** with focal-point control; **article body** (pull quotes, inline quotes, inline media); **category tags**; **social share**; **footer CTA band** (Apply / Give / Request Info). - **Honors directives:** Tames the biggest legacy volume into one consistent, AA-clean reading template (heading order, alt text, link text). Footer CTA band finally gives every story a conversion exit — including **Give**. Focal-point fix on every hero. Mobile reading optimized. ### T3 — **Filterable Listing / Index** - **Absorbs:** News/Story listing (#4), **Events listing (part of #8)**, and the **People directory index (#6)** — all three bespoke listings unified into one pattern. - **Components:** Page hero/title (compact variant); **filter/sort controls** (category, A–Z, type, date); **card grid** with type-aware card (story card / event card / **profile card** with photo, name→link, title, dept); **pagination / Load More**; empty-state. - **Honors directives:** Collapses three one-off listing UXs into one accessible, consistent, mobile-friendly index — a major consistency + ADA win (one place to get filter controls right). Fixes the `/news` canonical-index reliability problem. ### T4 — **Profile / Person + Program detail** - **Absorbs:** Person profile (#7), **Event detail (part of #8)**, and — pending the client decision in §6 — **Program / Major detail (#5)**. - **Components:** Hero/identity block (photo or program banner with focal-point control); **structured meta** (title, department, contact / or program facts: degree, format, credits); **rich body**; **related cards** (related people / related programs / catalog link); **CTA band** (Request Info / Apply / Visit; Give where relevant). - **Honors directives:** Directly addresses the **program-detail fragmentation** finding — gives programs a real, repeatable detail shell that can **surface catalog.guilford.edu data** (link or feed) instead of one-off news-style pages like `/AnalyticsMajor`. Focal-point control on profile/program photos (no mis-crops). AA structured fields. - **Note:** T4 is intentionally a flexible "detail record" template (a person, an event, a program are all structured-record + body + CTA). If admin access reveals these are radically different content types, program-detail may split out — see §6. ### T5 — **Interior / General Content** - **Absorbs:** Interior/general content pages (#9) — the **very high** long tail: policies, history, mission, financial-aid detail, FAQ, Title IX. - **Components:** Breadcrumb; compact title hero; **body content** (rich text, tables, FAQ accordion, callouts); **section sidebar / sub-nav**; **inline CTA band**. - **Honors directives:** Brings the long tail into one consistent, AA-correct body shell (heading order, accessible tables/accordions, descriptive links). Adds the missing CTAs to otherwise dead-end pages. Mobile-first body layout. ### T6 — **Portable Brand Frame (non-Drupal systems)** - **What it is:** a standalone **HTML / CSS / JS** shell — header, nav, footer, the CTA system, and brand tokens (CSS variables) — that a **system administrator drops into** the linked systems that are **not** on Drupal 11, so they read as one brand with the refreshed site. Framework-agnostic, no backend assumptions. - **Covers:** `catalog.guilford.edu`, the events platform (if third-party), `giving.guilford.edu`, and any other linked non-Drupal system. - **Scope:** those systems are **out of scope to rebuild or template** (we don't own them). T6 **brands** them without replacing them. Reuses the same component kit as T1–T5, so the look carries over with no extra design. ### Templates deferred / folded in (and why) - **Conversion / campaign landing (#10)** — handled as a **variant of T1 (distraction-light hub)** or T5, not a dedicated template. A truly bespoke, nav-stripped conversion shell is a **change-order candidate**. - **Standalone "audience landing" template** — intentionally folded into **T1** (they share the hub pattern) rather than spending a template slot. --- ## 3. Primary (Homepage) Template Requirements — P0 The refreshed primary theme, instantiated on the homepage. Must serve **all** audiences (explicit kickoff guardrail: do not repeat the 2018 enrollment-only narrowing) while ordering emphasis by the governing priority. 1. **Audience-pathway block, ordered by governing priority** (homepage CTAs/emphasis follow this order while still serving everyone): 1. **Prospective students & families** — lead pathway; clear **Apply / Request Info / Visit** entry (preserve HS / Transfer / Graduate / Adult / International sub-paths). 2. **External constituents to invest/engage** — (a) **donors**, (b) **alumni**, (c) **wider community**. 3. **Current students** — note ~**60% of traffic is direct/repeat** (largely current students); give them a fast, prominent re-entry path despite lower stated priority. 4. **Faculty & staff**. 2. **Far-more-prominent Give CTA** — promote giving **above** its current post-academics/admissions position; a distinct, high-contrast **Give** action in the hero/primary CTA zone (not buried below the fold). Links to givecampus / giving.guilford.edu. 3. **Clear enrollment CTA** — unmistakable **Apply Now** (/GuilfordApp) + **Request Information** + **Schedule a Visit** in the primary CTA system. 4. **News feed** + **Events feed** blocks — standardized to the T3 listing card styles so home feeds match their index pages. 5. **"Guilford Gives"** + **"Uniquely Guilford" viewbook** promos retained but re-prioritized so giving reads as a primary action. 6. **Faculty/staff news block** + **social links** retained (serves audiences 3–4). 7. **Image focal-point control on the hero** — fixes the tree-instead-of-a-student crop bug on the highest-traffic page. 8. **Modern Heritage** visual system, **mobile + desktop** deliverables, **WCAG AA** throughout. --- ## 4. Recommended Page-Type → Template Mapping | # | Current page type | → Target template | Notes | |---|-------------------|-------------------|-------| | 1 | Homepage | **P0 — Primary / Homepage** | Audience-priority pathways; prominent Give; clear Apply; focal-point fix. | | 2 | Section / Landing (Hub) | **T1 — Section / Landing Hub** | Includes the "Information For" audience landing pages. The core consistency win. | | 3 | News / Story article | **T2 — Article / Story** | Highest volume; adds standardized footer CTA band incl. Give. | | 4 | News / Story listing (index) | **T3 — Filterable Listing / Index** | Fixes `/news` canonical-index reliability; shared filter UX. | | 5 | Program / Major page | **T4 — Profile / Person + Program detail** | **Pending client decision (§6)** — see program-detail in/out question. Surfaces/links catalog data. | | 6 | People directory (index) | **T3 — Filterable Listing / Index** | Profile-card variant of the shared listing. | | 7 | Person profile | **T4 — Profile / Person + Program detail** | Unifies standalone profiles + embedded counselor blocks. | | 8 | Events listing | **T3 — Filterable Listing / Index** | Event-card variant. | | 8 | Event detail | **T4 — Profile / Person + Program detail** | Structured-record + body + CTA variant. | | 9 | Interior / general content | **T5 — Interior / General Content** | The long tail: policies, history, FAQ, Title IX, aid detail. | | 10 | Conversion / campaign landing | **T1 variant (distraction-light)** or **T5** | Deferred as its own template; bespoke conversion shell = change-order candidate. | **Coverage check:** P0 + T1–T5 map **all 10 observed page types**. The two trade-offs are (a) program-detail rides on T4 pending the §6 decision, and (b) conversion/campaign landings are a variant rather than a dedicated template. --- ## 5. Component Library (shared across templates) The 5 templates are deliberately built from a **shared modular kit** so consistency is enforced by reuse, not by copying: - **Hero variants:** full-width image, section-title, compact/title-only, identity (profile/program) — **all with media focal-point control**. - **CTA system / bands:** primary CTA cluster (Apply / Request Info / Visit) + **prominent Give**; audience-priority ordering; reusable footer/inline CTA band. - **Card grids:** 3-up / 6-up teaser cards; story card; event card; **profile card** (photo, name→link, title, dept). - **Stat callout band** (e.g., "52% people of color"). - **Featured / promo banner** (affordability, Rise, viewbook, Guilford Gives). - **Filter / sort + pagination ("Load More")** controls — one accessible implementation. - **Article body** (pull quotes, inline quotes, inline media), **FAQ accordion**, accessible tables. - **Sidebar / sub-nav** to child pages. - **Breadcrumb**, **social share**, **category tags**. This kit is also what makes the **focal-point fix** and **ADA/mobile** work *one-time, global* efforts rather than per-page. --- ## 6. Open Questions, Dependencies & Decisions Needed **Hard dependency (blocking a complete audit):** - **a1 — Obtain Drupal 11 admin + GA access.** This document is a **public-site first pass**. Admin access is required to: enumerate the actual Drupal **content types, paragraph/block types, and view modes**; confirm which of these page types are distinct content types vs. theming variants; see unpublished/low-traffic types; and pull GA to validate volume/priority assumptions (e.g., the ~60% direct/repeat figure, top landing pages, giving-page traffic). The template count and mapping should be **re-confirmed against the real content model** once access lands. **Resolved (Rev 2):** - ✅ **Audience priority — LOCKED.** Jean confirmed Ty's order (prospects → donors/alumni/community → current students → faculty/staff). Homepage (P0) and hub (T1) CTA ordering are final. - ✅ **Sixth template — ADDED (T6).** A portable brand frame for the linked non-Drupal systems, which are confirmed **out of scope to rebuild/template**. **Decisions the client/account lead must still make:** 1. **Is program-detail in or out of the 5?** For the **Drupal** program pages, there is **no standardized template** today (`/AnalyticsMajor` is an old news-style page; `/program-finder` is a landing, not an index). Options: (a) **in** — rides T4 (recommended, high consistency leverage); (b) **out** — defer; (c) **change order** — a true program content-type + filterable index. (The `catalog.guilford.edu` system itself is non-Drupal → covered by the **T6 frame**, not a template.) 2. **Inventory the linked systems.** Confirm which linked systems are **Drupal** (get a template) vs **non-Drupal** — `catalog.guilford.edu`, events (Localist/LiveWhale?), `giving.guilford.edu` — which get the **T6 frame**. This sets the T6 build list. 3. **Image focal-point fix scope.** Confirm the Drupal **media focal-point / crop / image-style config** is the root cause of the tree-vs-student bug and that we have access to set focal points + crop styles (touches the editorial workflow). **Handoffs to sequence from this audit:** - **SEO specialist** — redirects (e.g., `/news` canonical index path, any URL changes from listing consolidation), schema, sitemap — **before launch, not after**. - **Art director** — Nav/UX concepts + Modern Heritage primary-template design, then the 5 page-template designs (mobile + desktop). - **Copywriter** — CTA copy (Give + enrollment), hub intros, audience-pathway labels. - **Analytics-insights** — validate volume/priority assumptions against GA once access lands (depends on a1). --- ## Summary - **Inventory:** **10 distinct page types** observed on the live guilford.edu (homepage, section/landing hub, news article, news listing, program/major, directory index, person profile, events listing+detail, interior/general content, conversion/campaign landing). - **Recommended consolidation:** **1 primary (homepage) template (P0) + 5 reusable Drupal templates** — **T1 Hub**, **T2 Article/Story**, **T3 Filterable Listing**, **T4 Profile/Person + Program**, **T5 Interior** — **plus T6, a portable HTML/CSS/JS brand frame** for the non-Drupal systems the site links to. All built from one shared component kit. - **Audiences locked:** Jean confirmed the priority order, so homepage & hub CTA emphasis is final. - **Mapping highlights:** all 10 page types covered by P0 + T1–T5; linked non-Drupal systems get the T6 frame; conversion landings ride a T1 variant. - **Scope:** linked non-Drupal systems (catalog, events, giving) are **out of scope to rebuild/template** — they receive the T6 frame. - **Still open / dependency:** program-detail in/out of the 5 (Drupal pages); image focal-point root-cause + access; and a complete audit needs **Drupal 11 admin + GA access (task a1)** — this is a public-site first pass.