PROJECT / PRODUCT WEBSITE
A/B Tekniq / Website
A clear digital home for a complex creative tool: product discovery, release communication, practical help, and music to get started.
Product status · Mac version 1.1.0 is released on the App Store. The iPad version is currently under review. The website supports product discovery, documentation and platform-specific release communication.
The product challenge
The website turns a broad native application into understandable entry points. Visitors can explore the workflow, check compatibility, find the official download, read help, or try SYSTEM 174 sample music. The documented export contains 55 HTML documents.
Content that serves the journey
Each page has a specific job, rather than repeating the same product pitch.
Discover and download
Product introduction, feature overview, download requirements, official Apple badge and platform availability.
Learn the workflow
A beginner’s guide, searchable Help index, individual articles, FAQ and detailed feature map.
Understand release status
Changelog, known issues and platform-specific release labels distinguish available macOS features from the iPad version under review.
Start with music
Sample previews and downloads include supplied text alternatives for vocal tracks. Audio does not autoplay.
Support the native app
Standalone What’s New and Coming Soon documents use inline CSS with no script, image or font dependencies so the app can cache useful release information.
A structured static architecture
SvelteKit and its static adapter produce deployable HTML, CSS, JavaScript, images and data without a production Node server. Typed content models and route-specific content assembly keep large catalogues out of unrelated browser payloads.
Content as data
Separate release, feature-map, VFX, Help, FAQ, controller, sample and known-issue datasets support consistent product information.
Reusable surfaces
Shared headers, footers, contrast controls, accordions, media components and help views keep the experience coherent.
Media delivery
Responsive image variants, intrinsic dimensions and lazy loading reduce layout movement. Fonts and official Apple badge artwork are self-hosted.
Explicit external media
The privacy-enhanced YouTube demo loads only after a visitor’s action, with motion information and supplied audio text alternatives.
Accessibility and verification
The documented target is WCAG 2.2 AA, supported by semantic markup, skip navigation, focus visibility, keyboard interactions, high contrast and responsive reflow. Automated checks supplement manual and device review; they do not certify conformance.
Recorded publication checks
The 24 October website update recorded 158 passing browser cases and four performance-aggregation cases.
Performance gates
Five routes each receive three cold-cache Lighthouse runs. Gates include category scores of at least 95, LCP at most 2.5 seconds, TBT at most 200 ms and CLS at most 0.1.
Dated evidence
Recorded median performance scores were 97–99 with zero maximum measured CLS. These are publication-run observations, not guarantees for every visitor.
Honest release communication
Release communication distinguishes the released macOS version 1.1.0 from the iPad version under App Store review. Integrated visuals and planned-set video export are now available on macOS. Ordinary website rollouts preserve existing large hosted media assets.
Explore the project
Based on the supplied project documentation dated 25 October 2026. Release status updated from the developer’s confirmation: macOS 1.1.0 released; iPad under review. Verification results remain recorded snapshots, not new tests performed for this portfolio.