Please enable JavaScript.
Coggle requires JavaScript to display documents.
Rising Yeast Website Design - Coggle Diagram
Rising Yeast Website Design
Aesthetic
White Space
Simple and clean
Colour
Branding
Custom Logo
Balance
Bold abstract colours
typography that fits the branded theme
Complimentary Layering of elements
Strong bold imagery
User Interaction points
Scrollable effects vertical and horizontal
Java Script Animation
Progress bar
Scrolling Parallax
Hovering menu bar
Full over lay description in image when user hovers
CSS Animation on roll-over buttons
SVG animation
Automatic mage Carousel
Videos ?
Conventions
Hamburger menu on mobile size
links are coloured and underlined and change when hovered over
Logo placed left in line with navigation
Header (navigation) always at top when scrolling
Buttons are curved rectangles
Hero image
Use bold shapes to highlight content
Images are full width of grid layout
Different fonts for different hierarchy of texts
icons
Design Principles
Grid based and split screen layout
Visual Hierarchy and Hierarchy of needs
Quick load time
Simple effective Navigation
Law of common region and proximity
Symmetry
Aesthetic consistency
Five Hat Racks - Alphabetical and Category
Forgiveness
Hicks Law
Highlighting
Recognition over recall
Uniform connectedness