stuudio
General processEvery client gets their own version, with their own plan, weeks and deliverables.

What working with stuudio looks like

Every website runs through the same steps, and each step ends with something you approve.

The whole project

Open the canvas
  1. 01IntakeIntake
  2. 02PositionPositioning
  3. 03ShapeMoodboardsSite structureVoice and copy
  4. 04DirectDesign and build
  5. 05LaunchSEO and launch
  6. 06Hand offBrand system
  7. 07AfterAfter launch

We start with your answers

You answer our questions and we meet once, so we design from your facts and not from guesses.

  1. 01What do you do, in the words a customer would use?

  2. 02What should the site make people do?

  3. 03What has changed since the current site went live?

We find your place in the market

We map your competitors and find the place in the market that your company can own.

Talks outcomesTalks featuresFor everyoneFor a specialist
Competitor ACompetitor BCompetitor CCompetitor DYou
Where nobody stands yet
  • Specialist depth, told as outcomes
  • Proof a buyer can check
  • A voice people remember

We build moodboards with a reason

You choose a look from a few moodboards, and each one comes with a reason that fits your market.

#f0ece529%
#e1dbcc16%
#c1b9b124%
#9e8a6918%
#4a3d3c13%

We plan the structure of the site

We plan which pages the site needs and what each section says, with the strongest argument first.

Home/
  1. 1Hero
  2. 2Problem
  3. 3Product
  4. 4Proof
  5. 5Next step
Product/product
  1. 1Hero
  2. 2Feature tour
  3. 3Call to action
  • Scheduling
  • Parts
  • Routes
Solutions/solutions
  1. 1Hero
  2. 2Use cases
  3. 3Proof
  • By team
  • By industry
Customers/customers
  1. 1Hero
  2. 2Stories
  3. 3Logos
Pricing/pricing
  1. 1Plans
  2. 2Compare
  3. 3Questions
Company/company
  1. 1Story
  2. 2Team
  3. 3Jobs
  • About
  • Careers
Contact/contact
  1. 1Form
  2. 2Offices

We write your copy in your voice

Move a scale, and the landing page copy below is rewritten in that tone.

  • FormalConversational
  • AuthoritativeApproachable
  • TechnicalPlain
  • Matter-of-factEnthusiastic
HeroBalancedPlan every job before the day starts.One place for your technicians, parts and routes, so your team spends the day on the work.
ProblemEvery reschedule costs you a day somewhere else.Spreadsheets and phone calls cannot keep up with a moving week.
ProductSchedules, parts and routes that update each other.Move a job, and the parts and the route follow.
Proof“We plan the whole week in one morning now.”
Next stepSee your next week, planned.Book a demo

We design and build the site

You see the landing page take shape, pick one direction, and we build every page on it.

ProductSolutionsCustomersPricingLog inButton

Medium length headline that says what you do

A short line about who it is for and what it changes for them. Two lines at most.

ButtonButton
NorthvaleBrightlineOakridgeMeridianCorvus

A section title about the problem

A line about what the problem costs your buyer today.

A section title about the product

SchedulingDrag jobs onto the week. Skills and travel time are checked for you.
PartsStock follows the job, so the right van carries the right part.
RoutesEach day's route is rebuilt the moment the plan changes.

“A customer quote that proves the main claim.”

Name, role, company

A call to action headline

Button
Product
Company
Resources
Legal

We prepare the site for search and launch

We set the search basics and check speed, devices and forms before the site goes live.

Before go-live
  • Titles and descriptions
  • One main heading per page
  • Link previews
  • Sitemap and robots file
  • Redirects from old addresses
  • Alt text on images
  • Speed on mobile
  • Forms and analytics tested

Your team gets the brand system

You get a brand guide site like this one we made for Prem, and every file your team needs.

Logotype scale

The Prem logo is a combination mark consisting of a symbol and a wordmark. Give the logo room to breathe. Keep it clear of other elements.

What your team keeps
  • The brand guide site
  • Brand skills for AI tools
  • Recorded walkthroughs
  • Every file and every login

After launch, we keep improving the site, or your team does

An optional retainer
  • Conversion optimization
  • A/B tests
  • Campaign landing pages
  • New page sections
  • Blog design
  • Illustration
  • Monthly SEO checks
  • Speed monitoring
  • Monthly report and call

How we work together

You see progress in a shared Slack channel, we review it with you every week, and nothing moves past an approval without your yes.

  • Shared Slack channelEvery dayQuestions, progress and quick decisions, answered fast.
  • Weekly review callEvery weekWe show the work, you give notes, and we agree on the next week.
  • Dedicated point of contactFrom start to launchOne person on our side who knows your project and answers for it.
Your approvals, in order
  1. 01IntakeThe scope and the dates.
  2. 02PositioningThe position the site will argue for.
  3. 03MoodboardsThe visual direction.
  4. 04Site structureThe pages, and the order of the landing page.
  5. 05Voice and copyThe voice and the landing page copy.
  6. 06Design and buildThe landing page and its system, then every page.
  7. 07SEO and launchThe go-live date.

It starts with the questions

The first step is the questionnaire. Send it back, and we plan the rest of the project around your answers.

Start a project