---
title: The Making of an Action-Packed Website
description: As the designated Admin/Super User, I jumped in headfirst—just like a fish to water—to learn the ins and outs of the system. About a month ago, I began experimenting with the website and landing page builder.
image: https://www.rebeccaadolf.com/hubfs/Untitled%20design%20(1).jpg
---

 Cookie Settings

[Skip to content](https://www.rebeccaadolf.com/blog/the-making-of-an-action-packed-website#main-content)

[![RA](https://www.rebeccaadolf.com/hs-fs/hubfs/RA.png?width=200&height=75&name=RA.png "RA")](https://www.rebeccaadolf.com/)

- [Home](https://www.rebeccaadolf.com)
- [Experience](https://www.rebeccaadolf.com/professional-career-experience-marketing-design)
  
  Show submenu for Experience 
  
    - [Skillsets](https://www.rebeccaadolf.com/rebecca-adolf-marketing-design-and-leadership-skillsets)
    - [Notable Projects](https://www.rebeccaadolf.com/notable-marketing-projects-technology-innovation)
    - [Certifications & Platforms](https://www.rebeccaadolf.com/raa-creative-my-marketing-certifications)
- My Portfolio
  
  Show submenu for My Portfolio 
  
    - [Design & Art](https://www.rebeccaadolf.com/my-porfolio-design-web-art)
    - [Videos](https://www.rebeccaadolf.com/video-first-content-marketing-portfolio-rebecca-adolf)
- [My Books](https://www.rebeccaadolf.com/published-books-by-author-rebecca-adolf)
- [About Me](https://www.rebeccaadolf.com/rebecca-adolf-everyone-needs-an-origin-story)
  
  Show submenu for About Me 
  
    - [Associations & Volunteering](https://www.rebeccaadolf.com/associations-volunteering)
    - [Recognition](https://www.rebeccaadolf.com/rebecca-adolf-award-press)
- [Blog](https://www.rebeccaadolf.com/blog)

- [Home](https://www.rebeccaadolf.com)
- [Experience](https://www.rebeccaadolf.com/professional-career-experience-marketing-design)
  
  Show submenu for Experience 
  
    - [Skillsets](https://www.rebeccaadolf.com/rebecca-adolf-marketing-design-and-leadership-skillsets)
    - [Notable Projects](https://www.rebeccaadolf.com/notable-marketing-projects-technology-innovation)
    - [Certifications & Platforms](https://www.rebeccaadolf.com/raa-creative-my-marketing-certifications)
- My Portfolio
  
  Show submenu for My Portfolio 
  
    - [Design & Art](https://www.rebeccaadolf.com/my-porfolio-design-web-art)
    - [Videos](https://www.rebeccaadolf.com/video-first-content-marketing-portfolio-rebecca-adolf)
- [My Books](https://www.rebeccaadolf.com/published-books-by-author-rebecca-adolf)
- [About Me](https://www.rebeccaadolf.com/rebecca-adolf-everyone-needs-an-origin-story)
  
  Show submenu for About Me 
  
    - [Associations & Volunteering](https://www.rebeccaadolf.com/associations-volunteering)
    - [Recognition](https://www.rebeccaadolf.com/rebecca-adolf-award-press)
- [Blog](https://www.rebeccaadolf.com/blog)

[Contact Me](https://www.rebeccaadolf.com/contact-rebecca-adolf-raa-creative)

Hamburger Menu

The Making of an Action-Packed Website

[SEO](https://www.rebeccaadolf.com/blog/tag/seo), [Digital Marketing](https://www.rebeccaadolf.com/blog/tag/digital-marketing), [Web Design](https://www.rebeccaadolf.com/blog/tag/web-design), [Business](https://www.rebeccaadolf.com/blog/tag/business)

# The Making of an Action-Packed Website

[![Image of Rebecca Adolf](https://www.rebeccaadolf.com/hs-fs/hubfs/Speed-2.png?width=40&height=40&name=Speed-2.png)](https://www.rebeccaadolf.com/blog/author/rebecca-adolf)

[Rebecca Adolf](https://www.rebeccaadolf.com/blog/author/rebecca-adolf)  Jun 16, 2025 9:35:35 AM 

 2025-06-16 13:35:35  1750081108197

![](https://www.rebeccaadolf.com/hubfs/Untitled%20design%20(1).jpg)

- [Facebook](http://www.facebook.com/share.php?u=https://www.rebeccaadolf.com/blog/the-making-of-an-action-packed-website&utm_medium=social&utm_source=facebook)
- [Twitter](https://twitter.com/intent/tweet?original_referer=https://www.rebeccaadolf.com/blog/the-making-of-an-action-packed-website&utm_medium=social&utm_source=twitter&url=https://www.rebeccaadolf.com/blog/the-making-of-an-action-packed-website&utm_medium=social&utm_source=twitter&source=tweetbutton&text=The+Making+of+an+Action-Packed+Website)
- [LinkedIn](http://www.linkedin.com/shareArticle?mini=true&url=https://www.rebeccaadolf.com/blog/the-making-of-an-action-packed-website&utm_medium=social&utm_source=linkedin)
- [Email](mailto:?subject=Check%20out%20https://www.rebeccaadolf.com/blog/the-making-of-an-action-packed-website&utm_medium=social&utm_source=email%20&body=Check%20out%20https://www.rebeccaadolf.com/blog/the-making-of-an-action-packed-website&utm_medium=social&utm_source=email)

Back in October 2024, my company transitioned to the [HubSpot Marketing Automation](https://www.hubspot.com/products/marketing/marketing-automation) platform. As the designated Admin/Super User, I jumped in headfirst—just like a fish to water—to learn the ins and outs of the system. About a month ago, I began experimenting with the website and landing page builder. HubSpot's intuitive UX made the learning curve enjoyable, and since I’m a hands-on learner, diving deep into the platform was the best way for me to master it.

### Why I Built My Portfolio This Way

Revamping my personal portfolio site wasn’t just a creative outlet—it was also a strategic learning opportunity. Building it from the ground up allowed me to better understand HubSpot’s layout flexibility, modules, and UX capabilities. I explored how far I could push the design to incorporate engaging features, all while learning skills directly applicable to my day-to-day work.

### Why the Superhero Theme?

I wanted something that stood out from a traditional portfolio. The superhero theme draws inspiration from my love of superhero movies, my volunteer work as a Wonder Woman character for children's charities, and even the graphic novel-style book design I'm currently wrapping up. It all felt like the perfect intersection of personal passion and professional creativity.

I started with a free HubSpot theme that mirrored the visual elements of comic books, then customized it with my own color palette, branding, and comic-style graphics. The result is a bold, fun, and personality-driven design that I hope brings a smile to visitors while offering a glimpse into who I am.

### Behind the Scenes: Technical Build

From start to finish, I handled every step of the build:

- Installed and tested modules like a scrolling bar, image gallery, and accordion tabs
- Managed content transfer and editing
- Designed and structured the page layouts
- Created graphics with a mix of photos, stock, and AI generated assets
- Registered the domain and configured DNS records
- Setup both a contact form and newsletter sign up for my book release
- Implemented a privacy policy

### Lessons Learned

Having built several sites on WordPress, I found HubSpot to be a tier above—mainly because of its built-in marketing features. Unlike WordPress, HubSpot reduces the need for third-party plugins, making it both efficient and more secure. That said, not all modules are created equal, and free options are limited. Still, you *can* build an entire site on a free HubSpot account. Sure, it adds a "Built on HubSpot" badge—but I see that as a mark of pride when showcasing my skills with the platform.

## Related Posts

[![](https://www.rebeccaadolf.com/hubfs/1748615482401.png)](https://www.rebeccaadolf.com/blog/search-is-like-a-box-of-chocolates)

#### [Search is Like a Box of Chocolates](https://www.rebeccaadolf.com/blog/search-is-like-a-box-of-chocolates)

"You never know what you’re gonna get." – Forrest Gump

[Read More](https://www.rebeccaadolf.com/blog/search-is-like-a-box-of-chocolates)

[![Shorts Videos in AI](https://www.rebeccaadolf.com/hubfs/Google%20Eggs.png)](https://www.rebeccaadolf.com/blog/short-videos-indexed-google-seach)

#### [Your TikTok is Now Googleable](https://www.rebeccaadolf.com/blog/short-videos-indexed-google-seach)

Have you noticed a new “Short Videos” tab appearing in some Google searches? First seen around...

[Read More](https://www.rebeccaadolf.com/blog/short-videos-indexed-google-seach)

[![Simple Three Layer Graphic for Creating GEO Friendly Content](https://www.rebeccaadolf.com/hubfs/GEO-Friendly-Tactics-Blogs.jpg)](https://www.rebeccaadolf.com/blog/geo-optimization-for-blogs)

#### [Is Your Site GEO “Cite-Worthy”?](https://www.rebeccaadolf.com/blog/geo-optimization-for-blogs)

Quick Summary Traditional SEO focused on rankings, clicks, and traffic. AI search is changing that...

[Read More](https://www.rebeccaadolf.com/blog/geo-optimization-for-blogs)

![RA-Top](https://www.rebeccaadolf.com/hs-fs/hubfs/RA-Top.png?width=200&height=55&name=RA-Top.png)

Thanks for checking out my work—go be someone's hero today!

#### About Me

- [Experience](https://www.rebeccaadolf.com/professional-career-experience-marketing-design)
- [Skillsets](https://www.rebeccaadolf.com/rebecca-adolf-marketing-design-and-leadership-skillsets)
- [Notable Projects](https://www.rebeccaadolf.com/notable-marketing-projects-technology-innovation)
- [Certifications](https://www.rebeccaadolf.com/raa-creative-my-marketing-certifications)

#### My Work

- [Design & Art](https://www.rebeccaadolf.com/my-porfolio-design-web-art)
- [Video](https://www.rebeccaadolf.com/video-first-content-marketing-portfolio-rebecca-adolf)
- [Writing](https://www.rebeccaadolf.com/blog)

#### Contact

[Send a Message](https://242761699.hs-sites-na2.com/contact-rebecca-adolf-raa-creative)  
Illinois, United States

[Follow us on LinkedIn](https://www.linkedin.com/in/radolf/) [Follow us on Instagram](https://www.instagram.com/bextec/)

Rebecca A Adolf ©2025 All rights reserved. | [Privacy Policy](https://242761699.hs-sites-na2.com/privacy-policy-raa-creative) <https://www.rebeccaadolf.com/terms>

 Cookie Settings

```json
{
  "@context" : "https://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "Rebecca Adolf",
    "url" : "https://www.rebeccaadolf.com/blog/author/rebecca-adolf"
  },
  "dateModified" : "2025-06-16T13:38:28.193Z",
  "datePublished" : "2025-06-16T13:35:35.000Z",
  "headline" : "The Making of an Action-Packed Website",
  "image" : [ "https://www.rebeccaadolf.com/hubfs/Untitled%20design%20(1).jpg" ],
  "mainEntityOfPage" : {
    "@id" : "https://www.rebeccaadolf.com/blog/the-making-of-an-action-packed-website",
    "@type" : "WebPage"
  },
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "url" : "https://www.rebeccaadolf.com/hubfs/RA-1.png"
    }
  }
}
```