Web Design
responsive design for screens

Web Design Collection

Below is a non-exhaustive collection of my web design works which are consistently hosted and over which I still have control.

Personal Website (2019-2023)

Good news, you're already here! I coded this entire site from scratch in Dreamweaver using the Bootstrap Web Framework. A friend gave me an assist on the survey php page code.

Wesbite Homepage - Mobile

WordPress

I created this site as a learning experience, but have used it to give advice to friends and friends-of-friends as they come to be for Icelandic travel advice.

I also write custom CSS and help/have helped manage a handful of small business/non-profit organization sites, but don't share them here as the difficult templates do not entirely represent my taste or talent in design, or I did not have the majority say in the design choices made.

Iceland WordPress Blog - Mobile

Creative Coding: Colossal Style Guide (2023)

In my advanced web design, the next-to-last project tasks students with designing a style guide for a website in InDesign and coding about 3/4 of it. This project is designed to make them think about what the coding challenges and/or limitations will be on different screen sizes and with what they are learning about coding from scratch using Dreamweaver and Bootstrap. There's always someone who produces an absolutely gorgeous design that is a total bear to code. I took this one by Hannah and coded it out for a future example to prove that Bootstrap doesn't have to look like Bootstrap.

Open the full code in a new window on a computer and change the width of the window to see it reformat at different sizes.

Colossal Style Guide - Mobile