tUX Microsite LTO 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 LTO-Standard 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 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: Standard fast facts should follow order of all 4 facts outlined below. Make adjustments to the icon(s), as necessary. “Small grid size” toggled on. Delete note after reading.
Modality
Duration
Credit Hours
Cost Per Credit
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: Two Column component with a 65/35 layout and “[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 default font size.
Program Details (standard heading), H2 Header
Content uses the default font size OR
- Max of 5. 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 “[bold]” background color (match overview page for site consistency). Delete note after reading.
Reusable Block: [Optional] Specializations/Concentrations (flexible heading), H2 Header
Content uses the regular font size.
[Option 1]: CAT NOTE: 3 programs max. Icon Content will use ‘Default’ “Style” and circle/outline toggled on. Make adjustments to the icon(s) to apply to the program(s). Delete note after reading and delete option not used.
[Option 2]: CAT NOTE: 4+ programs. No more than 3 programs in a row. The specializations’ name will only be displayed in the “Icon Content” block. Icon Content will use ‘Vertical Center’ “Style” and circle/outline toggled on. Select icon(s) to apply to programs(s). Delete note after reading and delete option not used.
CAT NOTE: Only needed if specialization hub is part of the strategy–if not, remove this One Column. One Column will be u-center, match the background color of the component above, and will have top spacing removed. Update the button URL to the relative URL for the specialization hub. Delete note after reading and updating.
CAT NOTE: Tab names, tab icons, and button wording/style within tabs are standard. Please do not change, unless there is a nomenclature adjustment. 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: “International Students” section may or may not be included, depending on the partner. If the content is different from the RB due to program needs, break the RB below and update as necessary. Delete note after reading.
Possible Reusable Block: International Students (flexible heading), H3 header (if applicable)
RB: Content uses the default font size, if needed.
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. 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. We are allowed to use a featured list instead of a table, if needed. If there is only 1 international student admission requirement, please remove this One Column and add it as a row to the table above. Delete note after reading.
| English Language Proficiency | Content uses the default font size |
|---|---|
| Official Transcript Evaluation | Content uses the default font size |
| Passport | Content uses the default font size |
| Notarized Affidavit of Support Form | Content uses the default font size |
Admissions Hub CTA (flexible heading), H2 Heading
Content uses the regular font size.
CAT NOTE: Secondary button wording is standard and links to the brand admission hub. Delete note after reading.
AdmissionsTuition (flexible heading), H2 Heading
Calculate your cost for attending [Partner] Use our tuition calculator to help you estimate your total tuition costs.
CAT NOTE: Copy in this reusable block is standard. DO NOT change aside from updating the partner name. Delete note after reading.
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 tuition table (Ex: Other costs row 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 tuition 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.
| Cost per Credit Hour | $XXX |
|---|---|
| Total Number of Credit Hours | XX |
| Total Estimated Tuition | $XX,XXX |
| [Optional] Additional Fees | $XX, row kept only if applicable |
| Other Costs to Budget For | The estimated tuition cost does not include factors like textbooks or other expenses |
Reusable Block: Military Students (flexible heading), H3 Header
RB: Content uses the default font size.
Reusable Block: Financial Aid (flexible heading), H3 Header
RB: Content uses the default font size.
CAT NOTE: Secondary button wording is standard and should link to Brand tuition page. Delete note after reading.
Tuition DetailsCAT 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.
CAT NOTE: One Column component with a “[bold]” background. Delete note after reading.
Career/Industry Cards (flexible heading), H3 Header
CAT NOTE: There should only be 2 cards. Row alignment is using “Stretch.” Delete note after reading.
Job Title/Industry Stat ## per year#
Job Title/Industry Stat ## per year#
“[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 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: 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.