Arasshaka Teknik

The Challenge

Arasshaka Teknik wears three hats — certified electronic technician services, a curated marketplace for second-hand electronics, and an authorised reseller of new equipment. For years their digital presence lived on a generic template: cluttered, inconsistent, and nowhere near as skilled as the technicians behind the brand. They needed a website that felt as precise and reliable as the work they do.

Our Approach

We started with the logo. Deep navy, electric amber, and a single sharp accent — the brand already had visual authority; the site just wasn't letting it speak.

The colour system was extracted directly from the existing Arasshaka Teknik mark: a primary deep navy reserved for backgrounds and structure, warm amber for calls-to-action and key data points, and a single bright accent used sparingly to guide the eye through technical service tiers and product listings.

Clean Code Architecture

The front end was built with Next.js and a fully typed, component-driven architecture. Every section is isolated, every utility function is documented, and every image reference follows a single media pipeline — no orphaned styles, no dead routes, no inline exceptions. The result is a codebase that any competent developer can pick up, extend, or scale without hunting through legacy spaghetti.

UI Design Decisions

Grayscale-led hero with the brand accent appearing only where a conversion action lives — no competing colours fighting for attention.
Service tier cards use a tight 4-column grid at desktop, collapsing gracefully on mobile. Each card uses the amber accent as a thin top-border carry, not as a background fill.
Typography hierarchy pairs a condensed display face for section headers with a clean body system at 18px / 1.6 line-height — readable, not decorative.
The product listing layout was redesigned to prioritise the image and price, with a thin horizontal rule separating each item, keeping the visual rhythm consistent as the list grows.

Handover & Impact

The site was delivered with a one-page Strapi content model — Arasshaka Teknik can update service descriptions, add new listings, and refresh blog posts without touching a single line of code. Deployment is static-edge, fully cached, and consistently scores above 90 on Lighthouse performance.