Corporate Design

Phase 03 - Create

Phase 03 - Create

Website & UX

Website & UX

It answers before you do.

It answers before you do.

The website is usually the first place your brand is genuinely judged. We plan it, design it and build it: structure, interface, CMS, and the technical groundwork for search and AI answers. So the site answers the questions that would otherwise come up in the first call.

The website is usually the first place your brand is genuinely judged. We plan it, design it and build it: structure, interface, CMS, and the technical groundwork for search and AI answers. So the site answers the questions that would otherwise come up in the first call.

Definition line

Web design covers how a website is structured, styled and built. Whether it works is decided not by how it looks but by the user experience: order, naming and speed, which you only notice when they are missing.

Web design covers how a website is structured, styled and built. Whether it works is decided not by how it looks but by the user experience: order, naming and speed, which you only notice when they are missing.

Web design covers how a website is structured, styled and built. Whether it works is decided not by how it looks but by the user experience: order, naming and speed, which you only notice when they are missing.

Scope

What is included

01.
UX & Information Architecture
Which pages exist, what they are called and in what order someone needs them. Decided from the point of view of people looking for something, not from your org chart. This is the part nobody consciously sees and the part that decides whether anything gets found.
02.
UI & Visual Design
How the site looks and behaves: grid, typography in use, states of buttons and forms, behaviour on small screens. Built on your design system where one exists, otherwise directly on the corporate identity.
03.
Build & CMS
We build the site, not just the picture of it. And we set up the CMS so you can maintain text, images and new pages yourselves, without asking us and without breaking anything.
04.
SEO Foundations & Structured Data
Titles, heading structure, load time, clean URLs and structured data, so search engines and answer engines can read the site at all. Set correctly once, at build. Working on it continuously is a separate service.
01.
UX & Information Architecture
Which pages exist, what they are called and in what order someone needs them. Decided from the point of view of people looking for something, not from your org chart. This is the part nobody consciously sees and the part that decides whether anything gets found.
02.
UI & Visual Design
How the site looks and behaves: grid, typography in use, states of buttons and forms, behaviour on small screens. Built on your design system where one exists, otherwise directly on the corporate identity.
03.
Build & CMS
We build the site, not just the picture of it. And we set up the CMS so you can maintain text, images and new pages yourselves, without asking us and without breaking anything.
04.
SEO Foundations & Structured Data
Titles, heading structure, load time, clean URLs and structured data, so search engines and answer engines can read the site at all. Set correctly once, at build. Working on it continuously is a separate service.

Our Web Service Models

Our Web Service Models

Clear systems. No guesswork.

Building a website isn’t just about design or development. That’s why FRAEM works with three clear web service models, depending on how much responsibility you want to hand over, from full system thinking to pure execution or flexible hybrid setups.

Full-service web systems.

The FRAEM Web System

Full-service web systems.

The FRAEM Web System

Execution only.

FRAEM Production Service

Execution only.

FRAEM Production Service

Shared responsibility.

FRAEM Hybrid Models

Shared responsibility.

FRAEM Hybrid Models

Not sure which model fits?

Not sure which model fits?

Problem List

This is for you if

The site does not explain what you actually do.

Visitors read two paragraphs, do not get it, and never send the email they were going to send.

Every change has to go through an agency.

A new paragraph takes a ticket, a week and an invoice. So the site stops being updated.

On a phone it falls apart.

On a desktop everything looks fine, and more than half your visitors see something else.

You are not found, not even by AI.

The site is online, but neither Google nor ChatGPT can say in one sentence what you stand for.

Reference

What that looked like at N+F Wohnbau.

What that looked like at N+F Wohnbau.

Make live building projects visible to buyers who ask Google first.

Make live building projects visible to buyers who ask Google first.

Instead of translating the old structure, we rebuilt it around the questions people arrive with: projects, company, advice. The team maintains properties and articles itself. SEO foundations and structured data came with the build, not as an afterthought.

Instead of translating the old structure, we rebuilt it around the questions people arrive with: projects, company, advice. The team maintains properties and articles itself. SEO foundations and structured data came with the build, not as an afterthought.

  • UX & Information Architecture

  • UI & Visual Design

  • Build & CMS

  • SEO Foundations & Structured Data

"Most websites are built along the org chart. Visitors are not looking for departments."

"Most websites are built along the org chart. Visitors are not looking for departments."

"Most websites are built along the org chart. Visitors are not looking for departments."

What gets decided when

What gets decided when

Why the order saves money.

Why the order saves money.

A website is not decided in one go. It happens in four steps, each one setting up the next. Reverse the order and start with the looks, and you pay for the structure twice.

A website is not decided in one go. It happens in four steps, each one setting up the next. Reverse the order and start with the looks, and you pay for the structure twice.

1

Structure

Now it is clear which pages exist.

Page types, naming and order, decided from the point of view of someone looking for something. This is where we need the most from you: who buys, and which questions your sales team answers most often. It is the one session you really have to be in.

1

Structure

Now it is clear which pages exist.

Page types, naming and order, decided from the point of view of someone looking for something. This is where we need the most from you: who buys, and which questions your sales team answers most often. It is the one session you really have to be in.

2

Design

Now it is clear how it looks.

What gets designed is the page types, not every single page. Sign-off happens here, on a handful of drafts, not later on forty finished pages. Whatever passes at this point is what gets built.

2

Design

Now it is clear how it looks.

Analysis, concept, production or evaluation, depending on the phase. Whatever comes out, we sort it before you see it. Not every inconsistency is a problem, and not every finding matters equally. You get what counts, not all of it. We need nothing from you.

3

Build

Now it is clear what you will work with.

We build the site and set up the CMS. Running alongside is the thing that actually holds projects up: text and images. They come from you or through Content Production, and they decide the launch date, not the technology.

3

Build

Now it is clear what you will work with.

Whether it is a workshop, feedback round or review call depends on the phase. Who decides does not. What we have is on the table, the options get tested, and the direction is set by those who will defend it internally.

4

Launch

Now the site stands.

Technical checks, structured data, redirects from the old addresses and a walkthrough of the CMS. After that the site is yours. What happens continuously from then on, content and visibility, is a service of its own.

4

Launch

Now the site stands.

Whether it is a workshop, feedback round or review call depends on the phase. Who decides does not. What we have is on the table, the options get tested, and the direction is set by those who will defend it internally.

Our creative stack!

Behind every seamless experience is a powerful set of tools. We use the best-in-class platforms to design, collaborate, test, and launch user-first websites that don’t just look good also perform brilliantly.

Frequently Asked

Frequently Asked

Questions

Questions

What is UX, and how is it different from UI?

UX is the whole experience someone has with you. UI is the surface it happens through: buttons, forms, menus. The UI is part of the UX, not the same thing.

In practice: a site can be beautiful and still have poor UX if the price is nowhere, the contact form has seven fields, or loading takes four seconds. The other way round, a plain site can work extremely well. So a project with us does not start with styling, it starts with the question of what someone is actually here to get done. The design comes after that, and has an easier job, because it no longer has to make up for structure.

The difference also shows in how you measure success. Good UI is visible in a screenshot; good UX only shows in fewer people calling to ask where something is. That is unspectacular, and exactly why this is the part people cut first.

Framer is a web builder for creative pros. Be sure to check out framer.com to learn more.

UX is the whole experience someone has with you. UI is the surface it happens through: buttons, forms, menus. The UI is part of the UX, not the same thing.

In practice: a site can be beautiful and still have poor UX if the price is nowhere, the contact form has seven fields, or loading takes four seconds. The other way round, a plain site can work extremely well. So a project with us does not start with styling, it starts with the question of what someone is actually here to get done. The design comes after that, and has an easier job, because it no longer has to make up for structure.

The difference also shows in how you measure success. Good UI is visible in a screenshot; good UX only shows in fewer people calling to ask where something is. That is unspectacular, and exactly why this is the part people cut first.

Do you build the site too, or only the design?

We build it. Concept, design and build come from one place, including CMS setup and handover. You do not need a second agency or an external developer in between.

The difference shows at the end, not at the start. Design-only work hands over a picture, and building produces a hundred small decisions the picture never covered: what happens with very long headlines, how the table behaves on a phone, what the page shows when a field is empty. If those decisions are made by someone who does not know the concept, the result drifts from the draft, and in the end two suppliers argue with each other instead of talking to you. That does not mean we want to displace an existing setup.

If you already have a developer you are happy with, we hand over cleanly and write down the decisions that are not visible in the draft. It is simply a different proposal, and it should be agreed beforehand.

Framer is a web builder for creative pros. Be sure to check out framer.com to learn more.

We build it. Concept, design and build come from one place, including CMS setup and handover. You do not need a second agency or an external developer in between.

The difference shows at the end, not at the start. Design-only work hands over a picture, and building produces a hundred small decisions the picture never covered: what happens with very long headlines, how the table behaves on a phone, what the page shows when a field is empty. If those decisions are made by someone who does not know the concept, the result drifts from the draft, and in the end two suppliers argue with each other instead of talking to you. That does not mean we want to displace an existing setup.

If you already have a developer you are happy with, we hand over cleanly and write down the decisions that are not visible in the draft. It is simply a different proposal, and it should be agreed beforehand.

Can we maintain the site ourselves afterwards?

Yes, that is the point of the CMS setup. Change text, swap images, add posts and new pages, all without us. At handover we show it to the people who will actually do it.

What matters is how the CMS is built. A system where every page can be assembled freely feels powerful and produces fifteen variants of the same section within six months. So we build it from fixed blocks: enough freedom for everyday work, not enough to take the brand apart. What deliberately stays with us are structural changes, meaning new page types or a new navigation. That is rare, and it should stay rare.

One note from practice: how well a handover works depends less on the system than on who was in the room. An hour with the person who will actually change the text beats a detailed manual sent to management. Someone who has done it once will do it again.

Framer is a web builder for creative pros. Be sure to check out framer.com to learn more.

Yes, that is the point of the CMS setup. Change text, swap images, add posts and new pages, all without us. At handover we show it to the people who will actually do it.

What matters is how the CMS is built. A system where every page can be assembled freely feels powerful and produces fifteen variants of the same section within six months. So we build it from fixed blocks: enough freedom for everyday work, not enough to take the brand apart. What deliberately stays with us are structural changes, meaning new page types or a new navigation. That is rare, and it should stay rare.

One note from practice: how well a handover works depends less on the system than on who was in the room. An hour with the person who will actually change the text beats a detailed manual sent to management. Someone who has done it once will do it again.

Do you do SEO as well?

The foundations yes, at build time: page titles, heading structure, load time, clean URLs, structured data. The ongoing work after that, meaning keywords, content and technical upkeep, is a separate service.

The split is not invented, it follows the work. Foundations are set once, at build, and getting them wrong is expensive to fix later. Rankings, by contrast, build over months and need someone looking at them regularly. Building a website and promising SEO with it would be like opening a gym and promising muscles.

What we can promise: the site will not get in your way technically, which for a surprising number of sites is not true today. If you already work with an SEO agency, that is not a problem, quite the opposite. We ask for their requirements in the kickoff and build them in, instead of having them retrofitted later. Structure added afterwards always costs more than structure planned in.

Framer is a web builder for creative pros. Be sure to check out framer.com to learn more.

The foundations yes, at build time: page titles, heading structure, load time, clean URLs, structured data. The ongoing work after that, meaning keywords, content and technical upkeep, is a separate service.

The split is not invented, it follows the work. Foundations are set once, at build, and getting them wrong is expensive to fix later. Rankings, by contrast, build over months and need someone looking at them regularly. Building a website and promising SEO with it would be like opening a gym and promising muscles.

What we can promise: the site will not get in your way technically, which for a surprising number of sites is not true today. If you already work with an SEO agency, that is not a problem, quite the opposite. We ask for their requirements in the kickoff and build them in, instead of having them retrofitted later. Structure added afterwards always costs more than structure planned in.

Want to learn more about us? Check out our entire FAQ!

Want to learn more about us? Check out our entire FAQ!

User-Centered Approach – We put your users first, ensuring an experience that is intuitive and conversion-focused.

User-Centered Approach – We put your users first, ensuring an experience that is intuitive and conversion-focused.

Innovative & Cutting-Edge Design – Our team stays ahead of trends, blending creativity with advanced technology.

Innovative & Cutting-Edge Design – Our team stays ahead of trends, blending creativity with advanced technology.

Support from concept to execution

Support from concept to execution

Why choose FRÆM for your online presence?

Why choose FRÆM for your online presence?

Fast Implementation: We move quickly to get your content working for you without delay.

Fast Implementation: We move quickly to get your content working for you without delay.

Agile Development: We adapt to your needs and pivot fast when plans change.

Agile Development: We adapt to your needs and pivot fast when plans change.

Scalable Approach: Our strategies grow with you, supporting your success at every stage.

Support from concept to execution

Interested in Web & UX Design?

Check out our most recent articles!

Interested in Content Marketing?

Check out our most recent articles!

Cover illustration: Azubis find you online. FRÆM mascot in Handwerk outfit holding smartphone with mobile application.
Cover illustration: Azubis find you online. FRÆM mascot in Handwerk outfit holding smartphone with mobile application.

How Handwerk Businesses Actually Find Azubis: 5 Steps

Finding Azubis and skilled workers in Handwerk: why job ads alone don't work and which five steps actually bring applications.

Cover illustration: Azubis find you online. FRÆM mascot in Handwerk outfit holding smartphone with mobile application.
Cover illustration: Azubis find you online. FRÆM mascot in Handwerk outfit holding smartphone with mobile application.
SEO and AI
SEO and AI

AI Search Is Here. SEO Isn't Dead. Here's What Matters.

43% of Germans use ChatGPT. Search is quietly changing under everyone's feet. Here's what's real, what's hype, and what your business should actually do about it.

SEO and AI
SEO and AI
Cover illustration: Why your Handwerk website isn't doing its job. FRÆM mascot with broken laptop and construction tape
Cover illustration: Why your Handwerk website isn't doing its job. FRÆM mascot with broken laptop and construction tape

Why Your Handwerk Website Isn't Doing Its Job

94% of German Handwerk businesses have a website. Only 3 of 500 audited sites came close to actually doing their job. Here's what "it works for us" is really costing you.

Cover illustration: Why your Handwerk website isn't doing its job. FRÆM mascot with broken laptop and construction tape
Cover illustration: Why your Handwerk website isn't doing its job. FRÆM mascot with broken laptop and construction tape
Framer vs Wordpress vs TYPO3
Framer vs Wordpress vs TYPO3

Framer vs. WordPress vs. TYPO3

Framer or WordPress for your Handwerk business? An honest comparison on cost, maintenance, and SEO. Plus when Webflow or TYPO3 actually makes sense.

Framer vs Wordpress vs TYPO3
Framer vs Wordpress vs TYPO3

Content that converts
(and doesn’t suck).
Let’s talk.

Content that converts
(and doesn’t suck).
Let’s talk.

Content that converts
(and doesn’t suck).
Let’s talk.

Nikkan & Soli Managing Directors

Nikkan & Soli Managing Directors

Nikkan & Soli Managing Directors