top of page
Leadership on Campus
Designed and launched Leadership on Campus, Campus Benefits' digital publication for K-12 public school educators and administrators in the southeastern United States. The website expands access beyond in-person conferences and gives readers new ways to engage with the magazine.
Role: In-house UX/UI & Web Designer, working with stakeholders, the Communications department and external developers
Project type: Digital publication website
Timeline: November 2024 - May 2025
Outcome: Launched a new website in HubSpot where visitors can read the magazine, explore articles, subscribe to future issues, submit content, and nominate education professionals for recognition.
Responsibilities: Information architecture, content organization, visual design, stakeholder collaboration, developer handoff, and implementation support.
Problem
The publication was primarily distributed at education conferences, so educators and administrators who couldn't attend had limited access to its content. The company wanted a digital version to make the magazine accessible to everyone it serves.
The publication needed a digital home where visitors could read the magazine, discover featured articles, contribute content, recognize education professionals, and stay connected to future issues.
-
Expand access to the digital publication
-
Increase reader engagement through articles and subscriptions
-
Encourage article submissions and award nominations
Project Goal
Creating the Website Structure
With no existing website to build from, I organized the publication's content into five main navigation sections: About Us, Magazine, Articles, Awards, and Sponsors. Contact Us sits outside the main navigation as a call-out in the header, so visitors can reach the team from any page.
Because there was no existing site map, the goal was to balance reading with user engagement. I separated Magazine issues from Articles so readers could access select articles without opening full issues. I also placed Article Submission under Articles and Nominations under Awards, so readers can take action right where they're already reading.
Designing Around Content Constraints
The Stakeholders wrote the publication's content and messaging. My role was to decide how that content was grouped, prioritized, and presented.
About Us
-
A clear page header introduces the section before the text begins.
-
The founder's photo is beside the story, putting a face to the mission.
-
The founder's quote explaining the brand's mission, is bolded so readers can see it easily.
Article Submission
-
Guidelines are broken into a bulleted list instead of one long paragraph.
-
Each rule starts with a bold label (Word Count, Relevance, Tone, Deadline) so readers can scan them.
-
The submission deadline is underlined so it isn't missed.
Expanding Reader Engagement
Beyond hosting the digital magazine, I designed ways for visitors to stay connected and participate. Readers could explore featured articles, subscribe to future issues, submit articles, and nominate education professionals for recognition.
I also proposed the email subscription feature to help the publication build an ongoing relationship with its readers.
(Click to enlarge)
Collaboration & Implementation
I worked with the developer team in Figma, using comments to answer implementation questions and refine the design before launch in HubSpot.
BillionApps developed both the Leadership on Campus and Campus Benefits websites.
"I had the pleasure of working with Page on the Campus Benefits websites. She was a great client to work with—professional, communicative, and very collaborative throughout the project. She provided clear direction and thoughtful feedback, which made the overall process smooth and productive. I truly appreciated her trust in my work and her positive approach to collaboration. It was a pleasure working with her, and I would be happy to work with her again."
- Govindasamy Sekar, Engineering Manager, BillionApps
Post-Launch Activity
HubSpot data from May 5, 2025 – September 2, 2026.
Post-launch activity shows visitors reading the publication online and using the new ways to participate.
Expanding access
-
1,394 homepage views
-
620 current issue views
Growing readership
27 new contacts from email sign-ups
Encouraging participation
-
63 award nominations from 556 page views (11.3%)
-
14 article submissions from 200 page views (7%)
Reflections
Building the publication's first website taught me how to turn content I didn't write into a clear digital structure. Because stakeholders owned the message, my job was to organize it so readers could find what they needed and take action, whether that meant reading an issue, submitting an article, or nominating a colleague. The Communications department created the magazine and its content, and I contributed edits and layout suggestions.
I also learned how much early coordination with developers matters when designing within an existing CMS. Working closely with the development team helped us move from Figma to a live HubSpot site smoothly.
If I revisited the project, I would test the navigation with K-12 educators to see whether first-time visitors can tell Magazine apart from Articles and quickly find the nomination form.
Live website: Leadership on Campus
bottom of page