UI/UX Designer
Design systems
Figma
Drupal + Wordpress
Overview
The work focused on translating dense CTL content into a more readable system while preserving existing information, fitting OIT’s component library, and staying realistic for Drupal and WordPress implementation.
Project area
CTL’s existing pages were content-heavy and visually outdated. The redesign used OIT’s system to create stronger hierarchy, clearer section separation, and a structure users could scan faster.
01
Goal
Rank the page content so users could understand what mattered first.
Fix
Used larger hero treatments, clearer section modules, and supporting blocks to create a more intentional reading path.
Impact
Students and faculty can scan major CTL information without parsing a dense wall of content.
02
Goal
Preserve all existing content while making sections feel distinct.
Fix
Used generous spacing and modular OIT blocks so users process one category at a time.
Impact
The page feels easier to navigate while remaining scalable for future site updates.
Subproblem
The blog needed to make recent posts more visible, keep category browsing and search usable, and protect image visibility inside the reading experience.
01
Goal
Help users find the newest CTL updates before older content takes over the page.
Fix
Featured the three newest posts with larger image-led cards, then moved older posts into compact scan-friendly rows.
Impact
Recent information becomes the default focus, reducing the need to dig through older content.
02
Goal
Keep topic filters and keyword search available without overwhelming the page.
Fix
Placed category filtering and search at the top so visitors can browse by topic or jump directly to a known post.
Impact
Students and faculty still have two clear paths to relevant information: topic-based filtration or direct search.
03
Goal
Avoid awkward cropping or text obstruction on thumbnails in reading pages.
Fix
Separated image areas from text containers so metadata and titles never compete with screenshots or header images.
Impact
Blog imagery stays legible, polished, and consistent across listing and detail pages.
Outcomes
Clearer pages, easier updates
The redesigned CTL layouts make key announcements, recent posts, and major sections easier to scan while aligning with Georgia Tech’s broader OIT design language and reducing maintenance overhead.
Takeaways
What this redesign reinforced
Good information architecture is visible: hierarchy, spacing, and implementation constraints all shape whether users can understand a page quickly.
Hierarchy comes first
The most important content needs the strongest visual path.
Systems scale the work
Design systems make repeated site updates faster and more consistent.
Constraints shape outcomes
Drupal and WordPress limits made simple, buildable patterns more valuable.
