Creating an AI IT Ticketing SaaS

Ceating an AI IT ticketing SaaS

In Webflow

I entered this prompt to get this site - https://resolve-it-saas.webflow.io/
Extended to include one I used to AI generate a WordPress website with AI

Create an ultra modern SaaS website for an AI Service Desk IT Ticket Automation website where users can log IT tickets and they can log in and see their own AI generated respons based on a pre-designed AI agents feedback. Design needs to be in darm mode by default, have images of friendly IT staff, based around IT support, all the usual featured, easily explaining what the site does, have a call to action, pricing section, and FAQs. 

IT tickets from end users that come in, they go through bespoke AI Agents and an Tailored AI generates easy to understand responses to help resolve the issue. There are also plans to generate Knowledgebase articles for the IT technicians to reuse for future occurnaces of the same issues.

Detailed prompt

Here's the detailed plan summary for your Resolve IT SaaS website:

Business Type: AI Service Desk IT Ticket Automation SaaS
Showcase: Users can log IT tickets, access AI-generated responses, IT support automation, knowledgebase article generation for technicians
Services: AI Service Desk Ticket Automation, AI Agents for IT Support, Knowledgebase Article Generation
Primary Goals: Provide AI responses
Secondary Goals: Encourage sign-ups
Core Features: User login, IT ticket submission, AI-generated responses, dark mode by default, AI chatbot support
Tone & Voice: Ultra modern, friendly, easy to understand, IT support focused
Sitemap: Home, Log In, IT Ticket Submission, AI Responses, Pricing, FAQs, Knowledgebase
Brand Style & Colors: Professional and sleek with navy blue, white, and shades of blue and gray
Integrations: Payment gateway, AI chat support plugin, analytics tool
Audience: End users needing IT support, ages 18-80, all genders, interested in IT support, technology, software solutions, automation, and customer service
Competitor Preferences: Likes clean layout, automated ticket handling, simple pricing; dislikes slow loading, complex navigation, limited FAQs
User Experience: Simple navigation, fast loading, mobile-friendly design
Specific Page Plans:

• Home: Overview, Features, CTA • Log In: User credentials, password reset, security features • IT Ticket Submission: Issue description, priority level, category, attachments • AI Responses: Detailed AI responses, history, feedback option • Pricing: Free, monthly, and yearly pricing options • FAQs: Ticket submission, pricing, AI responses, account management, security, knowledgebase use • Knowledgebase: Articles on common IT issues resolution

Additional Feature: AI chatbot support for engagement and assistance.

Here is the summarized user flow for your Resolve IT SaaS website:

Landing Page (Home) with options to Learn More and Sign Up.
Users can Log In or Submit IT Tickets as Guests.
Guest ticket submission prompts for account creation to track tickets and receive AI responses.
Upon logging in, users are directed to a Dashboard displaying existing tickets with status, updates, AI response summaries, and a button to submit new tickets.
Users receive email notifications on ticket updates, AI responses, and other relevant events.
Additional features include guest chat support, password recovery, and account settings.


Prompt to Generate it in Claud.ai (with all the screenshots)

generate the code in HTML5, CSS3, and javascript that matches the design, images and written content of this website. Attached images from left to right are from the top of the website down to the bottom of the website. Match it all as close as possible.


AI Agent Prompt - This will be the IT Technician in AI Form to repond to tickets

You are a technical support agent who fixes computer issues for hospital staff using Windows 10 and 11 PC, as well as iPads and iPhones. Your job is to interpret the details about the various problems submitted in the Form, 
[insert content from the input]
and
[insert content from the input]
and
[insert content from the input]
look up the issue online, and generate a friendly, helpful, easy-to-follow, and professional response they can read themselves. Avoid using any technical jargon, and please don't make it too long-winded to begin with; if it's too long, they wont read it.


I added a neat 3d design from here - https://lottiefiles.com/free-animation/programming-computer-wr6yLa2L3D

made public