drpallid's PORTFOLIO

Collaborate Online

I am a student worker doing design and coding for Collaborate Online, a website based card game for nursing students to learn Inter-Professional Eduction (IPE). It is in progress at the moment, so I will not display the game design, and instead the web design.

Avatars

For the website I designed the choosable avatars in the carousel below.

Mockups

Below are several mockups I made in Figma for UI elements, layouts, and color schemes:

A purple and light blue gradient homepage screen with the logo saying 'Collaborate' and 'you need to login to contine'. A purple to blue gradient hompeage screen with the logo 'Collaborate' and a login button. A mockup of the scenario mode, it displays the scenario card, the players cards, and a scores menu.

This portfolio

Design

For the design of this website, I used a green, black, and white color scheme. I used gradients in the background to add visual interest,

Navigation and footer

The old navigation and footer:

The old homepage view, bottom, for this website

The new navigation and footer:

The new navigation and footer for this website, the art button has a dropdown menu, and the responsiveness has been improved.

For the navigation, I wanted to make it more visually interesting and easier to use. I added a dropdown menu for the art section, and made the buttons fill the width of the page. For the footer, I added a back to top button and made the contact information more visually appealing.