Jeff Stevens Games produces expansions for the tabletop roleplaying game Dungeons & Dragons and sells them on DMsGuild.com. After seeing my own product pages, Jeff reached out and hired me to help him with his.
The platform is very dated, so it's hard to make anything except wide paragraphs of tiny text.
To circumvent the limitations of the platform, I wrote custom HTML and CSS to make a more visual experience, showing what the product has to offer with large, easy-to-read text, images from the product, bulleted-lists, colored headers, and clickable document previews. The page scrubs out all but the most basic of CSS, so this took much trial and error to figure out what elements and properties would be compatible.
The creator made some edits, so some image alignment may be broken, but I'm still proud how the design turned out:
This is how his other product pages look.
This is how his product pages that I've worked on look.
I worked with a friend to design and sell our own content for the Dungeons & Dragons tabletop role-playing game.
Here are the product pages I made, which later inspired Jeff Stevens Gaming to later reach out and hire me:
I created this website for my fictional Tiny Toaster company from scratch for a web design class. I used HTML, CSS, and JavaScript to build the site, and Google Drawings to create all of the kitchen characters and other graphics. (I didn't want to keep paying for hosting, however, so it's no longer online.)