How we evaluate portfolio examples

Design & Aesthetics

• Strong understanding of graphic design principles, including contrast, typography, layout, balance, hierarchies, and proportion
• Adherence to Web design trends and UX/UI Design principles

‍

Layout & structure

• Pleasing compositions with an interesting and creative layout
• Logical class naming and structure - your class names follow a consistent, logical structure and use correct spelling
• Use of appropriate semantic tags in elements to communicate layout and important areas (section, footer, navigation, etc)
• Combo classes don't go more than two levels deep

‍

Responsiveness

• Your layout is built with responsiveness in mind (e.g. fluid units/REM) and displays properly on all devices and breakpoints
• Images are optimized for the web
• All elements are inside of the viewport or overflow:hidden property is set
• Images, font sizes, line spacing and all graphic elements adjust to each media query

‍

Accessibility

• All images have clear, useful alt tags
• Button & link names are unique & meaningful
• Good contrast across all breakpoints

‍

SEO

• Only 1 H1 per page
• Webflow.io subdomain indexing is disabled
• SEO page settings are set up

‍

Style guide & CSS naming conventions

• SEO page settings are set up
• Reusable style guide with typography and brand colors
• Global class utilization across website

‍

Site optimization

• All unused classes are cleaned up
• All unused interactions and animations are cleaned up

‍

Project Settings

• CSS in the head tag, not the footer
• Both Minify CSS & JS are checked
• Favicons set

‍

Experience

• Solid knowledge and hands-on experience building projects in Webflow.
• Deep understanding and practice of the Webflow CMS and/or Webflow Ecommerce

‍

‍

‍

‍

‍