Independent web design studio · Oklahoma City

Web design and development for businesses that do things differently.

I plan, design, and build websites for small businesses and focused product teams. You work with the same person from the first conversation through launch.

Built in Oklahoma City · Responsive · Accessible · Ready to maintain

Collect website homepage showing its invoice dispute service, primary action, and active dispute card
Live websiteCollectStrategy · design · development · launch
One point of contactReal responsive designAccessible, semantic buildClear launch ownership

Website services

Plan, design, build, and launch. One working relationship.

The content, visual system, code, and release plan are handled together. Accessibility and responsive behavior are part of the work from day one.

01

Website strategy

We define the audience, the business goal, and the one action the site should make easy.

  • Audience and goal definition
  • Page and content plan
  • Conversion path
02

Custom design

I turn the plan into page layouts and a visual system that fits the business. You review the direction before development starts.

  • Visual direction
  • Responsive page design
  • Reusable design system
03

Responsive development

I build the approved design with real content, accessible markup, and layouts made for phones as well as larger screens.

  • Front-end development
  • Accessibility and SEO
  • Fast-loading media
04

Launch and refinement

I test the finished site, handle the launch, and leave you with a practical way to make future updates.

  • Testing across devices
  • Launch support
  • Future updates

Case file 01 · Collect

Collect helps freelancers follow up on unpaid invoices. The site shows the escalation process, the active dispute interface, and one obvious place to begin.

Desktop view of the launched Collect homepage
Mobile view of the launched Collect homepage
Designed for the phone—not squeezed into it.

The design problem

Explain the service before asking someone to start.

The page opens with the result a freelancer wants, then shows how the email sequence works. The active dispute card gives the claims something concrete to point to.

Project goal
Build trust and make the free dispute process easy to understand.
Project scope
Brand direction, information architecture, responsive design, front-end development, and launch.
Design decision
Show the active dispute card as proof of how the product works. Avoid vague claims.
Visit the live website
Collect wordmark on its dark blue brand background
A restrained identity keeps attention on the customer’s next move.

Case file 02 · Moe's Hair Shop

A one-chair shop with a website people can remember.

Moe's combines careful grooming with a personal, unhurried visit. The site uses real shop photography, clear prices, and repeated booking paths that work on a phone.

Desktop view of the launched Moe's Hair Shop homepage
Mobile view of the launched Moe's Hair Shop homepage
The same confident booking path, designed specifically for a phone.

The design problem

Give a local shop a recognizable point of view.

Bold type and real shop photographs carry the identity. Service details stay easy to scan, and booking never gets buried behind the visual work.

Project goal
Build local trust, show the quality of the work, and guide visitors to book.
Project scope
Brand direction, content structure, responsive design, service presentation, front-end development, and launch.
Design decision
Use a black-and-gold editorial style with real shop photos. Let the work define the brand, not generic barber images.
Visit the live website
Edmond, Oklahoma · Est. 2026Come in.
Leave sharp.
Cuts · Beards · Shaves · Grooming
A clear visual style makes the shop feel established and one of a kind.

How it works

A visible path from the first conversation to launch.

Each stage produces something you can review. You know what is being decided, what is being built, and what comes next.

01

Understand

Audience, business goal, useful proof, and the main action.

02

Shape

Page structure, working copy, visual direction, and responsive layouts.

03

Build

Accessible front-end work, real content, fast media, and purposeful interaction.

04

Launch

Cross-device checks, production release, handoff, and a plan for updates.

A good fit

For teams whose current website no longer does the job.

Shift Key works well for a focused launch, a redesign that has outgrown its structure, or a business that wants design and development handled together.

  • Websites for small businesses and professional services
  • Landing pages for products and services
  • Website redesigns and content updates
  • Mobile, accessibility, and speed improvements

Who’s behind the work

Built by the person you talk to.

I’m Jacob Crandall. I handle the planning, design, code, and launch checks myself, so the reasoning does not disappear between handoffs.

I also work in Salesforce administration and development and build native software for Mac and iPhone.

About Jacob

Common questions

Before we start.

Do you work with existing websites?

Yes. I can redesign your full site or start with one landing page. I can also simplify a site that has outgrown its original structure.

Will I be able to update the site?

Yes. We choose an editing setup based on the content you need to change. I will not add a large content system when a simpler option works better.

What happens after launch?

I provide a clean handoff after launch. If you need more help, I can add sections, improve the site, or handle maintenance.

Start a conversation

Tell me what is not working.

Share the current site, the business goal, and what you want a successful launch to change. I’ll reply personally with a useful next step.

Prefer a live conversation? Book a 1-on-1 on Cal.com