ServicesCustom business applicationMargin, projects, teams, invoices: software that is yours.AI and automationReminders, reports, website enquiries: handled without a second thought.Dashboard and business reportingRevenue, margin, unpaid invoices, every morning.Website and application packageBoth designed together and connected.Website designBuilt to be found and to bring in enquiries.Website redesignRebuilt without losing your search rankings.SEO (search engine optimisation)Climb the searches for your trade.All our servicesEverything we offer.
IndustriesConstruction & ArchitectureArchitects, engineering consultancies, constructionHVACRefrigeration, HVAC, heat pumps, solarTransport & mobilityTaxi, private hire, removals, freightResellers & installersTills, kiosks, payments, securityConsulting & CoachingConsultants, coaches, agenciesTraining & PublishingTrainers, online course creatorsTech & B2B SaaSStart-ups, software publishers, industryFranchise networksFranchisors, multi-unit franchisees
Our workPricing
ResourcesWhat a website costs in 2026The budget guide, item by item.Writing your project briefThe simple 7-point template.Choosing the right web agencyThe right questions to ask.All resourcesGuides, glossary and blog.Redesign: where to startThe steps, in the right order.WordPress, Webflow or FramerAn honest comparison of the three tools.The web glossaryTerms explained without jargon.The blogAll our articles.
ToolsA real audit of your websiteA score out of 100 and fixes, in 30 seconds.Competitor comparisonYour website against two competitors, criterion by criterion.Budget calculatorA detailed estimate, line by line.Project briefA document ready to send to suppliers.The cost of your organisationTime lost each year, costed in six questions.
About
FREN
Book a call
Book a call
Our work About Blog Book a call
Technology · HTML, CSS & JavaScript

HTML, CSS & JavaScript: clean code that makes the difference.

The foundations of the web: light, well-controlled code for fast, animated and long-lasting websites.

★★★★★ 4.8/5 on Google · more than 100 projects delivered

Code at Widesign

What we build with HTML, CSS & JS

Two websites can look alike and have nothing in common: one loads in a second, the other in six. The difference is in the code. Our builds are written cleanly: semantic structure, light styles, smooth animations. It is invisible, and it changes everything.

Technical sheet · HTML, CSS & JS
TypeThe three fundamental languages of the web
StandardW3C, readable by every browser
Our approachCustom-written code, never a heavy theme
We use it forBuilds, animations, performance, technical SEO
Our commitmentPages that load in under two seconds

Our services with HTML, CSS & JS

What we build with HTML, CSS & JavaScript, and how we do it.

What we do

Building fast websites

Light pages that load in under two seconds, even on mobile.

  • Custom-written code
  • Optimised images
  • Speed measured at handover
Discover this service
What we do

Animations & interactions

The premium feel that sets your website apart from off-the-shelf templates.

  • Reveal-on-scroll effects
  • Custom micro-interactions
  • Performance preserved
What we do

Web applications

Responsive business interfaces, built on sound foundations.

  • Custom interfaces
  • Compatible with every browser
  • A base that can grow
Discover this service
What we do

Speed optimisation

Is your existing website slow? We find out why, fix it and measure the result.

  • Full technical audit
  • Code and image optimisation
  • Gains quantified before and after
Discover this service

A single point of contact, from the first mock-up to go-live.

Why HTML, CSS & JavaScript

Why build with HTML, CSS & JS

Reason 01
Speed converts
Every second of loading time drives visitors away, especially on mobile. Light code loads in under two seconds and keeps your prospects on the page, right through to the form.
Reason 02
Google measures it
Core Web Vitals, Google's speed indicators, weigh on your position in search results. Clean code is a measurable SEO advantage, not a technical detail.
Reason 03
Animations appeal
Reveal-on-scroll effects, micro-interactions, smooth transitions: well coded, they give the premium feel that sets your website apart, without costing a millisecond too many.
Reason 04
Accessibility widens your reach
Semantic code can be read by keyboard, by screen reader, on every browser. More visitors served, and Google understands your pages better: everyone wins.
Reason 05
Lifespan grows
Clean code can be understood, fixed and extended without breaking everything. Your website evolves through adjustments, not through forced redesigns every two years.
Bi-Niyati website
Built with HTML, CSS & JavaScript · Bi-Niyati

How do you build two sales funnels, and the content that feeds them?

A remote donation requires trust. The donor pays for a tree they will not see planted, far from home, in Zanzibar. The journey had to build that trust step by step, not take it for granted.

Your website written in light, readable code

Light code cannot be improvised at the end of a project. We write it step by step, from an approved mock-up, and each step needs your agreement.

Step 01

The discovery call

Your current website already tells us a lot: in thirty minutes, with no commitment, we look at what slows it down or makes it frustrating on mobile, and what you expect from the new version.

Step 02

The technical scoping session

Pages to build, planned animations, browsers to cover, fixed price: the scoping fits in a short document. What will be coded is listed there, and so is what will not.

Step 03

Mock-ups before the build

Every page and every animation is decided on a mock-up before the first line of code. You approve them on computer and on mobile, which avoids recoding later.

Step 04

The build, page by page

We write a semantic structure, then only the CSS and JavaScript the design needs. Each finished group of pages is shown to you on staging for approval.

Step 05

Testing on every screen

Rendering, speed and accessibility are checked on mobile, tablet, computer and several browsers before the switchover. We then show you how to edit the content that is meant to be edited.

Step 06

Code follow-up

The code stays documented and yours. We remain available to fix a rendering issue after a browser update or add a section as your needs evolve.

They talk about their experience

What our clients remember: listening, deadlines met, and a result that reflects who they are.

Salah Z.

Founder · EFFI Engineering

★★★★★

“Professional and full of ideas, Yanis fully understood our needs and supported us through the complete redesign of our website. He brought a fresh perspective, relevant ideas and real suggestions for improvement, while always listening to what we expected. We are very satisfied with the result and highly recommend his work.”

Younes E.

Founder · Kebchi

★★★★★

“A very good experience over two years of working together. Competent and professional, I recommend him.”

Chabane A.

Founder · Térinéo

★★★★★

“Your listening, your professionalism and your attention to detail made it possible to create a website that truly reflects who we are. We are very proud to present our new online shop today.”

Ahmed O.

Founder · Four à Pain Européen

★★★★★

“Widesign built the website for our professional bakery equipment company. Really careful work, attentive, deadlines met, and a result that shows off our ranges of ovens well. Yanis understood our trade before getting started, and that changes everything. I recommend them.”

Kalel

Client review

★★★★★

“I needed a graphic designer who would understand my requests, and Yanis responded perfectly to what I asked for, and worked quickly too. The result was perfect.”

Mathieu C.

Google review

★★★★★

“Quality work. A competent person, always available to talk and to meet our requests. I recommend him.”

Najib C.

Google review

★★★★★

“I highly recommend him! Professional and very competent, attentive and responsive: his work left us completely satisfied.” “I worked with Yanis on an assignment and he did a great job, I recommend him!”

Soufiane E.

Director

★★★★★

“I worked with Yanis on an assignment and he did a great job, I recommend him!”

Jordan

Client review

★★★★★

“Yanis was a great help to me. Always patient, attentive and understanding. Very meticulous work, always very diligent. Never disappointed!”

Amin K.

Co-founder · Sunnafit

★★★★★

“We needed a graphic designer for our project, so we contacted Yanis. He was available straight away and attentive to what we wanted, then his creativity spoke for itself: the final result went beyond our expectations. A truly skilled graphic designer!”

Zakaria

Founder · Bi-Niyati

★★★★★

“I have been working with Yanis from Widesign for several months, and the bottom line is that I am always satisfied with his work! His work is innovative and right at the heart of the trends that make a difference, whether for a website or for visual content. I really recommend his work. Thanks again, Yanis!” “Very professional”

Salem A.

Founder · Transport Distinction

★★★★★

“Very professional”

Salah Z.

Founder · EFFI Engineering

★★★★★

“Professional and full of ideas, Yanis fully understood our needs and supported us through the complete redesign of our website. He brought a fresh perspective, relevant ideas and real suggestions for improvement, while always listening to what we expected. We are very satisfied with the result and highly recommend his work.”

Younes E.

Founder · Kebchi

★★★★★

“A very good experience over two years of working together. Competent and professional, I recommend him.”

Chabane A.

Founder · Térinéo

★★★★★

“Your listening, your professionalism and your attention to detail made it possible to create a website that truly reflects who we are. We are very proud to present our new online shop today.”

Ahmed O.

Founder · Four à Pain Européen

★★★★★

“Widesign built the website for our professional bakery equipment company. Really careful work, attentive, deadlines met, and a result that shows off our ranges of ovens well. Yanis understood our trade before getting started, and that changes everything. I recommend them.”

Kalel

Client review

★★★★★

“I needed a graphic designer who would understand my requests, and Yanis responded perfectly to what I asked for, and worked quickly too. The result was perfect.”

Mathieu C.

Google review

★★★★★

“Quality work. A competent person, always available to talk and to meet our requests. I recommend him.”

Najib C.

Google review

★★★★★

“I highly recommend him! Professional and very competent, attentive and responsive: his work left us completely satisfied.” “I worked with Yanis on an assignment and he did a great job, I recommend him!”

Soufiane E.

Director

★★★★★

“I worked with Yanis on an assignment and he did a great job, I recommend him!”

Jordan

Client review

★★★★★

“Yanis was a great help to me. Always patient, attentive and understanding. Very meticulous work, always very diligent. Never disappointed!”

Amin K.

Co-founder · Sunnafit

★★★★★

“We needed a graphic designer for our project, so we contacted Yanis. He was available straight away and attentive to what we wanted, then his creativity spoke for itself: the final result went beyond our expectations. A truly skilled graphic designer!”

Zakaria

Founder · Bi-Niyati

★★★★★

“I have been working with Yanis from Widesign for several months, and the bottom line is that I am always satisfied with his work! His work is innovative and right at the heart of the trends that make a difference, whether for a website or for visual content. I really recommend his work. Thanks again, Yanis!” “Very professional”

Salem A.

Founder · Transport Distinction

★★★★★

“Very professional”

See our case studies

4.8/5 · 100+ projects delivered

Honest advice

Custom-made, right down to the code

Ready-made themes carry thousands of useless lines: every visitor downloads them for nothing.

We write only the code your website needs. The result: light pages, smooth animations, and a website that ages well.

  1. 01
    Load less to load fastevery line shipped must serve a purpose.
  2. 02
    Semantics firstheadings, structure, hierarchy: the foundation of SEO.
  3. 03
    Animations with intentthey guide the eye, they never distract.
  4. 04
    Testable and testedrendering is checked on mobile, tablet and desktop.
We can hear you from here.

Your questions about HTML, CSS, JS

Often for a combination of reasons: a theme that loads a lot of useless code, uncompressed images, stacked plugins. An audit identifies the real causes, and custom-written code removes them.

When badly coded, yes. We use the properties that browsers animate effortlessly and only load scripts where they are needed. The animation stays smooth without weighing the page down.

It is the part of SEO that visitors do not see: heading hierarchy, tags, speed, links between pages. We build it in as the code is written rather than fixing it afterwards.

Yes, entirely. The files are yours, readable and commented, and another developer can take them over without depending on us.

We work on semantics, contrast, alternative text and keyboard navigation from the build stage. Your website remains usable by people who do not browse with a mouse.

Yes. We measure first, then lighten the code, the images and the loading order, and measure again. You see the before and after comparison.

4.8 Average rating on

Your business deserves better tools

Thirty minutes to scope your needs, website or application, and come away with a clear plan.

Book my call