A club newsletter
This is an example we built. It is not a real business.
Before, the club sent its newsletter as a document attached to an email. It printed well, but old issues got lost in old emails, and the small type was hard to read on a phone.
Now each issue is on a web page in big type, with past issues in one list.
The two boxes below are small previews. To scroll or click around, open a page in a new tab.
How the two compare| What we looked at | Before | Now |
|---|
| Design | Small type, sized for a sheet of paper. On a phone you pinch and scroll. An automatic check for things that make a page hard to use found 0 problems. | Big type that fits the screen. It prints cleanly too. An automatic check for things that make a page hard to use found 0 problems. |
|---|
| Function | You open an attachment. Some phones will not open it. | It opens in a web browser. There is nothing to download. |
|---|
| Security | A copy sits in every inbox. A mistake stays in every copy. Safety headers seen on the published page: 6 of 6. | One copy lives in one place, so a fix reaches everyone. The page is public, so it holds only what the club means to share. Safety headers seen on the published page: 6 of 6. |
|---|
| Organization | Old issues are spread across old emails. | Past issues are in one list, newest first. |
|---|
| Response time | To read it, you find the email, then open the attachment. | One tap on the link, and the issue is on the screen. |
|---|
What we measured on our two pages
Both are small pages we built, so both open fast. These numbers do not show how the old way compares with the new one.
Before page
Loaded in 121 milliseconds on our test computer.
Size: 6,892 bytes, in 2 files.
Now page
Loaded in 118 milliseconds on our test computer.
Size: 8,385 bytes, in 2 files.
A repair shop list of jobs
This is an example we built. It is not a real business.
Before, the shop kept every job in one crowded spreadsheet. Dates and notes were typed in many ways, and finding a job meant scrolling.
Now the jobs are in one tidy list. The ready ones are at the top, and a box helps you find any name or item.
The two boxes below are small previews. To scroll or click around, open a page in a new tab.
How the two compare| What we looked at | Before | Now |
|---|
| Design | Small cells, many columns, and yellow marks for jobs to call about. An automatic check for things that make a page hard to use found 0 problems. | Big type. On a phone each job is a card. A word and a color show where each job stands. An automatic check for things that make a page hard to use found 0 problems. |
|---|
| Function | You find a job by scrolling or with find. | Type a name or an item, or pick a status. If the search box does not load, the full list still shows. |
|---|
| Security | The file sits on the shop computer, with an older copy emailed home. Safety headers seen on the published page: 6 of 6. | This example has no lock, because the names are made up. A real list needs a sign-in so only the shop can see it. That is part of the bigger job. Safety headers seen on the published page: 6 of 6. |
|---|
| Organization | Rows are in the order they were typed. One job is in the list twice. | One row for each job, written the same way each time, with what needs doing next at the top. |
|---|
| Response time | To find a job, you scroll down the rows until you spot it. | Type a few letters, and the list narrows as you type. |
|---|
What we measured on our two pages
Both are small pages we built, so both open fast. These numbers do not show how the old way compares with the new one.
Before page
Loaded in 124 milliseconds on our test computer.
Size: 9,589 bytes, in 2 files.
Now page
Loaded in 138 milliseconds on our test computer.
Size: 17,422 bytes, in 3 files.
A small shop flyer and social page
This is an example we built. It is not a real business.
Before, the shop had a paper flyer on a store board and a social media page. Both were fine for getting the word out, but the hours and the address were lost in old posts.
Now one clear page shows the hours, what they do, and how to reach them.
The two boxes below are small previews. To scroll or click around, open a page in a new tab.
How the two compare| What we looked at | Before | Now |
|---|
| Design | A busy flyer, and a feed of posts, newest first. An automatic check for things that make a page hard to use found 0 problems. | One page with big headings for hours, services and how to reach the shop. An automatic check for things that make a page hard to use found 0 problems. |
|---|
| Function | To learn the hours, you scroll back for months or send a message. | The hours are near the top. Tap the number to call. |
|---|
| Security | The page sits on a social media site, under the rules of that site. Safety headers seen on the published page: 6 of 6. | The page holds only the facts the shop wants to share. There is no sign-in and no customer data on it. Safety headers seen on the published page: 6 of 6. |
|---|
| Organization | The facts are spread across many posts. | Each fact has one place, so it is easy to keep up to date. |
|---|
| Response time | A question asked in the comments waits for the shop to answer. | The things people ask most are on the page right away. |
|---|
What we measured on our two pages
Both are small pages we built, so both open fast. These numbers do not show how the old way compares with the new one.
Before page
Loaded in 117 milliseconds on our test computer.
Size: 8,359 bytes, in 2 files.
Now page
Loaded in 119 milliseconds on our test computer.
Size: 7,430 bytes, in 2 files.
How we measured
We loaded each page five times on one computer and kept the middle time. A millisecond is a thousandth of a second. A real phone on a real connection will be slower.
The numbers are for the pages we built here. The before pages are rebuilds, so their numbers are not the numbers of a real document, spreadsheet or social page.
The automatic check is a free tool that looks for common problems, like text that is too faint or a picture with no description. It does not check how big the text is, and it cannot find every problem.
Measured November 15, 2026.
If you have an idea like these
You can make a simple page yourself with this course. If you would rather have it built for you, my team does that too. You tell us the idea, and we build it, lock it down and put it online. You can read how it works on the offer page, and take your time deciding.