Case Study — Brand Identity & Web

Bytestock,
rebuilt.

A refurbished-server reseller whose brand looked dated next to the hardware it actually sells. The work ran end to end: stakeholder research, a new identity, and two sites taken through to a live build.

Client Bytestock · LA Micro Group
Role Digital Designer
Scope
Identity Brand Site eCommerce Guidelines
Solo
Research to delivery
2
Sites designed
Live
bytestock.com
Bytestock brand guidelines — logo, typography, colour and usage spreads
01 Brief

Bytestock sells tested, warrantied refurbished server kit. The old brand didn't look the part.

The wordmark leaned on bright gradients that read as dated rather than dependable. The site carried redundant information and a confusing structure: a lot to wade through before a visitor could tell what Bytestock actually did, or trust it with a hardware order. For a company whose whole pitch is reliability, the surface was working against the product.

The brief was a full reset: a calmer, more credible identity, and two sites rebuilt around how buyers actually move from "who are these people" to "configure and order".

Bytestock's previous logo — gradient wordmark with 'Part of LA Micro Group' lockup Before — Logo
Bytestock's previous website — dense isometric homepage Before — Website

The starting point: gradient logo, busy isometric homepage.

02 Discovery

Stakeholder sessions first. Assumptions last.

Structured sessions with the Bytestock team came before any sketching: how they describe themselves, who they sell to, what a good customer looks like. Three distinct buyer types kept surfacing, each deciding in its own way. Those became three personas, and an audit of the top three competitors set the baseline to beat.

Persona 01
IT Procurement
Enterprise / Mid-market
What they need
Clear specs, certifications, and stock they can justify to a finance team. Anything that looks amateur reads as risk.
Persona 02
Data-centre Operator
Colocation / Hosting
What they need
Bulk sourcing at a fair price from a supplier who delivers consistently. They know the spec; they need a fast, reliable quote.
Persona 03
SME Owner
Small / Medium Business
What they need
Affordable, reliable kit without enterprise jargon. Often first-time buyers who want guidance, not just a SKU list.

The competitor audit showed a consistent gap: the established names were trusted but visually stale, the newer ones modern but generic, more SaaS tool than hardware specialist. The opening was a brand that looked as technical and rigorous as the product itself.

03 Identity

A system, not a style. Every decision earns its place.

The wordmark was redrawn flat: gradient gone, the navy and orange kept and brought to full strength, the small square dot retained as the one piece of character worth keeping. Colourways were tested side by side before settling, so the mark holds up in a single colour as well as two.

Bytestock wordmark colourway exploration — orange, navy-and-orange, and single-navy versions

Wordmark colourway exploration.

Bytestock Blue
#00558C
Primary
Signal Orange
#E9540D
Accent
White
#FFFFFF
Surface
Ink
#1A1A1A
Text

Two brand colours, sampled from the wordmark, plus neutrals.

Type moved to Inter: firm and bold at display sizes, quiet and legible in body. Weights and colour were explored the same way as the logo, by testing rather than deciding on paper.

Typography exploration set in Inter, across weights and colour

Type exploration — Inter, across weight and colour.

Iconography replaced the old isometric illustrations with a single minimalist line set: one consistent stroke, used for navigation and categories, never as decoration.

Minimalist line-icon set built for Bytestock

A minimalist line-icon set, replacing the old isometric illustrations.

04 The Sites

Two sites, two jobs. Convince, then sell.

The brand site answers "why Bytestock?" before anyone reaches the shop: a calm enterprise pitch built around a circular-IT positioning, leading with "Redefining enterprise IT solutions worldwide", then clear proof points and a single route through to the store.

Bytestock brand site homepage — 'Redefining enterprise IT solutions worldwide'

Brand site — acquisition and positioning.

The shop carries the same system into a working storefront: a "configure your own server" entry point, deals and product cards, and a structure built to hold spec-heavy procurement buyers and first-time SME buyers in the same flow.

Bytestock shop — 'Configure your own server' with product cards and deals of the day

Shop site — browse, configure, buy.

05 Live
Identity
Logo, colour, type, icons
2
Sites designed
Guidelines
Documented for the team
Live
bytestock.com today

The identity shipped. It's the brand running on bytestock.com today.

The flat wordmark, the navy-and-orange system, and the brand-site structure are live in production: same logo, same navigation, same "configure your own server" route into the shop. The guidelines were written to outlast the project, so the next person to touch the brand can follow it without a briefing call.

Visit bytestock.com ↗
Work together
Got a brand
that needs
fixing?
Next Project
Arnold Lodge School