Shapeshift Studio

Fluid Webdesign studio for companies

Your website should move people.

We redesign company websites that load fast, explain your offer in one glance and look like nothing else in your industry.

Audit answered in 48 hFixed pricesYou own the code

Move your cursor over the headline and the background. The fluid is a live WebGL shader.

Why companies call us

Most company websites lose the visitor before the first scroll.

3 sSlow pages get left

Google reports that bounce probability rises by 32% as mobile load time goes from 1 to 3 seconds.

Source: Google / SOASTA, 2017
0.05 sFirst impressions are instant

Visitors form an opinion about a page's visual appeal in about 50 milliseconds.

Source: Lindgaard et al., 2006
1 of 10Everyone looks the same

Stock photos, a blue header and "We are your partner for solutions". Your competitors use the same template.

Our observation

Morph Shapes that change with your message

One brand, many shapes. Your site can feel faster.

Logos, buttons and backgrounds that morph smoothly between states. Pick a service and watch the shape adapt.

Use it for: brand-led companies, product launches, any site where the logo should feel alive.

RedesignFrom 2 weeks

Katana Cinematic cuts and reveals

Cut the clutter in one clean stroke.

Sharp slash transitions borrowed from film editing. Here we use one to show what a redesign does to a tired homepage.

Use it for: before and after stories, case studies, bold industrial and sports brands.

Halden BearingsProducts · Industries · Contact

Precision bearings, shipped in 48 hours.

Find the right part by size, load or machine type. Engineers answer within one working day.

Find my part
Before
Example company. Halden Bearings is fictional.

Remotion Video written as code

Product films that update themselves.

We build videos in React with Remotion. Every frame is a function, so prices, numbers and languages change without reopening an editor.

const frame = useCurrentFrame();
const { fps } = useVideoConfig();
const rise = spring({ frame, fps, config: { damping: 14 } });
const y = interpolate(rise, [0, 1], [80, 0]);

Use it for: SaaS and product companies, hero loops, social clips in 16:9 and 9:16 from one source.

00:05.00 · frame 150/299 · 30 fps

Kinetic Type that reacts to scrolling

Words with weight. Literally.

Variable fonts let us stretch, condense and bolden text in real time. Scroll and the lines speed up and lean into it.

Use it for: agencies, events, fashion, recruiting pages that need energy.

3D Depth you can turn

Every great site is built in layers.

Real-time 3D with WebGL, light enough for phones. Drag the model and pull the layers apart.

  • Interactionhover, cursor, motion
  • Interfacebuttons, forms, nav
  • Contentcopy that sells
  • Gridstructure and rhythm
  • Brandcolour, type, feel

Use it for: physical products, architecture, tech and engineering companies.

Loading 3D scene…
LCP < 2.0 sTarget load time for the main content on mobile, measured at launch.
WCAG 2.2 AAContrast, keyboard use and screen readers tested.
Calm modeAll motion turns off for visitors who ask for reduced motion.
Your codeNo lock-in. You get the repository and the CMS login.

How a project runs

From audit to launch in four steps.

  1. Week 0 · free

    Audit

    We measure speed, clarity and conversion of your current site and send a short video walkthrough.

  2. Week 1–2

    Concept

    Workshop with your team, sitemap, copy direction and one motion style chosen for your audience.

  3. Week 2–6

    Build

    Design and development in parallel. You review a live staging link every Friday.

  4. Launch +30 days

    Launch and measure

    Redirects, analytics and a 30-day report comparing leads before and after.

Fixed prices

Pick the size of the change.

Refresh

€4,900net

Your site works but looks dated. 2–3 weeks.

  • Redesign of up to 8 pages
  • One motion style
  • Speed and accessibility pass
  • CMS handover and training
Choose Refresh

Rebuild Most chosen

€12,500net

Your site no longer sells. 5–7 weeks.

  • Strategy workshop and copy rewrite
  • Up to 20 pages
  • Two motion styles
  • SEO migration with redirects
  • Analytics and lead tracking
Choose Rebuild

Signature

€24,000from

You want to be remembered. 8–12 weeks.

  • Custom WebGL or 3D hero
  • Remotion product film, 16:9 and 9:16
  • All six motion styles available
  • Six months of care and updates
Choose Signature

Prices exclude VAT. Hosting from €29 per month, optional.

Free site audit

Send us your URL. We send back what to fix.

Within 48 hours you get a short video that walks through your site's speed, clarity and design, with three changes you can make even without us.

Styles you like