Modular Design
Design and build the website in various visual building blocks to enable self-serve systems for the team, remove production bottleneck, and maintain brand consistency.
-
Project includes: solution page template, blog template (hub + article), and component library.
Adjacent projects: training sessions and tutorials for the team, brand style guide, brand asset library (logo, icons, images, video assets, etc.), sales enablement deck template (stage 1, 2, 3), email template, etc.
"It’s all about containing complexity.
Think of your modules as lego blocks.
You don’t necessarily care about the details of how each block is made.
All you need to know is how to use the lego blocks to build your lego castle."
– Sindre Sorhus
Template - Solution page
It all started with a need to expand. The website gotta scale as the target market increases. Product marketers and content creators are building messages toward various personas and they need web pages that deliver. With limited web development and design resources, I focus the teams' effort into creating a system that makes the site self-serve. All we need is a good template which others can add/edit/build or remove any visual building blocks (aka components).
Solution page template - Hero section
Customized pages
A visual block is made up of various elements, e.g: media, text, CTA, person
Example visual blocks (aka component) to add/edit/remove on the page
Template - Blog
The blog is constantly updated with new content. This redesign enable content creators to build out their blog articles and preview them before publishing. With various options, they can pick and show what media or resources is used to support the content.
