Creamer Media's

Mining Weekly & Engineering News

Redesign of the website platforms

The Challenge.

The existing Engineering News and Mining Weekly websites were outdated, inconsistent and difficult to maintain across two brands. Users struggled with cluttered navigation and poor content discoverability, while the business lacked a scalable design system. The challenge was to modernise both sites, improve usability and unify two distinct brands under one flexible, modular design system, without losing either brand's identity.

  • UX /UI
  • Website
  • Product Design
  • Design Systems
  • Strategy

The Solution.

I led as both UX and UI designer across strategy, information architecture and design systems, integrating SEO from the outset rather than as an afterthought.

The Outcome.

  • Subscriber acquisition increased through funnel-driven design and dynamic pricing mechanisms
  • Consistent, modular UI framework across both brands
  • Improved content visibility and SEO alignment
  • Streamlined navigation reduced cognitive load
  • Faster iteration and handoff thanks to component-driven layouts

Before

After...

The Design Strategy.

Discovery & research 


Information architecture

Onboarding subscribers

Structure & templates

Modular design system

Other design solutions
Discovery & Research

I began by gathering insights from user surveys already conducted by Creamer Media, stakeholder interviews, analytics data and competitive benchmarking. This allowed me to define target personas, value propositions and understand how the digital ecosystem (news, portals, research) interlinked

Information Architecture

The navigation had become unwieldy over time. I led card-sorting workshops with stakeholders and refined the taxonomy to four core menu items (News, Services, Magazine, Research). This simplified structure worked across both brands.

Collaborative  card sorting exercise

Wireframes & information architecture

How this translated in the navigation:
...and on mobile
Onboarding Subscribers

Before heavy visual work began, I defined subscription funnels and entry-level pathways. I refined pricing tiers, simplified signup flows, and integrated dynamic pricing tables that adapt to where a user sits in the funnel. 

Structure & Template Definition

I established responsive layout rules across breakpoints and defined about 26 annotated page templates to cover all site scenarios. This upfront structuring prevented countless layout debates downstream.

Modular Design System

I built a library of news-focused modules (cards, sections, grid layouts, menus), supported by a consistent set of UI elements (typography, colour, buttons). This modular framework meant sections could be rearranged easily even after handoff. I extended that same modular logic to newsletter templates, enabling flexible stacking of components. 

Other Design Solutions & Constraints

I worked through design constraints, notably existing advertising zones that could not be altered. In the top news area, for example, we compromised by limiting height, moving images beneath headlines and capping article counts so that the lead stories always appear above the fold. We also introduced personalisation features (your-news tab, sector toggles, saved articles) to improve relevance and retention.

Insights & Reflections.

This project reinforced something I carry through every engagement: constraints aren't obstacles, they're design inputs. By justifying each decision with research, I built stakeholder trust and moved the work toward better outcomes.


The Outcome

Maintaining a lean, well-governed design system paid off. Late-stage changes were quick to implement with minimal risk to consistency. That's the compounding value of systems thinking.

We designers don't get hired to make pretty things or win design awards. We get hired to solve business problems.”

Charles eames