Along with two other classmates, I designed the senior show website. The website uses the poster and branding of MORPHIC. MORPHIC encompasses our class of 17 as we have been formed under pressure by the program, our professors, each other, and ourselves.
The website is an official site using WordPress and Elementor. Siteimprove's Web Accessibility Fundamentals course was taken in compliance with the Americans with Disabilities Act, Sections 504 and 508 of the Rehabilitation Act of 1973 and the Web Content Accessibility Guidelines (WCAG) 2.0, Level AA.
Landing Page
The scrolling landing page starts with an eye-catching banner of our title and a description of our graduating class. The page scrolls down to clickable images of our class taking the user to individual pages. The CTA is below the students as the main reason for this website is for accessibility to the show and the students' work for those who could not see the show in person. Finally, the sponsors of our show are mentioned to show appreciation for them.
Individual Student Pages
Each student page has links to each person's portfolio, LinkedIn, Instagram, and email. The copywriting team curated responses and bios according to prompts each student filled out. The prompts brought out design inspiration — as well as fun responses based on our show's theme: fire. The prompts allow for fast reading and easy communication of who the person is. The bio is more in-depth about the person.
MORPHIC Poster Design
Individual Student Page Sketches
The website started with sketches and mockups of potential layouts made with Adobe XD. This is the initial sketch that led to the final design of the page. One important change, the CTA of the portfolio button was brought up to the top with an eye-catching gradient as this is what the viewers want to see.

You may also like

Back to Top