Skip to content

Graphic Design & Motion Graphics

Two pillars under one studio: graphic design covering logos, web graphics, and print — and motion graphics covering reveals, explainers, social motion, and interface animation. Same brand system, same files, same team that also builds and hosts the site.

Two pillars, one studio

Visual work — static and moving

Graphic design covers everything that doesn’t move: logos, brand systems, web graphics, print. Motion graphics covers everything that does: reveals, walkthroughs, social motion, interface micro-animation. One team handles both halves so the static and the moving stay on the same brand.

Pillar 1 · Static

Graphic Design (Print + Web)

The full visual surface area of a small business that doesn’t move: logos, brand systems, web graphics, photo work, and the print collateral that has to look the same as the website even though it lives on paper. One set of files, sized correctly for each surface.

A logo is a system

Same mark, every context it has to work in

A logo isn’t one file. It’s a primary mark, a reversed treatment, a one-colour version, a 16-pixel favicon. Each one has to read as the same brand. Below: one mark across the six treatments yours will encounter.

On the web

Four kinds of visual work for sites that already exist

Targeted upgrades, scoped by section. Tell us which part of the site feels off; we’ll quote the pass.

Icon sets

Custom icons, unified weight

Replace stock FontAwesome-style outlines with a set drawn for your brand — same meanings, consistent stroke, readable at small sizes, delivered as SVG.

Banners & hero treatments

Photo + type that hold together

Colour-graded imagery, branded gradient overlays, headline/subhead hierarchy. The part of the page everyone sees first — made to look composed instead of pasted.

Photo work

Retouch, crop, optimise

Background clean-up, cropping for aspect ratios the layout actually wants, WebP/AVIF conversion with sensible fallbacks, proper sizing so nothing gets resampled by the browser.

UI polish

Cards, callouts, stat strips

The details that make a page stop looking like a template: feature cards with real hierarchy, stat rows that earn their space, accent use that’s deliberate, buttons that look like buttons.

On paper, signs, and vehicles

Print work that matches the website

Same brand system carried into the surfaces that don’t live on a screen. CMYK, vector, bleed and trim — production-ready, not exported‑from‑Canva.

Cards & collateral

Business cards, letterhead, brochures

The everyday print pieces. Properly trimmed, properly sized for the production house, delivered as press-ready PDFs with bleed.

Signage

Trade-show, storefront, way-finding

Banner stands, retractable backdrops, lobby signs, exterior signage. Designed at scale, with the right resolution and bleed for the production method.

Vehicles & large format

Wraps, decals, fleet identity

Vector-built, sized to the vehicle template the wrap shop uses. The mark stays readable at highway distances and the registration window stays unobstructed.

Pillar 2 · Moving

Motion Graphics

Animation with a job to do. Logo reveals, product explainers, social and paid motion, and interface micro-animation — built to land a message, not fill space. Same brand system as the static work above, retimed for the surface it runs on.

Anatomy of a reveal

One logo sting. Three phases. Every millisecond has a job.

The math behind a well-made animation. When bargain motion work goes wrong, it’s usually because one of these phases collapsed — entrances too slow, holds skipped, exits that compete with what comes next.

0ms

Entrance

600ms · cubic-bezier(.2, .8, .3, 1.1)

Mark arrives with a slight overshoot, then settles. Fast enough to feel immediate, slow enough to read. This is where most bargain stock templates rush — under 250ms reads as flicker, not intent.

600ms

Hold

800ms · linear (nothing moves)

Everything stops. The viewer’s eye catches up; the message gets read. Motion at this phase is noise. Cut the hold and the whole piece feels rushed; the mark never lands.

1400ms 1800ms

Exit

400ms · ease-in

Mark dismisses cleanly without stealing focus from whatever comes next. Shorter than the entrance — exits that match the entrance length always feel too long.

What we make, and where it runs

Four motion surfaces, different constraints on each

The same motion never exports the same way to all of them. We design once, then export per surface.

Logo reveals

Stings, wordmarks, intros

A mark that appears with intent — for video intros, keynote decks, social profile headers, and the first two seconds of a product demo. Built in your existing brand system, exported for every surface you actually use.

Product walkthroughs

Explainers & how-to

Short-form animation that walks a viewer through a workflow or feature. Ships as landing-page hero (autoplay muted + poster frame), inside a help doc, or as a paid-ad cut-down with the same timing retimed for each placement.

Social + paid motion

Reels, in-feed, and ads

Vertical, square, and 16:9 cuts built for autoplay rules: muted-first, captioned, first frame legible without motion. The same spot exported in the aspect ratios each platform actually runs — not one master dumped everywhere.

Interface motion

UI cues & micro-animation

Button states, modal transitions, form feedback, and loaders that mean something. Fast (under 250ms), reversible, and respecting prefers-reduced-motion. Usually shipped on the same site we built for you — one team, one codebase.

Assets that fit the surface

Designers who understand the code, the press, and the export pipeline.

Designers who don’t think about the web ship 4 MB banner PNGs that take seconds to load. Designers who don’t think about print send RGB files and wonder why the colours shifted. Designers who don’t think about motion render Lottie files that bloat the bundle and a 60-second MP4 with no captions. We work all four surfaces — web, print, large format, and motion — so each asset comes back the right shape, the right format, the right weight, and the right runtime for where it’s going.

Same team builds your site. So when a banner is too heavy for the page’s LCP budget, an icon set breaks at 16px, a print PDF is missing CMYK conversion, or a Lottie has a transparent fill bug in Safari, someone on staff knows that before it ships, not after.

Website Development · See our work

Web-weight assets

Modern formats (WebP, AVIF, SVG, Lottie), correct dimensions, sensible compression. Nothing you’ll re-export to get the LCP back under budget.

Press-ready output

CMYK conversion, proper bleed and trim, vector at scale, embedded fonts. Your printer doesn’t have to call us.

Per-surface motion exports

Lottie JSON for web, MP4 + poster for social and ads, GIF only when email needs it. Captions baked in for autoplay-muted placements.

Brand-consistent across surfaces

Your colours, typography, and accent treatments applied across web, print, large format, and motion. One vocabulary, enforced.

No designer round-trip

Same Kamloops team that builds the sites.

There isn’t a separate “design shop” handed off to — logo systems, polish passes, print collateral, and motion work all come out of the same team running your site’s code and hosting. You tell us what you need, we scope the work, quote it, do it, and ship it. No external freelancer round-trip, no “we’ll forward that to the designer.”

Small passes (a banner, a new icon set, a single business card, a 5-second logo sting) are quoted flat. Larger work across multiple surfaces is scoped by the hour with a ceiling. Either way you’ll see the quote before we start.

Tell us what needs designing — static or moving.

A new logo, a polish pass on an existing site, a brochure, a logo sting, a product walkthrough, or all of the above — we’ll come back with a scope, a sample direction, and a starting price.

Send us a message

A few quick questions so we can come back with something useful — only your name and email are required.

Help us prep · optional
What kind of work?

Static (graphic design), moving (motion graphics), or both. Pick one or several — different work, different scope.

More to help us prep optional
What’s the output format?

Each format has its own gotchas — print needs CMYK, email-safe HTML rules out half of CSS, vehicle wraps need vector at scale.

Have brand assets to work from?

Working from an existing brand book is faster. Working from a website screenshot is fine if that’s all you have. Starting from nothing is also fine — that’s a logo project.

What’s the deadline?

Real deadlines drive scope. We’ll be honest if it’s tight.

How to reach you

From the blog

Latest updates

View all articles

Who we are

About SilverServers

We’re a Kamloops-based team focused on website performance, SEO, and long-term hosting & support. Since 1997, we’ve been building, tuning, and maintaining sites for organizations across BC and beyond.

We combine practical technical experience with content strategy, so your site isn’t just fast—it helps your organization reach the right people.

Learn more about us