Dungeons & Dragons Website

Brief
Create a set of icons representing five player classes in the Dungeons and Dragons Universe, including Wizard, Bard, Barbarian, Rouge, and Druid.
Design a website in which the icons can be placed and used effectively.

Each icon is designed using the object which best represents each player class. These designs are used on the website's landing page.

Wizards are a magic user class that gets their magical abilities through studying.

Bards are a magicians who get their magical abilities through performance.

Barbarian are a fighting class who are famous for their strength and large weapons.

Rogues are a class known for being sneaky and breaking into places and famous for using a dagger.

Druids are a magic user class who get their magical abilities from nature and can turn into different animals.

I decided to create additional and more complex icons for each class to avoid repetition on different pages of the site. These designs were used on the individual pages for each character.

Considering that some might visit the website not knowing much about the game and the player classes, additional cards were designed to be revealed when hovering over the icons on the landing pages.

Home page of the website, hovering over the Barbarian class card reveals information about the class

Discarded but not Forgotten
Not every idea made it to the final cut. Here are some sketches that were made, but didn't end up getting used.

The colors (black and gold) were chosen based on the most basic (and affordable) D&D dice set you can buy, which is most likely a player's first dice set that they get

Like what you saw?

Explore other projects.