camwebdev.bsky.social

Invita Head Spa — a website project from my portfolio. Website and app-design enquiries: CameronAshley.ca

Another look at the Durabuild project. The goal was to make the work feel easier to understand while keeping the visual system clean and direct.

Premier Staffing — website design from my portfolio. Homepage, process and team screens. Website and app-design enquiries: CameronAshley.ca

Durabuild Contracting — a website design focused on stronger presentation, clearer structure and a more confident digital presence.

Reserve space for late content. Embeds and other late-loading content may need reserved space too. Watch the page while external content loads.

An error summary can guide repair. A summary can identify affected fields and link to them. Use clear field names and a useful correction instruction.

Decorative images need a decision. For a purely decorative HTML image, use an empty alt attribute. Check that its meaning is already absent or supplied elsewhere.

Good presentation helps people understand the work faster. These project visuals are part of how I think about showing digital work in context instead of treating it as an isolated screenshot.

Say which fields are required. Explain the required-field convention in the form instructions. If you use an asterisk, say what it means.

The visual layer matters, but it works best when it supports the structure underneath it. A couple of project views where layout, content and presentation are doing the work together.

Zoom is a layout test. Check whether ordinary content reflows without two-way scrolling. Try zooming and follow the reading order. Some content has exceptions.

A few more pieces from the web design archive. I like showing the work in context because a website is more than a flat mockup—it is a system people actually have to navigate and use.

Leave space for the image. Reserve its space using dimensions or an appropriate aspect ratio. Reload the page and watch what shifts as images appear.

Designing a website and designing how someone moves through it are really the same problem. These project visuals are a good reminder that presentation and usability have to work together.

Describe the job of an image. Describe the action or destination, rather than its appearance. For an image-only search control, communicate Search.

Some recent interface work from the design archive. I tend to focus on clarity first: clear hierarchy, strong visual rhythm and fewer places where the user has to stop and think.

Colour cannot do all the work. Use text or another clear cue alongside colour. Review the form without relying on red and green.

A website can look simple and still have a lot of deliberate decisions behind it. I like reducing the interface until the content, hierarchy and actions feel obvious.

Placeholders are not labels. Give the control a label that identifies its purpose. Check whether the field still makes sense after it contains text.

Good web design is not just a polished screen. Structure, hierarchy, responsive behaviour and the path to the next action all matter. A couple of project visuals from the archive.

A few website design directions from the archive. The goal is always the same: make the experience clearer, easier to use and easier for the team to maintain. More at cameronashley.ca.