Website Design & Technology
A look at the design decisions and technology behind the Gensis Micro Technologies website.
Design
The design language is built around the Gensis brand — deep indigo from the company logo, a clean white canvas and red accents reserved for calls to action. Product photography of the actual manufactured units takes centre stage, supported by generous spacing, a clear typographic hierarchy and subtle scroll animations.
Technology
- Server-rendered PHP front-end with clean, crawlable URLs and no heavy client-side framework.
- SQLite database powering products, pages, blog, media and enquiries — simple to host, back up and migrate.
- Custom admin panel with secure authentication, content editing, image upload with automatic optimisation, and enquiry management.
- Responsive CSS built mobile-first, with a fully accessible hamburger navigation on small screens.
- Technical SEO: XML sitemap, canonical URLs, Open Graph and Twitter cards, breadcrumb and organisation structured data, and per-page meta control from the admin panel.
- Image discipline: uploads are validated, size-limited and compressed so pages stay fast on mobile networks.
Built to Be Managed
Every client-facing detail — contact details, social links, colours, homepage sections, SEO metadata and the product catalogue — is editable from the admin panel. The result is a website the Gensis team can keep current without touching code.
This website was developed by Instacode Solutions — website design & development partner.