tUX Microsite Traditional Program Overview 08.2024
CAT NOTE: Template will be published for site review. Once site review is completed (usually during the “Vet Issues” task), please unpublish templates. If there are DEV tickets using this template as an example, please provide the public preview links. Remove RB from templates after unpublishing the templates.
CAT NOTE: Update component colors based on notes and best judgement. Create consistency across the site when possible (ex: Quote block). Design will provide recommendations during their review, if needed. Remove RB from templates after updating (usually during “Template Setup” task before upload).
CAT NOTE: Check if the “Normalize Heading Sizes” Feature Flag is turned on in the theme settings for the template site. DO NOT ADJUST THE TOGGLE SETTINGS (FOR DEV ONLY). If your site does not have this turned on, update headers to include classes as needed. Remove RB from templates after updating (usually during “Template Setup” task before upload).
CAT NOTE: This template may be used on Traditional tUX sites and/or for LTO-Expanded sites/launches using this strategy, unless the partner uses custom templates per CH. Confirm no updates are needed to this template by comparing against the template site before cloning. [If this page isn’t in the sitemap of the Matrix for, delete the page during “Template Setup”. If this page is needed, remove this underlined portion of the note]. Delete note after reading.
CAT NOTE: There may be opportunities for additional reusable blocks (RBs) on pages. Delete note after reading.
CAT NOTES (Right Rail):
- Update URL.
- Template selected should be “Default Program.”
- Select the correct level and field of study.
- “Freya Embed Form” should have the Freya form and “All Programs” selected.
- Add “Custom Page Heading” for H1. Program Title should be the name we want to appear in the subnav, /programs/ page, program sliders, and breadcrumbs.
- Add summary that will appear on /programs/ page and program cards.
- Delete notes after reading.
CAT NOTE: Hero B component. Focus image and add overlay, as needed. Delete note after reading.
H2 Header w/ u-f800 class [Hero 2]
CAT NOTE: Must include 4 flexible, fast facts. Make adjustments to the icon(s) as necessary. “Small grid size” toggled on. Delete note after reading.
Flexible Fact
Flexible Fact
Flexible Fact
Flexible Fact
Request More Information
CAT Note: Reusable block copy might need small adjustments to align with partner guidelines/style. Please refer to GC. If the RFI copy is completely rewritten loop in Allyson Priano. If no content is included, leave content below as is. Delete note about reading/applying change, if necessary.
CAT Note: If working on an international partner, RFI heading might need to be adjusted to sentence case. Confirm with Brand that this is the case before adjusting. Heading is a H2 w/ h3 class. Delete note about reading/applying change, if necessary.
Complete this form to receive information about coursework, admissions, tuition, and more.
CAT NOTE: Programmatic Facts block using default color. Duration, Cost-per-Credit, and Credit hours will need to be input in the “Program Financial Values” and “Program Comparison Values” toward the end of this page. You MUST QA the frontend to ensure the values are populating properly. Delete note after reading.
- Duration
- Cost per Credit $
- Credit Hours
Program Benefits
Paragraph uses the default font size [OR]
- Max of 5. Unordered list
- Content uses the default font size
CAT NOTE: If strategy does not call for the FAQ hub, toggle off the FAQ button below in the right rail: program > “The Exclude FAQ Button from Programmatic Facts” > ‘Exclude.’ Delete note after reading.
CAT NOTE: Two Column component with a 35/65 layout and a [“neutral”] background color. Column layout can be adjusted, if needed, to fit content better. Delete note after reading.
Elevator Pitch (flexible heading), H2 Header
Content uses the regular font size.
CAT NOTE: This section only applies to programs with individual specialization overview pages. If this section does not apply, delete the One Column. One Column component with “[bold]” background color (match overview page for site consistency). Uses program slider to display specializations. Delete note after reading.
Reusable Block: [Optional] Specializations/Concentrations (flexible heading), H2 Header
Content uses the regular font size.
CAT NOTE: Card tab icons and names are standard and should not change. If no heading is provided in GC, use tab name. Delete note after reading.
Curriculum (flexible heading), H2 Header
CAT NOTE: 2 Flexible Facts required. Adjust icons to match facts. Delete note after reading.
Flexible Fact
Flexible Fact
Content uses the default font size.
Course Highlights (standard heading), H3 Header
- Course title/topic only
- Course title/topic only
- Course title/topic only
- Course title/topic only
CAT NOTE: Secondary Button wording is standard and should link to programmatic courses page. Delete note after reading.
Curriculum DetailsAdmissions (flexible heading), H2 Header
CAT NOTE: Icon facts are standard and should not change. If the content is different from the reusable key admission dates block(s) due to program needs, break the reusable block below and update as necessary. Start dates may differ based on program level, so you may need to create reusable blocks based on this. Determine the best course of action and add the various RBs to this template.
Application Deadline MM/DD/YY Semester QX YYYYY
Start Date MM/DD/YY Semester QX YYYYY
Content uses the default font size.
CAT NOTE: During new site setup, regular sized table below should be updated to reflect the correct left column information for this partner to ensure site consistency. You may also include any reusable copy that may appear on all programmatic admissions table (Ex: Online Application Form right column). If the table is the same for most programs, it can turn it into a RB (can even have multiple RBs if needed–ex: graduate programs and undergrad programs admission tables). If possible, turn into a RB. Delete note from templates after updating (usually during “Template Setup” task before upload).
CAT NOTE: During new site setup, it should be determined if the right column will use periods or not for site consistency. Update this note in the template to reflect the decision. Delete note after reading.
| Online Application Form | Apply Now |
|---|---|
| Degree and Minimum GPA | Content uses the default font size |
| Transcripts | Content uses the default font size |
| Transfer Credits | Content uses the default font size |
| [Optional] Official [Test] Score(s) | Content uses the default font size |
| [Optional] Additional Requirements | Content uses the default font size
|
CAT NOTE: Secondary Button wording is standard and should link to the program’s admissions page, if available. Otherwise, use the RB that links to the admission hub page. Delete note after reading.
Admissions DetailsTuition (flexible heading), H2 Header
CAT NOTE: 2 Flexible Facts required. Adjust icons to match facts. Rather than using the tuition calc RB, we’ll use last fact below. Update to include partner’s name. Delete note after reading.
Content uses the default font size.
CAT NOTE: Secondary Button wording is standard and should link to the program’s tuition page, if available. Otherwise, use the RB that links to the brand tuition page. Delete note after reading.
Tuition Details“[Optional] quote & image. Must include quotation marks. Try to make quote background colors consistent across site, if possible. Remove block if component is not used.”
– Person, Program, Class of ####–upload this content as sentence case
CAT NOTE: Two Columns Media component with media on the left and “White” background color. Delete note after reading.
Careers (flexible heading), H2 Header
Content uses the default font size.
Explore CareersCAT NOTE: Secondary Button above is standard and links to the program’s careers page, if career pages are included in the strategy. If not, delete button. Delete note after reading.
CAT NOTE: Two Column component with a 35/65 layout and “White” background color. Column layout can be adjusted, if needed, to fit content better. Delete note after reading.
What You’ll Learn (standard heading), H2 Header
Content uses the default font size.
Program Outcomes Header (standard heading), H3 Header
CAT NOTE: Header created above will be created at site launch and become standard across all overviews for that specific partner. Adjust the template to reflect this and delete this note from the template.
- Max of 8. Default font size unordered list w/ tux-c-featured-list class
- Content uses the default font size
- Content uses the default font size
CAT NOTE: One Column component with a “[neutral]” background with “Remove bottom spacing” toggled on–make faculty background color the same across all pages (Brand and programmatic), if possible. Delete note after reading.
Reusable Block: General Faculty (flexible heading), H2 Header
Content uses the default font size.
- No limit. Unordered list. Content uses the default font size
- Content uses the default font size
- Content uses the default font size
CAT NOTE: Secondary button wording and URL is standard. Default is to exclude the Faculty archive page, but UX & SEO will determine if this page is needed. If proceeding with the page, we’ll need meta provided. If proceeding without, remove button. Delete note after reading.
View All Faculty[Default Option 1]: CAT NOTE: If 1 faculty member displayed, use the One Column below. Image resolution should be “Full Size.” Delete note after selecting option and reading.
Name, Title, program w/ highlight class
Faculty Spotlight: [Name] (standard heading), H3 Header
Content uses the default font size.
CAT NOTE: Use best judgement if accordion below is needed or not. Accordion label should stay the same for site consistency. Delete note after reading.
[Optional] H4 Header
Accordion, if needed; content uses the default font size
[Option 2]: CAT NOTE: During new site setup, determine which of the two layouts will work best for the partner and remove the unused option to ensure site consistency. If 2 faculty member displayed, use the One Column below (plus One Column above). Image resolution should be “Full Size.” Delete note after selecting option and reading.
Faculty Spotlight: [Name] (standard heading), H3 Header
Content uses the default font size.
CAT NOTE: Use best judgement if accordion below is needed or not. Accordion label should stay the same for site consistency. Delete note after reading.
[Optional] H4 Header
Accordion, if needed; content uses the default font size
Name, Title, program w/ highlight class
[Option 2]: CAT NOTE: During new site setup, determine which of the two layouts will work best for the partner and remove the unused option to ensure site consistency. If 2 faculty member displayed, use the One Column below (remove the One Columns above). Image resolution should be “Full Size.” Delete note after selecting option and reading.
Name, Title, program w/ highlight class
Faculty Spotlight: [Name] (standard heading), H3 Header
Content uses the default font size
CAT NOTE: Use best judgement if accordion below is needed or not. Accordion label should stay the same for site consistency. Delete note after reading.
[Optional] H4 Header
Accordion, if needed; content uses the default font size
Name, Title, program w/ highlight class
Faculty Spotlight: [Name] (standard heading), H3 Header
Content uses the default font size
CAT NOTE: Use best judgement if accordion below is needed or not. Accordion label should stay the same for site consistency. Delete note after reading.
[Optional] H4 Header
Accordion, if needed; content uses the default font size
CAT NOTE: One Column component will have a “[bold]” background color. This component may be converted to 50/50 media component, if desired; otherwise, default to this layout. Reusable OLE block below. Do not delete or remove this RB. Delete note after reading.
CAT NOTE: [Only for strategies including FAQs such as Traditional or LTO-Expanded–otherwise, exclude] Two Column component with a 35/65 layout and a “[neutral]” background color that can be adjusted, if needed. Just try to keep this section color consistent across the programmatic pages. Delete note after reading.
Frequently Asked Questions
CAT Note: Reusable block. Header & wording is standard and should not be changed. Heading is H2 and copy is regular sized. Delete note after reading.
Explore our frequently asked questions for in-depth answers. If you don’t find what you’re looking for, reach out to us.
CAT NOTE: List the standard 6 FAQs from the demo site, unless otherwise noted. If there will NOT be a main FAQ page, switch “FAQ Selection” from ‘Program’ to ‘Custom’ so the automatic button will be excluded. Delete note after reading.
FAQ answer here.
CAT NOTE: One Column component with “White” background color. Adjust Sources and Disclaimers heading as necessary to fit partner’s nomenclature and the content provided (ex: plural vs singular). Delete note after reading.
Sources and Disclaimers (standard heading), H2 Header w/ h3 class
- Small sized ordered list, source is hyperlinked.
- Small sized ordered list, source is hyperlinked.
- Small sized ordered list, source is hyperlinked.
CAT NOTE: Disclaimers on the site are small sized copy and italicized. Delete note after reading.
CAT NOTE: Use variables in “Seo Title” and “Meta description” if you can. Delete note after reading.
CAT NOTE: In the “Tealium Settings” section, update the ‘Associated Program’ dropdown. The program MUST be appearing in the RFI in order to appear in the list. If it does not appear, try re-clicking the ‘Program API’ button in “Settings” and refreshing this page. ‘Page Type’ and ‘Site Section’ can be left blank. They should default to ‘Page Type = Program’ and ‘Site Section = Online Programs.’ Confirm this is functioning correctly on the frontend. Delete note after reading.