You have opened a saved HTML file from your computer. This file should only be attached in the form on the real website address. Go back to the https page and attach the file there.
Free demo: get a concrete page preview before you decide
Edit mode is on. Click directly on headings and text on the page. When finished: click “Save edited page” and attach the file at the bottom of the form.
Nordlöf Nordic logo Nordlöf Nordic Coded web solutions for businesses
Request free demo
Free website demo

Send your material. Get a concrete demo before you decide.

I build a first page preview based on your business story, services, images, links and wishes. You see the structure first and can give feedback before anything moves forward.

The idea is simple: you should not have to guess what a new website could look like. I show it clearly.

Request free demo See what I need Back to English homepage
Free demo first see the proposal before deciding
Your material leads story, images and services shape the page
Accessibility options if needed language options, summary reading, high contrast and larger text can be added to the final version
Free demo You send material. I show a concrete page preview.
Replace with your own images. Real story, real images and clear services beat template fluff every day of the week.
Free demo

You get a first page preview before you need to decide.

Send your company story, images, services, prices, links and what you want the page to do. I build a demo that shows structure, feeling and customer journey.

If you want to move forward after the demo, the page can be made ready with proper content, SEO foundation, technical structure, contact flows and connections such as Google Maps.

Request free demo What should I send?

What the demo includes

  • First page structure: hero, services, trust, process, questions and contact.
  • Design direction: colours, typography and layout that match the company’s feeling.
  • Material placement: a clear plan for images, videos, links and content.
  • Accessibility plan: if wanted, language options, short summary reading, high contrast and larger text can be planned for the final version.
  • Next step: what needs to be done for final publishing.
Company[Company name]
Location[City / area]
Offer[Short offer]
Target audience[Customers you want to reach]
MaterialText, images, videos, links and logo
GoogleMaps link, areas and keywords
InspirationURLs to websites you like
AccessibilityLanguage options, reading, high contrast and larger text if wanted
Next stepDemo → feedback → final version
TechnologyCoded page, SEO foundation and contact flow
Material from the customer

To build a good free demo, I need your story and your material.

I can fine-tune text visibility, colours, spacing, sections and the full design. What I need from you is the company’s real story, all important information, images, any videos and links that should be included on the website.

If you try to build everything yourself in tools like Loopia or similar platforms, many hours can disappear just trying to make the design feel right. And then the work behind the page still remains: structure, technical foundation, SEO, indexing in Google, contact flows and connections such as Google Maps.

Request free demo See checklist

Send this, and I will handle the rest

  • Company story: who you are, why you started and what you want to communicate.
  • Services: what you offer, preferably with a short explanation of each service.
  • Target audience: which customers you most want to reach.
  • Prices: fixed prices, from-prices or whether quotes apply.
  • Images and files: logo, staff photos, environment photos, product photos, PDFs, price lists, brochures or previous work.
  • Contact details: phone, email, city, address and social media.
  • Examples and inspiration: if you want something similar from another site, send the URL and write what you like.
  • Google and map: Google Maps link, business profile, address, areas and keywords you want to show up for.
  • Video: video clips, YouTube links, Instagram/Reels or other moving material.
  • Accessibility wishes: write if you want language options, short summary reading, high contrast or larger text in the final version.
  • Must-haves: anything that absolutely must be on the website.
About the company

Explain what you do without making the visitor guess.

This part should sell the company simply: what you do, why it matters and why the customer should choose you.

⚙️

Clear offer

Describe the main service here. Keep it concrete: what the customer gets and what problem it solves.

🤝

Safe contact

Show how the customer gets help, how communication works and what the next step looks like.

📍

Local relevance

Write where the company is based, which areas you cover and why that matters to the customer.

Services

Show what the customer can buy, book or ask about.

The services should be easy to scan. No novels. Sales structure, not a municipal annual report.

[Service 1]

Short description of the service, who it fits and what result the customer can expect.

[Service 2]

Short description of the service, preferably with concrete value in the first sentence.

[Service 3]

Short description of the service. Highlight the difference from competitors if there is a clear one.

[Add-on / package]

Works well for an extra offer, package price, service agreement or common add-on.

[Custom solution]

Use this if the customer does something more advanced, tailored or needs-based.

[Advice / quote]

A low-friction option for visitors who do not yet know exactly what they need.

Target audience

Make it clear who the page is for.

Here you describe which customers the company fits best. It filters out the wrong leads and makes the right visitor feel safer.

Write simply, concretely and without fluff. A visitor should feel: this is for me.

  • [Target audience 1].
    Describe a common customer type and what problem they need help with.
  • [Target audience 2].
    Describe when the service becomes especially relevant and what the customer gets from it.
  • [Target audience 3].
    Describe a third target group, industry or situation.
Accessibility options in the final version

Want to make the page easier to use for more people? That can be built in.

In the final version, every page can include accessibility options if you want that. For example: language options, short summary reading, high contrast and larger text. Nothing is mandatory — but it is useful when the target audience needs faster, clearer and easier-to-read information.

🌍

Language options

Swedish, English, Danish, Norwegian or another language can be added depending on your customers.

🔊

Short reading

A button can read a short page summary for visitors who prefer listening instead of reading.

◐

High contrast

The visitor can switch to a clearer contrast view when readability matters more than decoration.

A+

Larger text

A simple button can enlarge the text on the page. The glasses can take a break; the page does the job.

Tell me if you want this Read common questions
Process

How it works from free demo to live website.

A simple process lowers the threshold. You know what happens after you send the material.

Send material

You send company story, images, services, links, prices and wishes.

I build the demo

I create structure, design direction, text, sections and a clear contact flow.

You give feedback

You say what feels right, wrong, missing or should resemble something else.

Final version

If you want to move forward, the page is completed with SEO foundation, indexing, technology, publishing and any accessibility options.

Images

Change the image style based on the customer’s business.

The images here are only placeholders. In the final version, the customer’s own photos, local environments, team, products or previous work are used.

The right images do more than fill space. They sell trust before the text even gets its shoes on.

Send images and material
Placeholder for main image. Replace with the customer’s own image for the final version.
Drag sideways or use the arrows for more images
Environment imageReplace with a relevant customer image.
Detail imageWorks for product, space or craftsmanship.
Work imageGood for showing the process.
Team / meetingReplace with a real image if available.
Show the value clearly. This image can be replaced with a product, result or reference case.
Why choose a coded website

Three reasons to move forward.

Here you build trust without floating away. Short, concrete and customer-focused.

  • You avoid getting stuck in templates.
    Design and structure can be adapted to the company.
  • You own your code.
    A coded website can be moved, developed further and adjusted without platform lock-in.
  • The technical foundation is included from the start.
    SEO foundation, structure, forms, accessibility options and indexing can be planned from day one.
Demo first — decision after you have seen a concrete proposal
Trust

Good proof should be visible early, not collecting dust at the bottom.

Here you can highlight reviews, certificates, experience, results, customer cases, years in business, guarantee or anything else that makes the visitor feel safer.

Request free demo Read common questions
What I fix

The design, structure and technology are not your problem to solve.

You send the company’s real material. I fine-tune text visibility, colours, spacing, sections, SEO foundation, accessibility options and the technical whole.

Design and readability

Colours, contrast, text size, spacing and mobile view are adjusted so the page feels finished.

Content structure

Story, services, target audience, questions and contact paths are put in the right order.

SEO and Google

Basic structure, titles, texts, indexing and Google Maps connection can be planned in.

Accessibility and contact flow

Language options, short reading, high contrast, larger text, forms, file upload and next step can be built in if wanted.

Frequently asked questions

Answer questions before the customer has time to hesitate.

FAQ is useful for both customer journey and sales. Less friction, more straight answers.

Does the demo cost anything?

No, the idea is that you get to see a concrete page preview first. If you want to move forward, the website is made final according to agreement.

What do we need to send?

Company story, services, images, videos, prices, contact details, Google Maps link, social media, accessibility wishes and examples of websites you like.

Do we have to fix the design ourselves?

No. You do not need to sit and fiddle with colours, spacing, text size and sections. Send the material, and I fine-tune the whole thing.

What happens after the demo?

You give feedback. If you want to move forward, the page is completed with final content, SEO foundation, technical structure and publishing.

Can accessibility options be included?

Yes, language options, short summary reading, high contrast and larger text can be added to every page in the final version if you want that.

Does every page need those options?

No. It is optional. It is used when it fits the target audience, the business and the purpose of the page.

Contact

Do you want a free demo?

Send your company story, services, images, prices, links and wishes. The more material there is from the start, the better the demo gets.

Erica Nordlöf – Nordlöf Nordic Web developer. Coded websites, form flows, accessibility options and technical structure.
erica@webutvecklare.se Requests and material webutvecklare.se/en.html Back to English homepage
Do not send from the saved file.

If the address starts with file://, this is only the saved HTML file. The form only works from the real https page. Go back to the website address, attach this HTML file there and send the form from the https page.

Have you edited the page yourself?

First click “Save edited page”. Then attach the downloaded HTML file here. That way I can open the exact version you edited and launch it or continue building on it.

Drag the HTML file here or click the file button below. Only .html or .htm.

    This field is for the file created when you click “Save edited page”. If you have not edited the page yourself, you can leave this empty.

    In the final version, language options, short reading, high contrast and larger text can be added if you want that.

    Drag files here or click the file button below. Images, videos, PDF, Word, text, PowerPoint and Excel work.

      Here you can attach logo, images, videos, PDFs, price lists, texts, brochures or other material.

      Email instead

      Important: If you have edited text directly on the page, you must click “Save edited page” and attach the HTML file in the form. Otherwise I only receive the form answers, not the page you edited.