AI Redesign for Old Websites: Modernize Legacy UX

Navigation built for a different era

The most common structural fault is a menu that grew rather than being designed. Eleven top-level items, several of which are organisational rather than useful — "Solutions", "Resources", "Company" — with the thing people actually want two levels down.

Older sites also frequently place primary navigation in a left sidebar, which was conventional and now costs horizontal space that mobile layouts cannot spare.

The fix is editorial rather than visual: cut the top level to the routes people actually take, name them after what they contain rather than after your org chart, and move everything else to the footer. Analytics will tell you which is which.

Forms designed for the site's convenience

Old forms ask for more than they need, because fields accumulate and nobody removes them.

The patterns to look for: fields that exist for internal routing rather than to serve the visitor, required fields that could be optional, separate first and last name inputs, address forms that force a format, and a phone number field on an enquiry form that only exists so somebody can call rather than email.

Each field costs completions. The question worth asking of every one is whether the answer would change your response — and if not, it can be gathered later in a conversation.

Interaction patterns that have been superseded

Several patterns that were normal are now actively obstructive, particularly on touch devices.

Hover-activated dropdown menus, which have no touch equivalent and become unreachable on a phone. Modal windows that cannot be dismissed on a small screen. Carousels holding content people never see past the first slide. Anything requiring precise mouse positioning.

These are not aesthetic complaints. A hover-only menu on a site where most traffic is mobile means a substantial share of visitors cannot reach parts of the site at all.

Findability, which is usually the real complaint

When people say an old site is hard to use, they most often mean they could not find something.

That comes from a few specific things: page titles that describe the organisation rather than the content, no search or a search that returns nothing useful, content buried several levels deep, and no obvious route from a deep page back to related material.

A useful exercise is to pick the five things visitors most often need and count the clicks from the homepage. If any of them takes more than two, that is the redesign brief — and it is a structural fix rather than a visual one.

Accessibility debt accumulates quietly

Old sites were frequently built before accessibility was routinely considered, and the failures are consistent enough to check quickly.

Missing alternative text. Form inputs without associated labels. Focus indicators removed for looking untidy. Colour used as the only means of conveying information. Content unreachable by keyboard. Contrast that was acceptable on a CRT and is not on a phone in daylight.

An automated checker finds most of these in about a minute, which makes this the cheapest genuine improvement available on most old sites.

• Alt text on informative images — decorative ones can be empty; informative ones cannot.
• Labelled form fields — persistent labels, not placeholders that vanish.
• Visible focus states — removed in most old stylesheets for tidiness.
• Keyboard reachability — tab through the page and see where you get stuck.

Fix usability before appearance

The tempting order is the reverse, because visual improvement is visible and satisfying.

But a beautiful site with an eleven-item menu and a nine-field form is still hard to use, and you will have spent the budget on the half that was not the problem.

Work through navigation, forms and findability first — those are largely editorial decisions and cost little to make. Then apply the visual work on top of a structure that is worth presenting well.