Project Record

Changelog

Automatic Database Migrations

  • Added a lightweight Hostinger-compatible migration runner that applies new incremental database releases automatically after Git deployment.
  • Added migration locking and an application migration ledger so each release runs only once, including concurrent first requests.
  • Automated the current Team CMS content update and Yan Liang portrait removal for staging and future deployments.

Team CMS Photo Removal

  • Replaced the low visibility portrait removal checkbox with a dedicated Remove Photo action in the Team CMS editor.
  • Added explicit confirmation and retained protected server side deletion so only managed CMS uploads can be removed from storage.

CMS Portrait Synchronization and Principles Statement

  • Connected the homepage and all legacy team profile pages to the public CMS portrait feed so uploaded member images replace static placeholders everywhere.
  • Removed the forced grayscale treatment from Team page portraits so uploaded photographs retain their original color.
  • Expanded the Guiding Principles center statement and removed its inherited narrow width, producing a single composed desktop line with a controlled mobile wrap.

Guiding Principle 07 Alignment

  • Moved the seventh guiding principle into the left column beneath principle 05 so it follows the established two-column reading axis.
  • Preserved the sequential single-column layout on tablet and mobile and verified that the section introduces no horizontal overflow.

Homepage Hero and Interior Header Width

  • Rebuilt the homepage hero as a full bleed Counselion editorial experience using the real world map asset, restrained gold hierarchy, fixed institutional nodes, and two clear advisory actions.
  • Removed the former photographic slider and person imagery so the hero remains focused on Counselion's global academic ecosystem.
  • Corrected single column interior page headers to use the full available editorial width instead of being constrained to half of the hero grid.

Conditional Strategic Inquiry System

  • Rebuilt the consultation request as one responsive Counselion inquiry form with shared contact information and four conditional advisory tracks.
  • Added the complete Early Strategy, Undergraduate, Graduate and Postgraduate, and Institutional question sets with track specific controls and fields.
  • Added server side validation, strict option allowlists, declaration and privacy consent enforcement, structured database storage, submission references, confirmation email updates, and complete admin answer rendering.
  • Added the Hostinger deployment migration and verified valid storage, forged option rejection, admin visibility, and desktop and mobile layouts.

FAQ Content and Consultation Flow

  • Replaced the FAQ page copy with the approved 15 question Counselion set covering services, differentiation, audiences, engagement timing, admissions, process, institutional work, international scope, success, and pricing.
  • Restored semantic lists and paragraph spacing inside accordion answers for improved scanning and accessibility.
  • Updated the final inquiry block and closing CTA to Decisions Begin Here with a direct Request a Consultation action.

Single Internal Page Title System

  • Removed duplicate eyebrow titles from standard internal page heroes while preserving one semantic H1 for accessibility and SEO.
  • Restyled the single remaining title in Counselion gold with a larger responsive scale and consistent left alignment.
  • Replaced dash punctuation in visible public copy with sentence punctuation or range wording without altering technical paths, classes, links, or code.

Secure Admin Sign In Entry Point

  • Added a consistent Admin Login link to the legal row of every public page footer and connected it to the existing protected authentication route.
  • Used a restrained utility treatment with a lock icon and responsive wrapping so the entry point remains discoverable without competing with public consultation actions.

Production CMS Foundation

  • Added secure, database backed Team CMS management with structured profiles, draft and publishing controls, ordering, featured profiles, and image uploads.
  • Imported the supplied Dr Laraib Niaz profile as a complete draft and migrated the existing public team while preserving current profile links.
  • Added Site Identity, Contact and Office, and full page SEO modules with canonical, robots, social preview, and validated JSON LD controls.
  • Connected the public Team and Contact pages to a minimized CMS feed and added server rendered SEO publishing for Hostinger with static fallback behavior.
  • Added audit logging and protected, image only CMS upload storage.

Resources, Contact, and Site Access Update

  • Added all nine supplied external academic resources as clear link focused Counselion cards while preserving the existing editorial essays beneath them.
  • Added visible entry points to the existing FAQ page and the new Events coming soon page.
  • Added the supplied WhatsApp Business number, email address, Beijing offices, Cambridge office, and Pakistan coming soon location to the Contact page.
  • Replaced placeholder header phone CTAs with a direct Request Consultation link and removed generic contact placeholders from shared footers.

Principles Compass Responsive Rebuild

  • Rebuilt the About page Principles Compass with a stable grid based layout while preserving all seven principles, the central Counselion hub, and the established green/gold visual identity.
  • Removed fragile absolute positioning so principle text, icons, and the center hub cannot overlap at desktop, tablet, or mobile widths.
  • Added restrained card lift, node emphasis, and compass ring motion while preserving readable left aligned principle content.

Standard Page Title Alignment Correction

  • Removed the shared center alignment that was incorrectly affecting standard page hero titles.
  • Restored every standard page H1 to the same left axis as its eyebrow and supporting copy across desktop, tablet, and mobile.

Shared Hero Quote Frame Correction

  • Removed the inherited duplicate decorative frame that was producing overlapping quote borders across standard page headers.
  • Consolidated hero quotes into one restrained Counselion green/gold panel with balanced, breakpoint safe typography.
  • Reduced the Process page quote override so it follows the same responsive hierarchy instead of expanding beyond the shared component.

Services, Undergraduate, and Process UX Refinement

  • Replaced the pale Services hero word tiles with layered Counselion green panels, gold detailing, and restrained hover depth on both service page variants.
  • Converted the Undergraduate framework centerpiece into a stable institutional box, left aligned its five advisory pillars, and strengthened the six outcome icon treatments.
  • Reordered the Process methodology cards into a clear number, icon, heading, and copy hierarchy with left aligned content and a single line Contextualize heading on desktop.

About Page Alignment Corrections

  • Re centered the complete Our Story introduction composition, including its lead paragraph and closing emphasis.
  • Normalized standard hero quote panel alignment across desktop, tablet, and mobile layouts.
  • Left aligned the Guiding Principles belief copy to its icon and preserved the same icon to copy relationship on mobile.

Site Wide Alignment and Responsive Typography Audit

  • Audited the primary public pages at desktop and mobile breakpoints using live browser measurements.
  • Corrected standard hero quote sizing and containment, homepage strategy card row alignment, Early Strategy center panel typography, and Graduate framework heading wrapping.
  • Removed avoidable empty stretch space in the Graduate framework, constrained the homepage hero title, improved touch scrolling for the Undergraduate admissions calendar, and corrected site wide header overflow at laptop/tablet widths without changing the Counselion design system.

Team Frame Nameplate Correction

  • Fixed the ornate team card nameplate overflow caused by inherited full width card content styling.
  • Tightened nameplate sizing, centered role text, and clamped long names to balanced two line typography inside the frame.

Team Member Ornate Frame Cards

  • Rebuilt Team page member cards to follow the requested portrait frame structure with dark wood, Counselion green, gold trim, parchment interior, and green nameplate.
  • Moved visible member name and role into the framed nameplate while hiding long excerpts and read more links from the card view.
  • Kept the existing team data and links intact while applying the frame treatment through scoped responsive CSS.

Shared Hero Quote Styling

  • Removed the oversized white card treatment from standard page hero quotes.
  • Replaced it with a native Counselion green/gold typographic quote treatment using a subtle gold rule and restrained translucent accent.
  • Applied the change at the shared CSS layer so Team, Process, Services, and advisory page hero quotes remain visually consistent.

Team Page Intro and Leadership Flow

  • Replaced the Team page hero quote with “Behind every meaningful outcome is thoughtful guidance.”
  • Replaced the short hero support copy with the requested distinguished advisor network positioning.
  • Removed the old editorial middle sections so the page proceeds directly from the new intro into the leadership and consultant cards.

Process Page Methodology System

  • Replaced the Process page hero quote with “Understanding before decisions. Direction before outcomes.”
  • Rebuilt the old long process body into a compact Counselion themed five step methodology with a responsive practice row.
  • Preserved the final “That difference is not chance. It is designed.” principle band at the end and added scoped hover microinteractions.

Institutional Strategic Advisory Model

  • Replaced the old multi section Institutional & Strategic Advisory body with a single Counselion themed institutional model.
  • Added purpose, approach, commitment, five institutional pillars, institutional service areas, before/after difference panel, outcomes, principle strip, and closing quote.
  • Built the section with responsive grids and scoped hover microinteractions to prevent text overlap across desktop, tablet, and mobile.

Graduate Postgraduate Framework

  • Replaced the legacy Graduate & Postgraduate Advisory body with a Counselion themed “From Experience to Direction” framework.
  • Added the graduate framework sequence, Master’s/MBA/PhD support columns, alignment band, difference/outcomes/evaluation panels, and closing quote.
  • Removed the old quote card and final placeholder while preserving the Postgraduate University Landscape section.

Undergraduate Counselion Approach Module

  • Added a Counselion themed “Why Us / The Counselion Approach” section to the Undergraduate Advisory page.
  • Built the five step approach, alignment core, side insight cards, before/after comparison, and coherence quote as responsive HTML/CSS.
  • Placed the module before the acceptance rate dashboard and added tablet/mobile stacking to avoid text overlap.

Undergraduate Global Admissions Calendar

  • Added a Counselion themed Global Admissions Calendar module to the Undergraduate Advisory page before the acceptance rate dashboard.
  • Built the US, UK UCAS, and Rest of World application cycle data as a structured responsive table with an overflow safe mobile layout.
  • Added a strategic planning timeline and closing quote while preserving the existing acceptance rate charts.

Undergraduate Advisory Framework Infographic

  • Replaced the generic Undergraduate Advisory overview with a Counselion themed framework section based on the provided reference.
  • Added the four representation components, five advisory pillars, outcomes row, and closing alignment quote using responsive HTML/CSS.
  • Kept the acceptance rate charts intact while ensuring the new framework stacks cleanly on tablet and mobile without overlapping text.

Undergraduate Advisory Responsive Overview

  • Removed the Undergraduate Advisory hero quote card, intermediate legacy advisory sections, and final placeholder block.
  • Added the requested undergraduate admissions positioning paragraph in a responsive Counselion branded overview section.
  • Preserved the University Acceptance Rates dashboard and added structured focus cards with scoped hover microinteractions and mobile safe stacking.

Services Page Responsive Glance Section

  • Reworked the Services hero phrase panel into a responsive 2x2 word grid so the requested green/gold phrases do not overlap.
  • Removed the visible How We Think service section from both service page variants.
  • Added a Counselion branded Services at a Glance section with responsive help areas, audience panels, center Counselion module, outcomes, and hover microinteractions.

Early Strategy Program Responsive Architecture

  • Replaced the previous long Early Strategy Program page body with a single Counselion branded program architecture section.
  • Added responsive “What We Help With,” development areas, outcome cards, and closing statement using real HTML/CSS instead of fixed position text.
  • Added scoped hover lift, gold/green icon treatments, and mobile stacking so text does not overlap across desktop, tablet, or mobile layouts.

Services Page Hero Word Stack

  • Replaced the Services hero quote with a four line Counselion word system: Your Dreams, Your Targets, Our Strategy, and Our Mission.
  • Applied the requested green and gold hierarchy while keeping the styling isolated to the Services page hero card.
  • Added restrained hover lift and word movement microinteractions consistent with the Counselion visual system.

About Page Founder Message Update

  • Replaced the Message from the Founders body copy with the new long form Counselion founding belief statement.
  • Added three styled founder quote lines with Counselion green/gold hierarchy.
  • Confirmed the old Methodology / How We Work four card section has been removed from the About page.

About Page Guiding Principles Compass

  • Replaced the old four card Methodology section with a dark green Counselion Principles Compass flow chart.
  • Added seven circular principle nodes around a central Counselion hub, with gold connector orbit styling, icon treatments, hover states, glow/scale microinteractions, and a closing belief statement.
  • Added tablet and mobile fallback layouts so the compass converts into a readable vertical principle list on smaller screens.

About Page Foundation Section

  • Combined the previous separate Our Philosophy and Our Vision sections into one side by side Our Foundation section.
  • Added Counselion branded two card styling with dark green philosophy card, light vision card, icon rows, gold accents, reveal behavior, and restrained hover microinteractions.
  • Added responsive behavior so the two cards stack cleanly on tablet and mobile.

About Page Story System and Homepage Interaction Updates

  • Replaced the About page intro statement with the expanded Counselion positioning paragraph covering academic, institutional, admissions, scholarship, fellowship, profile development, and international education advisory.
  • Added a six card Our Story section titled “Why Counselion Exists” using Counselion styling, responsive layout, icon treatments, reveal animation, and restrained hover microinteractions.
  • Updated the homepage Our Strategy section into a compact five card strategic approach system and added a native Counselion team carousel with real team names and profile links.

Services Dropdown Width Fix

  • Widened the desktop Services dropdown so long advisory page names no longer overflow outside the menu panel.
  • Adjusted submenu link padding and line height for cleaner spacing and readability.

Homepage Text and Mobile Menu Fix

  • Removed the remaining corrupted homepage CTA text sequence so the consultation section reads normally.
  • Forced the homepage mobile hamburger trigger to display clearly on white headers.
  • Added more desktop spacing between header navigation links without adding Changelog back to the top menu.

Homepage Repair and Footer Changelog Correction

  • Removed Changelog from the top header navigation and kept it as a footer only link.
  • Repaired the malformed homepage CSS block that was breaking the Our Strategy process section.
  • Restored the homepage file after the failed footer edit and re applied the required hero, hidden sections, and process styling.
  • Cleaned remaining corrupted quote and dash text sequences across the site.
  • Stabilized the desktop header spacing so Contact Us stays on the same row.

Header Consistency and Text Rendering Repair

  • Fixed the About page advisory bullet marker so encoded arrow text no longer appears in visible content.
  • Verified the homepage and About page return successful local responses after the repair.

Encoding Cleanup Across Pages

  • Cleaned corrupted punctuation sequences across HTML and CSS files so quotes, dashes, arrows, bullets, and copyright marks render correctly in Chrome and Safari.
  • Converted fragile smart punctuation into safe HTML entities for consistent rendering across pages and devices.

Homepage Navigation and Process Section Correction

  • Restored the homepage sidebar menu behavior by loading the required mobile menu script before the site interaction script.
  • Fixed the homepage process section styles by closing the broken service CTA CSS rule that was blocking the process system styling.

Mobile Header Stabilization

  • Fixed the homepage mobile header so the desktop navigation no longer wraps into a tall white block above the hero.
  • Stabilized the global mobile header layout with a compact logo row, hidden desktop menu, visible mobile trigger, and consistent white header treatment.