Page builder apps for Salesforce

I've built a series of projects for Salesforce that started as single-purpose web pages but were re-constructed into apps. These apps allow the marketing team to create new custom versions of these pages that maintain the sophisticated design their designers wanted to achieve. 

The screenshots below show one of these apps. This version builds "collection" pages. Other apps can build reusable elements, like promotional banners, customizable headers, and unique customer profile pages. These pieces are used throughout the website.

The "collections" builder featured a custom web component that queries the Salesforce API to display constantly updated app details. To make creating the new web pages more flexible, the app saves multiple page builds in the browser using the IndexedDB API. This data can be downloaded, backed up, and shared between Salesforce employees.

This is alt text
The webapp allowed full customization of the text and imagery on the page.
This is alt text
App tiles used custom built web component that query their API for the latest data.

Project Highlight: Dynamic Web Tools for Salesforce

  • Origins: Initiated several projects for Salesforce, beginning as tailored web page builds and evolving into versatile tools empowering the team to design custom pages.
  • Design Meets Flexibility: These tools strike a harmonious balance, enabling team members to craft personalized web pages without compromising the intricate design aesthetics envisioned by their designers.
  • Featured App - Collection Pages Creator:
    • Collection App: The accompanying screenshots provide a glimpse into an application for constructing "collection" pages.
    • Additional Apps: Beyond this, other applications under the suite facilitate the creation of varied site elements, from attention-grabbing promotional banners and adjustable headers to bespoke customer profile pages.
  • Technical Foundations:
    • Development Framework: Crafted using Vue, augmented with Typescript for enhanced scalability and maintainability.
    • Data Management: Incorporated local storage for on-the-go data retention while allowing users to generate files to back up their data. This ensures seamless internal sharing and long-term archiving of their creations.
    • Hosting Experience: All these web apps reside on a server infrastructure under my meticulous maintenance, guaranteeing uninterrupted access and optimal performance.
    • Seamless upgrades for clients: When the web app is upgraded, the hosting system is design to automatically move their data to a new version of the app.