Web UI

Website

Home Page

Events Page

Team Page

Gallery Page

Notes

This was made using Google Web Designer. The files are uploaded here if you would like to take a look: https://drive.google.com/drive/u/0/folders/15KA4HoEiRgPD0wAUauIhOxO9bP3dvDur. I made parts of the website responsive so if you open it on GWD, the design view is not the best representation of what the site looks like. If you click on Preview, you would get a more accurate representation. GWD places everything in using absolute styling, so I edited the code to make sure items remained in the correct places/ didn’t fly off the screen when the user changes the size of the view port. Currently, I made 4 screens (home, events, team, and gallery) so only those pages are linked in the top nav bar. Furthermore, each page has an animated title so that it looks like it’s being typed. It was a small edition to make the website feel more engaging to the user.