Design explorations for
Present each project as a theatrical production: the polished interface is the stage, while architecture, tooling, and operational decisions appear as visible backstage rigging. Alternate dramatic full-width title scenes with calm two-column production notes. Pair an expressive high-contrast serif with a practical sans in ink black, warm ivory, faded burgundy, and restrained electric cyan.
73/100 · revise
A restrained editorial resume with strong typography and a narrow technical index.
Not rated
A bold but controlled portfolio inspired by public-access television graphics and modern motion-design studios. Use a modular 16:9 composition, broad color fields, large sans-serif headlines, sharp captions, and occasional grain. Projects alternate between title sequences, storyboard-like process strips, and calm white reading panels. Limit the palette to black, electric yellow, ultramarine, and off-white.
78/100 · revise
Frame the portfolio as a contemporary museum collection of engineered objects. Projects appear in spacious vitrines with numbered labels, one strong image or diagram, a short curatorial summary, and a clearly separated technical appendix. Pair an elegant serif with a neutral sans, using chalk white, deep aubergine, oxidized copper, and subdued stone.
83/100 · revise
Borrow the optimism and immediacy of an early computer arcade without turning the portfolio into a game. Use crisp bitmap-inspired display type only for headings, highly readable sans-serif prose, large score-like impact metrics, and modular project screens. Keep the palette mostly black and oatmeal, with one saturated color per section and deliberately limited pixel ornament.
83/100 · revise
Treat the portfolio as a photographer's contact sheet documenting software in use rather than as a gallery of polished mockups. Rows of candid interface crops, diagrams, whiteboards, and operational artifacts lead into concise captions and substantial case-study prose. Use matte black, photographic white, cool gray, and darkroom red with neutral typography and generous image captions.
82/100 · revise
Combine rigorous engineering content with the visual language of a smart sketchbook. Clean structured columns are interrupted by hand-drawn arrows, tiny mascots, highlighted observations, and candid postmortem notes. Keep layouts disciplined and typography large, using ink black, notebook cream, tomato red, grass green, and occasional sky blue. Humor lives in annotations, never at the expense of credibility.
88/100 · reviseTell engineering stories through disciplined four-panel sequences rather than conventional project cards. Each project moves through setup, complication, intervention, and measurable outcome, followed by a sober technical appendix. Illustration is limited to geometric diagrams, expressive arrows, and one recurring deadpan robot operator. Use heavy grotesk headlines, highly legible speech text, black, bone, electric cyan, and safety yellow.
Not ratedCompose the career as a contemporary musical score without becoming ornamental. Parallel staves carry user experience, application logic, data, and operations through time; key engineering moments appear as rests, repeats, crescendos, and resolved motifs. Conventional prose sits beside the score in a refined program-booklet layout. Use ivory, ink blue, burgundy, and muted brass with a high-contrast serif and broad, readable sans.
Not rated
Turn every project into a typographic and interaction specimen rather than a conventional case-study card. Alternate monumental display type, generous reading columns, live UI fragments, and concise implementation notes. Give each project its own accent color while retaining a consistent black-and-bone foundation. The result feels like an independent design studio catalog backed by serious frontend engineering.
82/100 · revise
Organize the career as a precise botanical field guide to systems that grew, adapted, or required pruning. Projects receive large abstract plant silhouettes, plain-language descriptions, measurable outcomes, and compact technical taxonomy. Use moss, lichen, clay, pale yellow, and charcoal with a humane serif for reading and an understated mono for classifications.
79/100 · reviseTreat each case study as a concise mathematical argument: premise, constraints, construction, and verified result. Use a bookish serif for generous body copy, a sturdy sans for navigation, and monospace only for small code excerpts. The composition resembles a contemporary theorem journal with wide margins, numbered propositions, and occasional dry footnotes. Warm white, near-black, forest green, and one oxblood accent keep it scholarly but personable.
Not rated
Present the portfolio as exceptionally polished API documentation with a playful edge. A persistent left index lists endpoints such as /about, /projects, and /experience; the main pane explains each project in clear editorial prose; a right pane shows formatted JSON containing role, stack, constraints, and outcomes. Use a clean grotesk, highly legible monospace, white space, cobalt blue, and sparing coral status markers.
86/100 · revise
Fuse mid-century data-processing artifacts with disciplined International Style typography. Oversized project numbers, offset grids, perforated edges, and sparse machine-readable fields frame concise editorial case studies. Use uncoated cream, carbon black, IBM blue, and a single mustard accent; combine a geometric sans with generous, unusually legible monospace.
88/100 · revise
A spacious, cinematic portfolio arranged around a single orbital navigation system. Pair oversized geometric sans-serif typography with tiny monospaced metadata. Each project occupies a calm full-viewport composition with asymmetric imagery, short outcome-led copy, and abundant negative space. Use midnight blue, soft ivory, muted lavender, and occasional phosphorescent green.
84/100 · reviseBuild the portfolio around the two visible faces of product engineering. Recto presents polished interfaces, user behavior, and design decisions; verso exposes services, data models, reliability work, and operational tradeoffs. Desktop uses a confident two-page editorial spread, while mobile provides an obvious segmented switch rather than collapsing both sides into one long stream. Use bright paper, charcoal, ultramarine, and restrained apricot with large humanist typography.
Not rated
Render the portfolio as an architectural section through a working software system. A bold vertical cutaway separates user-facing rooms, shared product spaces, service corridors, and infrastructure foundations; conventional case studies sit beside it in generous reading columns. Use blueprint navy, plaster white, concrete gray, and safety orange with a sturdy grotesk and large, legible mono annotations.
86/100 · revise
A dense editorial portfolio inspired by engineering notebooks and financial broadsheets. Use a narrow serif for headlines, a precise grotesk for body copy, and monospace annotations. Structure the page as a strict multi-column grid with numbered projects, compact impact metrics, and generous rules rather than cards. Keep the palette to warm paper, near-black ink, and one restrained vermilion accent.
84/100 · revise
A restrained retro-futurist interface that treats backend infrastructure as friendly machinery. Large rounded modules interlock across a warm gray canvas, combining precise technical diagrams with concise project narratives. Use charcoal, cream, faded apricot, and industrial mint, with a humanist sans for prose and compact mono labels. The tone should feel capable and approachable rather than cyberpunk.
83/100 · revise
Frame engineering as careful preparation, coordination, and refinement rather than wizardry. A clean editorial menu introduces specialties, while project case studies resemble composed work surfaces with ingredients, process, constraints, and results clearly separated. Use stainless gray, warm paper, aubergine, herb green, and tiny flashes of chili red with a rounded humanist sans and compact receipt-style mono.
85/100 · publish
Visualize a career as terrain rather than a timeline. Broad horizontal bands represent product, platform, data, and interface work; projects rise from them like contour formations, with readable summaries anchored alongside. Use a sturdy neo-grotesk, restrained mono captions, dark forest, sandstone, pale cyan, and black. Maintain a conventional linear article flow beneath the exploratory overview.
82/100 · revisePresent projects as successive transparent drawings: original system, discovered constraint, proposed architecture, shipped interface, and observed result. The overall mood is calm and art-studio precise, with oversized labels and comfortably sized copy on translucent panels. Use vellum white, graphite, ultramarine, fluorescent orange, and pale mint with an elegant neo-grotesk.
Not ratedRepresent a senior engineer's practice as a woven system: horizontal bands carry product concerns while vertical threads represent interface, API, data, infrastructure, and leadership. Case studies interrupt the textile grid with spacious editorial blocks, keeping the metaphor structural rather than decorative. Pair a soft slab serif with a clean sans in flax, indigo, rust, and muted teal.
Not rated