Page-builder apps for Salesforce

I built dozens—possibly hundreds—of single-purpose web pages for Salesforce. These pages often reused similar components, and over time, it became clear that a more efficient approach was to build a set of apps that let clients create and edit these pages themselves. This enabled the marketing team to generate new custom page variations on demand while preserving the nuanced design standards established by their designers.

The screenshots below show one of these apps: a tool for building “collection” pages. Other apps supported the creation of reusable elements such as promotional banners, customizable headers, and customer-specific profile pages. These components were used throughout the website.

The collections builder included a custom web component that queried the Salesforce API to display continuously updated application data. To support flexible page creation, the app stored multiple page configurations in the browser using the IndexedDB API. These configurations could be downloaded, backed up, and shared among Salesforce employees.

The webapp allowed full customization of the text and imagery on the page.
The webapp allowed full customization of the text and imagery on the page.
App tiles used custom built web component that query their API for the latest data.
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.