I approach my portfolio from the perspective of a UX problem.
In 2019, I completed an audit of over 85 portfolio websites. The results helped me make informed choices in the redesign of my own portfolio, from the title of each page to the choice of images. I continue to modify and optimize my portfolio.
If you’re interested, a high-level write-up can be found at: 2019 Audit of UX Portfolios.
I am very happy to report that the design of my site consistently returns audit scores of 90-100 on Lighthouse, including a score of 95 on Accessibility and 100 on SEO. In addition to the design, I frequently make tweaks when possible to further optimize site performance.
My design inspiration for this site draws from Swiss poster designs, as well as the following:
Inter: A Font Built for Screens
Inter is a variable font family carefully crafted & designed for computer screens.
Inter features a tall x-height to aid in readability of mixed-case and lower-case text. Several OpenType features are provided as well, like contextual alternates that adjusts punctuation depending on the shape of surrounding glyphs, slashed zero for when you need to disambiguate “0” from “o”, tabular numbers, etc.
The Inter project is led by Rasmus Andersson, a Swedish maker–of–software living in San Francisco. To find out more about Inter, visit rsms.me/inter/ or find it on Google Fonts. Contribute at github.com/rsms/inter.
Tachyons: Functional CSS Built for Humans
Tachyons is functional CSS for humans. It is fast loading, highly readable, and 100% responsive.
Tachyons is built with six principles:
It features a mobile-first CSS architecture, a single purpose class structure, a nestable responsive grid system, careful documentation, and a lightweight library.
Read the docs, download the CSS, and learn more at tachyons.io.
A tachyon /ˈtæki.ɒn/ or tachyonic particle is a hypothetical particle that always moves faster than light. The word comes from the Greek: ταχύς or tachys, meaning “swift, quick, fast, rapid”