Shaping the Digital Storefront — Homepage & Internal Page Design for Vernier Science Education
Six years of web design work within Vernier's WordPress environment — homepage updates, internal page redesigns, new page builds, and conference landing pages — all built to help educators find what they needed quickly and feel confident in what they found.
Overview
Vernier's website was the first stop for millions of educators — and it needed to work.
Vernier's website served as the primary point of contact between the brand and the educators who relied on its products every day. Beyond the homepage, dozens of internal pages carried the weight of communicating everything from product software and support resources to career opportunities and higher education programs. These pages needed to feel consistent, credible, and easy to navigate — whether someone was visiting for the first time or returning to find a specific resource they'd used before.
Working within Vernier's WordPress environment using Elementor, I designed and built homepage updates, redesigned key internal pages, and created new pages from scratch — all built from Art Director and Creative Supervisor wireframes, copywriter content, and the Vernier brand system. I also designed and built conference-specific landing pages for events like NSTA, GEARUP, CAST, and CASE, giving each conference a dedicated digital presence that connected back to the broader brand.
The Problem
A complex product ecosystem — and educators who needed to find the right thing fast.
Vernier's website had grown organically over years — and like many established company sites, some pages had fallen behind the brand, the content had outgrown the layout, or the user flow had become harder to navigate than it needed to be. Educators arriving at the software page, the support page, or the careers page needed to understand quickly what was available, where to go next, and how to get help if they needed it. Pages that created confusion or required extra effort to navigate reflected poorly on a brand built around clarity and precision.
Key Decisions
What I decided, and why.
Every page should feel like it belongs to the same brand
With dozens of pages across a large WordPress site, visual inconsistency was a real risk. Every page I built or redesigned was evaluated against the same brand standards — typography, color, spacing, imagery, and tone all aligned to the Vernier system. This wasn't just aesthetic — it built trust. An educator who landed on the support page after visiting the homepage should feel like they were still in the same hands, not on a different site.
Work from real content, not placeholders
Building pages in Elementor with real copy from the copywriter and real assets from the brand system meant fewer surprises when pages went live. Rather than designing around placeholder text and swapping in real content later — which almost always creates layout problems — I waited for finalized copy before locking in layouts. This added time upfront but produced cleaner, more reliable pages that didn't need significant rework after launch.
Give each conference its own moment while staying on brand
Conference landing pages for NSTA, GEARUP, CAST, CASE, and others needed to feel timely and specific — not just generic Vernier pages with a conference logo dropped in. Each one was designed to reflect the energy and focus of that event while remaining unmistakably Vernier. This required balancing brand standards with enough flexibility to make each page feel like it was built for that conference specifically, not recycled from a template.
The Work
Homepage updates, internal page redesigns, and conference landing pages — built to help educators find what they needed fast.
From the homepage to internal support pages and conference-specific landing pages, every page was built from Art Director or Creative Supervisor wireframes, finalized copywriter content, and the Vernier brand system — all within WordPress using Elementor.
Homepage Updates
WordPress ElementorThe homepage was Vernier's highest traffic page and the first thing most educators saw when they came looking for answers. Homepage updates required careful attention to hierarchy, messaging, and visual impact — every change needed to feel intentional and consistent with the brand while supporting whatever the current marketing priority was.
Image placeholder — Homepage desktop
Image placeholder — Homepage mobile
Software Page
WordPress Elementor RedesignThe software umbrella page organized Vernier's full software lineup in a way that helped educators understand what was available, what it did, and which product was right for their classroom — without requiring them to dig through multiple pages to get there.
Image placeholder — Software page desktop
Image placeholder — Software page mobile
Support Page
WordPress Elementor RedesignThe support page was one of the most visited pages on the site — and one of the most important to get right. Educators arriving here needed help quickly. The redesign prioritized clear pathways to the most common support tasks, reducing the effort required to find answers and making the experience feel reassuring rather than frustrating.
Image placeholder — Support page desktop
Image placeholder — Support page mobile
Careers Page
WordPress Elementor RedesignThe careers page needed to communicate Vernier's culture and values to prospective employees while making it easy to find and apply for open positions. The redesign balanced warmth and professionalism — giving the page enough personality to feel like a place people would actually want to work, while keeping the path to open roles clear and direct.
Image placeholder — Careers page desktop
Image placeholder — Careers page mobile
Higher Education Page
WordPress Elementor New BuildThe higher education page gave college and university educators a dedicated entry point into Vernier's products and resources — acknowledging that their needs and context are distinct from K-12 classrooms. The page was built to feel authoritative and relevant to an academic audience while remaining consistent with the broader Vernier brand.
Image placeholder — Higher education page desktop
Image placeholder — Higher education page mobile
White Papers Page
WordPress Elementor New BuildThe white papers page gave educators and administrators a clear, organized home for Vernier's research and long form content — making it easy to find relevant publications by topic without having to dig through the broader resources section.
Image placeholder — White papers page desktop
Image placeholder — White papers page mobile
Conference Landing Pages
NSTA GEARUP CAST CASEConference landing pages gave each event a dedicated digital home — timely, specific, and unmistakably Vernier. Each page was built to feel like it was designed for that conference specifically while connecting back to the broader brand system. For the full story on Vernier's conference landing pages see the Campaign Websites case study →
Image placeholder — NSTA Philly 2025 page
Image placeholder — GEARUP page
Image placeholder — CAST page (Internet Archive)
Image placeholder — CASE page (Internet Archive)
“Building difficult scientific concepts into something tangible and beautiful.”
Meghan Lewis, Senior Visual DesignerOutcomes
What this work delivered.
Consistent, on-brand web pages designed and built within Vernier's WordPress environment from 2019 through 2025 — homepage updates, internal page redesigns, new builds, and conference landing pages.
Careers, Software, Support, Higher Education, and White Papers pages — each redesigned or built from scratch to help educators navigate Vernier's ecosystem with clarity and confidence.
Dedicated digital presences for NSTA, GEARUP, CAST, CASE, and more — each designed to feel event-specific while staying unmistakably on brand.
Reflection
What this work taught me.
Web design within an established CMS like WordPress taught me that constraints are actually clarifying. Working within Elementor, from Art Director wireframes, with real copy from the start — none of that felt limiting. It felt grounding. The decisions that mattered most were about hierarchy, clarity, and consistency, and those are the same decisions that matter in any design medium. The conference landing pages were some of my favorite work from this period — each one had a clear deadline, a specific audience, and a moment to design toward. That combination of focus and urgency brought out some of the sharpest thinking I did across six years at Vernier. And seeing those pages go live knowing that educators would land on them at a conference booth made the work feel genuinely connected to something real.