01The problem
Many startups launch with a single landing page that cannot hold a catalogue, case studies or a working enquiry flow. Srini wanted to learn what a minimum but complete corporate website needs, then prove it twice: once for a product-led startup and once for a service-led one, on a simple PHP/MySQL stack that can be hosted cheaply.
02Who it is for
Founders of small product or service startups (here, drone/robotics) who need a credible multi-page corporate site with lead capture.
03Features
- Two separate sites from one shared codebase pattern, each with its own theme and copy
- Product catalogue with text search and category filter (AeroForge)
- Product detail pages with use case, platform and quote CTA
- Service listings for diagnostics, battery, propulsion, calibration, firmware and maintenance plans (RotorCare)
- Case studies (Work) and Insights articles with detail pages
- Validated inquiry form saved to MySQL with CSRF protection
- Admin sign-in and inquiry dashboard (password-hashed admin account)
- Seeded MySQL content: products, services, projects, articles
- Responsive layout with mobile menu
- Privacy policy and terms pages
04Pages & screens
- Home
- About
- Products / Services
- Product detail
- Work (case studies)
- Insights + article
- Contact
- Admin login
- Admin inquiry dashboard
- Privacy
- Terms
05Stack
06How I built it with AI
Built through a conversation with an AI assistant. Srini first asked it to research well-known corporate sites: what all features/pages/functionalities should i consider? search most famous websites on internet and give me a brief.
The brief recommended 5–7 core pages plus essentials (responsive nav, validated forms, SEO basics, privacy, accessibility, admin panel). He then asked it to build 2 websites one for product and for services… tech stack to be php and mysql… Use seeded data for all the pages and free stock images
. The AI delivered both sites as a ZIP with SQL seed data and READMEs; Srini then worked through XAMPP installation, database import, test inquiries, the admin dashboard and mobile checks with the AI step by step, and documented the whole journey (conversation record with screenshots, user manual with FAQs). A separate research-informed FRS for an Indian tech-startup corporate platform (phased, ‘AI coding-agent ready’) was also written to guide future versions.
07Design highlights
Same information architecture, two distinct identities: dark navy with electric-blue for products vs light teal-and-orange for repairs
Hero with floating status chips (‘Field-ready’, ‘Precision in every mission’) over drone imagery
Catalogue cards that carry category, name and summary for quick scanning, with search and filter above
Contact page pairs reassurance (‘Let’s work through it together’) with a short, clearly-labelled form
Honest demo framing: seeded content is labelled as sample data, specs ‘must be verified before publication’
08Gallery
Screens from the working build; click any image to zoom. Names, contacts and figures in the screens are demo content.