you’ll find my annotations on the homepage, color usage, organizational structures, and navigation.
- Homepage - bright, bold colors and bold black sans serif text
- Interactive elements
- Images that fade in once you hover over a checkerboard
- Title/Name that jumbles and shakes upon hover
- End of homepage has moving gray banner bar with words that becomes rainbow when hovered over
- Shaking buttons when hovered over
- 2 Ways to navigate
- Scrolling down homepage
- Click on title “Studio Elana Schlenker” to return to homepage
- Using right sidebar (hashtag icon)
- Wherein everything is organized into clients, industries, type, collaborator, service, things, year, etc.
- If you click on a list item, it deploys a pop-up on the top of the page with the list item name and related tags, as well as an image and title
- It does so for every related object under that list item
- If you click on the pop-up list item, it takes you to that list item’s dedicated site page
- Other pages
- @ symbol leads you to the about page of Elana Schlenker
- Clicking on any image on the homepage takes you to a specific list item’s dedicated site page
- Colors
- Use of colors to organize categories and make categories more legible and trackable
- Consistent color palette throughout the site
- Organizational structures
- # menu takes you to a group of columns of varying lengths that contain all list items for each category
- Individual dedicated pages for specific list items begin with a statement photo on top and scroll vertically down, flipping between text and image ever so often until the end of the page
- End of the page contains the same tags you would have seen earlier
- End of page includes a backward and forward arrow (on opposite sides) with previews of what works precede or follow the current one you are viewing
- Angles and Elements
- Everything feels angular, crisp, and sharp – including the projects
- Very minimalist but colorful design
- Images feel front and center