You have opened a saved HTML file from your computer. This file should only be attached in the form on the correct web address. Go back to the https page and attach the file there.
Free demo: get a concrete website 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 website 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 concretely.

Request free demo See what I need To English homepage
Free demo first see the proposal before deciding
Your material guides it story, images and services shape the page
Accessibility options if needed language options, read-aloud summary, high contrast and larger text can be added to the final version
Free demo You send material. I show a concrete website preview.
Replace this with your own images. Real story, real images and clear services beat template filler every single week.
Free demo

You get a first website preview before you need to make the decision.

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

If you want to continue after the demo, the website can be finished with proper content, SEO foundation, technical structure, contact flow and connections such as Google Maps.

Request free demo What should I send?

This is included in the demo

  • First page structure: hero, services, trust, process, questions and contact.
  • Design direction: colours, typography and layout that fit the business.
  • Material placement: clear plan for images, video, links and content.
  • Accessibility plan: if wanted, language options, short read-aloud summary, high contrast and larger text can be planned for the final version.
  • Next steps: what should be done before sharp publishing.
Business[Business name]
City / area[City / area]
Offer[Short offer]
Target audience[Customers you want to reach]
MaterialText, images, video, links and logo
GoogleMaps link, areas and keywords
InspirationURLs to websites you like
AccessibilityLanguage options, read-aloud summary, high contrast and larger text if wanted
Next stepDemo → feedback → final version
TechnologyCoded page, SEO foundation and contact flow
Customer material

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

I handle text visibility, colours, spacing, sections and the full design direction. What I need from you is the real business story, important information, images, possible videos and links that should be included on the website.

If you try to build everything yourself in tools such as Loopia or similar platforms, it can quickly take many hours just to make the design feel right. And the inside is still left: structure, technical foundation, SEO, indexing in Google, contact flow and connections such as Google Maps.

Request free demo See checklist

Send this, and I fix the rest

  • Business 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 quote-based pricing applies.
  • Images and files: logo, team photos, environment photos, product photos, PDFs, price lists, brochures or previous work.
  • Contact information: phone, email, city, address and social media.
  • Examples and inspiration: if you want something similar to another website, send the URL and write what you like.
  • Google and maps: Google Maps link, business profile, address, areas and keywords you want to be found for.
  • Video: possible video clips, YouTube links, Instagram/Reels or other moving material.
  • Accessibility wishes: write if you want language options, a short read-aloud summary, high contrast or larger text in the final version.
  • Must-haves: anything that absolutely must be included on the website.
About the business

Explain what you do without making visitors guess.

This part should sell the business 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

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

📍

Local relevance

Write where the business is located, which areas you cover and why that matters for the customer.

Services

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

Services should be easy to scan. No novels. Sales direction, not an annual report in formal shoes.

[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. Lift the difference from competitors if there is a clear one.

[Add-on / package]

Works well for an extra offer, package, 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 are not fully sure what they need yet.

Target audience

Make it clear who the website is for.

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

Write simply, concretely and without fluff. A visitor should think: 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 website easier to use for more people? That can be built in.

In the final version, each page can get accessibility options if you want them. For example: language options, short read-aloud summary, high contrast and larger text. Nothing is mandatory – but it is useful when the target audience needs faster, clearer and more readable information.

🌍

Language options

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

🔊

Short read-aloud summary

A button can read a short summary of the page for visitors who prefer listening over 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 make the text larger on the page. The glasses can take a break; the website does the job.

Tell me if you want this Read common questions
Process

How it goes from free demo to final website.

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

Send material

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

I build the demo

I set structure, design direction, texts, sections and a clear contact flow.

You give feedback

You tell me what feels right, wrong, missing or should be closer to something else.

Final version

If you want to continue, the website is prepared with SEO foundation, indexing, technical structure, publishing and possible accessibility options.

Images

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

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

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

Send images and material
Placeholder for main image. Replace with the customer’s own image before 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 craft.
Work imageGood for showing the process.
Team / meetingReplace with a real image if available.
Show the value clearly. This image can be replaced with product, result or reference case.
Why choose a coded website

Three reasons to move forward.

Here you build trust without flying off into cloud-land. Short, concrete and customer-focused.

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

Good proof should be shown early, not left to collect dust at the bottom of the page.

Here you can highlight reviews, certificates, experience, results, customer cases, years in business, guarantees 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 business’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 layout 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 read-aloud summary, high contrast, larger text, forms, file upload and next steps can be built in if you want them.

Common questions

Answer questions before the customer has time to hesitate.

FAQ is good for both customer journey and sales. Less friction, more clear answers.

Does the demo cost anything?

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

What should I send?

Business story, services, images, video, prices, contact information, Google Maps link, social media, accessibility wishes and examples of websites you like.

Do I need to fix the design myself?

No. You should not sit and tweak colours, spacing, text size and sections. Send the material, and I fine-tune the whole.

What happens after the demo?

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

Can accessibility options be included?

Yes, in the final version language options, a short read-aloud summary, high contrast and larger text can be added to each page if you want them.

Does every page need those options?

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

Contact

Do you want a free demo?

Send business story, services, images, prices, links and wishes. The more material there is from the start, the better the demo will be.

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 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 correct https page. Go back to the web 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 lets me open exactly the version you edited yourself, and launch or build further from 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 it empty.

    In the final version, language options, a short read-aloud summary, high contrast and larger text can be added if you want them.

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

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

      Send email instead

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