Solution Engineering197 tasks
Build Interactive HTML Mockups
Users get a clickable HTML mockup of a dashboard, demo app or solution concept they can show a customer. It often comes with supporting material such as slides.
Method
How MeshMesh does it
- Starts from the customer's own material, such as analyzing a discovery call transcript.
- Builds the interactive mockup in HTML/CSS, JavaScript and Tailwind CSS. One example is a crawl-walk-run roadmap visual with progressive reveal, a sticky header with a logo, and a demo agenda section.
- For larger demos, splits the work into modules and prepares detailed prompts for the later ones. It delivers each module as a folder version and a self-contained single-file version, plus assets.
- Produces supporting material next to the mockup, such as a PowerPoint deck. The deck can fall behind the HTML when the mockup changes later.
- For live demos, backs the mockup with a real Salesforce build. This includes deploying Apex classes with passing tests, publishing agents and pointing server code at live Data 360.
- Pushes the result to GitHub, sometimes for hosting on GitHub Pages.
Next step for hosting the result: Deploy Demo Content to GitHub Repositories.
Products
Products and features it works with
Bars show how many of this capability's tasks touched each product.
- 1Qualified4 tasks
- 2Agentforce OperationsAgentforce3 tasks
- 3Contentful2 tasks