Web Comps

Valencia WebStudio Home Valencia WebStudio Students page Valenica Webstudio Submission Landing Page Valenica Webstudio Error 404 Page Valenica Webstudio Handouts page

So redoing these Comps, I did a bit more research of how to add images to the CSS and seeing how Im still trying to figure out how to do it the way I designed in the comps, I feel like this adds character to each class shown on the page, with the added collapsable menus for teachers and students to help shrink the pages and not have so much content on the page to get through before reaching a students name. My Choices in font as well, My choices in font is The Roboto Family for my serif font, and I used permanent marker for teacher names and student names to stand out in Valenica colors as well to contrast. I used the green and red triangles to be a button or to showcase that if a drop down menu is open or closed. Red is open, Green is closed.

Mobile Comps

Valenica Webstudio Mobile Home Valencia Webstudio Moblie Student Valencia Webstudio Moblie Submission Page Valenica Webstudio Moblie Handouts Valenica Webstudio Mobile Error

In These Mobile redesigns as well, I wanted to keep close as possible but noticing how they looked on my Last comps noticing how some of text that were supposed act as links/buttons they felt to close together, so trying to keep my original design close without making it feel so tight and claustrophobic.