← All work

Live Web design & build Webflow CMS Data viz

Pulsenics Website

I took over pulsenics.com and have reshaped much of it since: a redesigned homepage and product pages, and a new Knowledge Centre and News section, where I host and embed the team's interactive EIS modules.

Overview

Pulsenics homepage on desktop: a dark hero introducing the AccelaGrade battery grading system with Explore and Download buttons The Pulsenics homepage on a phone, with the menu collapsed and the buttons stacked
pulsenics.com homepage, desktop and mobile
  • ClientPulsenics, Toronto
  • My roleTook over the site; design, build and maintenance
  • PlatformWebflow CMS, with interactive modules hosted on Netlify
  • ScopeHomepage and product redesign (with the team), Knowledge Centre, News, hosting and embedding the interactive modules
  • StatusLive, and I still maintain it

The challenge

Explain a deeply technical product to engineers who will check every claim.

Pulsenics sells electrochemical impedance spectroscopy (EIS) hardware to battery, hydrogen and fuel-cell teams. Its buyers are scientists and engineers. The site has to show the products, prove the science and keep up with a steady flow of partnerships and studies.

I inherited the site from its original designer and kept its established look, then grew and reworked it screen by screen as the company launched new products and needed new ways to teach its technology.

Homepage and product pages

With the team
01

Lead with the newest product

The homepage opens on AccelaGrade, the company's new battery grading system, with two clear actions: explore the product or download the spec sheet. Visitors arriving from a launch announcement land on exactly what they came for.

Homepage hero with AccelaGrade, two call-to-action buttons and a render of the AccelaGrade rack
02

Two product lines, compared at a glance

AccelaGrade and the Pulse Series sit side by side in matching cards: a one-line purpose, four capabilities each, and a single Learn More link. Someone deciding between grading and diagnostics can tell the difference in seconds.

Two product cards side by side: The Pulsenics AccelaGrade and The Pulse Series, each with four checked capabilities and a Learn More link
03

Product pages organised around real applications

The Pulse Series page explains the product through the problems it solves: degradation benchmarking, post-field failure analysis, catching stack defects before they ship. Each one links to an in-depth Knowledge Centre article, so product marketing and education feed each other.

Pulse Series page section 'Insight in Action: Applications & Papers' with three numbered applications, each with a Learn More button
04

Show the software, not just the hardware

Every Pulse Series system ships with the Pulse Hub software, so the product page gives it a section of its own, shown on a monitor the way a lab would use it. The interface on that screen is the System Software I designed with Marc Varone.

The Pulse Hub Platform section: a curved monitor showing the experiments dashboard with the hardware selection tree

The Knowledge Centre

A documentation-style home for everything Pulsenics knows about EIS, from first principles to field applications. It's built as a Webflow CMS collection, so the team can add articles without touching the layout.

Left

Navigate by topic

Technology basics in order, then applications grouped by industry: battery and hydrogen.

Centre

Read in depth

Long-form articles with equations, figures and interactive modules inline.

Right

Jump within a page

An automatic table of contents for each article, plus a link to talk to Pulsenics.

Knowledge Centre welcome page with topic navigation on the left, the introduction in the middle and a table of contents on the right
Knowledge Centre home
Interpreting EIS Data article with an interactive Nyquist plot embedded in the text
An article with a module inline

Interactive modules

Built by Pulsenics · hosted by me

EIS is hard to learn from static charts, so the Pulsenics team built interactive Plotly modules that let readers change the inputs and watch the data respond. My part was getting them onto the site: I host them on Netlify and embed each one in its Knowledge Centre article, so they sit right inside the reading flow.

Signal optimisation

Equivalent circuit model

Six sliders (solution resistance, two charge-transfer resistances, two double-layer capacitances and a Warburg term) redraw the Nyquist plot as you move them.

Interpreting EIS data

State of charge

Switch between charging and discharging and scrub through state of charge to see how a battery's impedance signature shifts.

Interpreting EIS data

Distribution of relaxation times

Tune the model and watch the DRT peak move between mass transport, charge transfer and ionic transport regions.

Multisine EIS

Multisine signal builder

Set the number of frequencies, range, amplitude and phase, then let the module find the phase that minimises peak amplitude.

State of charge module: Nyquist curves for charging in green and discharging in red, with charging, discharging and both toggles and an SOC slider
State of charge
DRT analysis module with shaded regions for mass transport, charge transfer and ionic transport, and parameter sliders below
Distribution of relaxation times
Multisine module: parameter sliders and a Find Optimal Phase button beside a multisine signal plot
Multisine signal builder

News

Pulsenics publishes partnerships, conference talks, product launches and studies almost every month. The News page is a CMS collection with a featured story on top and a filterable grid underneath: Announcement, Conference, Technology, Company, Collaboration, and Studies & Papers.

News page with a large featured story card at the top
Featured story
News grid with category filter chips and three article cards with photos, category tags and Read more links
Category filters and the article grid

On a phone

Every page is responsive, and the embedded modules stay usable on small screens.

Pulsenics homepage on a phone
Homepage. Actions stack full width.
State of charge module on a phone: the plot above large charging and discharging buttons
Modules. Embedded and usable on a phone.
See it live

The site is live, and still growing

I keep building on it as Pulsenics launches products and publishes research.