1st Preferred Technologies is the IT department for businesses across Virginia and the surrounding states, and WIIWID's sister company. We designed and built 1stptllc.com: a product-style page for every practice, demos visitors can actually play with, and a Command Center that runs pages, leads, SEO and analytics from one screen.
The website
Command Center
Real screenshots of the live site. Command Center screens show simulated test traffic and a test lead.
The site leads with the flagship Your IT Department page and treats every practice like a product: a headline, an animated scene, a demo you can try, then the details.
The home page and the flagship Your IT Department page lead: help desk, on-site engineering, security, backups, IT planning & budgets and a virtual CIO. The other practices follow in the Services menu.
Help desk · Engineering · PlanningEight questions, answered yes, not sure or no. A live score, a grade and the top three fixes, each linking to the service that fixes it. It runs in the browser; nothing is sent.
Scored in the browserA three-line headline beside an animated isometric scene made for that service, then a hands-on demo, a stats strip, feature cards, a showcase with a dashboard mockup, packages, a callout panel, FAQ and a closing call to action.
Pure SVG scenes, no JSType your business name and hear your auto attendant, then send a test call down the call-flow designer. Pick a person and a time, tap doors, trigger lockdown and read the audit log. Drag a slider and watch a server closet become a cluster.
VoIP · Access control · SpecialtiesFine graphite contour lines drift like a topographic map, with a red shockwave wherever you click or tap. It adapts its resolution to hold 60fps, pauses in background tabs and renders one still frame for people with Reduce Motion on.
60fps · Reduce Motion aware“1ST PREFERRED” over the top, “TECHNOLOGIES” along the bottom, red stars, a beaded ring and a center quartered red and white: a computer, a security camera, “www.” and a speaker, one practice per quarter. Pure vector paths, built by a script.
Badge · Lockup · Icon
Built into the site at /admin: pages, feature pages, leads, SEO and first-party analytics. A new page is live within seconds, in the sitemap, and pinged to IndexNow.
Who's on the site right now, then visitors, page views, engaged time, bounce and leads with the change vs the previous period, a 30-day trend, recent leads, top pages and sources, phone / email / button / WIIWID clicks, SEO health and busiest hours.
21 block types, each on the moving background or a white, light-gray or black band. Add, reorder, hide or duplicate blocks beside a live desktop / tablet / mobile preview, an SEO tab with Google and social previews and a scored checklist, version history with one-click restore, and ⌘/Ctrl+S.
An inbox with a status for every lead, from new to contacted, quoted and won or lost, private notes, and each visitor's source, campaign, landing page, city and full click-path. CSV export and optional email alerts.
One button starts a product-style service page exactly like the VoIP page: pick the hero's scene, choose the interactive demo, edit the stats, cards, packages and FAQ. It goes straight into the Services menu with Service schema. Or start an app / project showcase under /work/. Headlines take a new line per line of text and *asterisks* for red words.
And the rest of the admin
First-party and cookieless: no IP addresses stored, bots and your own visits excluded, Do Not Track and GPC honored. Channels include AI Assistants (ChatGPT, Perplexity, Claude, Gemini, Copilot).
A launch switch, crawl files, a site-wide local-SEO checklist, per-page fixes and the structured data Google sees.
Per-page titles, descriptions, canonicals and Open Graph cards, an auto-generated 1200×630 share image for every page, a JSON-LD graph, sitemap.xml, robots.txt and llms.txt, plus IndexNow pings on publish.
Uploads auto-resized to WebP, with alt text.
Business info, hours, social profiles, verification codes, the header button and announcement bar, the WIIWID crosslink, lead emails, analytics, and 2-factor sign-in with a QR code.
Pages are statically generated and cached (ISR, 5 minutes) and refreshed the moment you save. Self-hosted fonts, security headers, and preview deployments that are never indexed.
Admin screenshots show simulated test traffic and a test lead.
In the site's own words: “1st Preferred Technologies is a local IT company helping businesses, organizations and homes across Virginia, West Virginia, Maryland, Pennsylvania and North Carolina get more from their technology — and worry about it less.” Small and mid-sized businesses, professional offices, churches, nonprofits, schools and homes.
What they do: Help desk, On-site engineering, IT planning & budgets, Virtual CIO, Cybersecurity, Microsoft 365, Cloud VoIP, Access control, Security cameras, Structured cabling, Wi-Fi & networking, Proxmox · VMware · Hyper-V, Backup & recovery, Web & app development.
The stats strip, as it reads on 1stptllc.com.
Help desk, on-site engineering, monitoring, cybersecurity, backups and Microsoft 365, plus IT planning, budgets and a virtual CIO.
Cloud phone systems with auto attendants, call queues, desk phones and voicemail-to-email. Keep your numbers.
Card, fob and mobile door access plus HD security cameras, designed, installed and supported by the team that runs the network.
Fast, search-friendly websites, customer portals and iOS & Android apps, built, hosted and maintained by their team.
Virtualization (Proxmox, VMware, Hyper-V), servers & storage, structured cabling, wireless bridges, disaster recovery and cloud migrations.
Plans before purchases
Every engagement starts with an honest look at what you have and what you actually need.
Real people answer
No ticket black holes: you reach a technician who knows your systems by name.
Everything documented
Passwords, diagrams and licenses are written down and yours to keep. No lock-in.
A brand system pulled from the badge: white paper, black ink and one confident red. Headlines in Sora ExtraBold, tight and sentence-case with a red highlight word; Inter for reading; square-shouldered buttons and cards.
The three-line headlines keep their red line, the scenes sit under the copy, and the mobile menu carries the Services list. The contact form pre-selects a service from the link that brought you there.
Pages are statically generated, cached for five minutes and refreshed the moment one is saved. With no database URL the site boots an embedded Postgres (PGlite) for local work; in production it runs on Postgres at Supabase behind Vercel, with Resend for lead emails. Fonts are self-hosted, security headers are on, preview deployments are never indexed, and a launch switch hides the whole site while it is being worked on.
“WIIWID — What It Is? What It Do? — is our sister company for branding, graphic design, web experiences and apps. Together we cover the whole journey: from the logo and the launch to the network, phones and servers it runs on.”
1stptllc.com · Our sister company
1st Preferred Technologies
Winchester, VA · the network, phones and servers it runs on
WIIWID
What It Is? What It Do? · the logo and the launch
1stptllc.com links to WIIWID from its Services menu, partner blocks on Home, Development and About, and the footer card. Every one of those links is tagged utm_source=1stptllc, so WIIWID's analytics credit the referral, and each is tracked there as an outbound click.
Visit the site, then talk to whichever of us you need: 1st PT for the IT, WIIWID for the site.
