Portfolio 2026 · Design process & engineering tradeoffs
The complete page. The rejected directions.
The decisions that made it feel like me.
Art direction, critique,
scope and selection
AI-assisted studies,
working browser prototypes
W3-09 contact strip,
one shared editorial grid
01 · The page as a system
Scroll inside to compare the whole page, or expand both. Images open at full size. These are fresh local renders of saved code with current shared content, not historical database snapshots. Original main: 1440px; first and selected: 1330px. Development and player overlays remain visible.
The portfolio already had the ingredients: a personal voice, photographs, generative studies, a character, a career record, and principles. The design problem was their relationship. Some sections behaved like a résumé sidebar, others like an editorial page, and others like standalone demos.
I wanted the site to communicate the range of a Staff-level designer without making a hiring manager assemble the story. I directed the hierarchy, set constraints, critiqued the alternatives, and selected what moved forward. AI-assisted tools produced studies and implementation; my decisions determined which of those studies deserved a place on the page.
The selected result brings identity, personal work, professional context, and working principles into a consistent reading order. The record below includes the dead ends and corrections that made that consistency possible. It documents a shipped design, not a measured improvement in hiring outcomes.
02 · Six changes across the complete page
The first coded translation was useful precisely because it was incomplete. It exposed what the Paper composition had not settled: navigation across routes, the scale of the opening, repeated content, and the mismatch between the biography’s edge and the inset credential box.
The later work was a sequence of local decisions inside a frozen larger layout. Moving a heading was not only a spacing adjustment. It meant deciding whether a section was a peer of the biography, a supporting note, or an interruption in the reading order.
Uppercase name, descriptor pills, social links and current role form a compact stack.
Name and socials share the top row. Three photographs and the character create a separate visual band.
The name is unambiguous; imagery carries personality. The opening is taller and relies on deliberate crops.
Narrative and illustration occupy the wide left column; credentials sit to the right.
Current context and the optics illustration form a margin. The larger letter occupies the main reading column.
The letter becomes the narrative spine. The left column has less content and needs careful vertical balance.
Logo clusters live in the sidebar; the first coded version moves them into an inset outlined box.
Logos and dates sit in rows aligned to the biography. Education uses the same heading and content tracks.
Dates add information instead of repeating company names. Shared edges remove the box-within-page effect.
A tall contribution chart fills the sidebar; the first coded version places its title above the chart.
The label sits alongside a wide, shallow chart on the same grid as the credentials.
The chart becomes supporting texture and evidence of activity. It is not presented as a measure of design quality.
Seven large numbered statements form a long, full-width sequence.
Two columns of statements sit within the content track, each led by a small hexagon.
The ending is quieter and easier to scan. On narrow screens the columns become one continuous list.
A standalone How I work section, repeated social line and interactive signature add additional stops.
Work points become smaller bullets immediately after the biography; the extra social line and signature control are removed.
The same content supports the narrative without another large section. Some expressive interaction is deliberately given up.
The biography establishes the track that the rest of the page follows.
“align all of this be follow the column witdth of the paragraphs above”
Charlie Weston · H8675
03 · Designing the whole reading experience
The below-the-hero studies tested letters, facing pages, indexes, and registers with the actual portfolio content. Feedback favored clean biography and company lockups while questioning small headings, color, and generic-looking composition. The next round treated those comments as a new brief.
These ten preserved studies are the later GitHub-synced Paper round. They expose different answers to the same full-page questions: where does the biography lead, how much space should credentials receive, and how do the principles conclude the page? The commentary beneath each is a retrospective reading of the artifact, not a claim that every rationale was stated at the time.
The jury’s shortlist included Facing pages, The two-column record, and Ink & daylight. A shortlist was not a selection. I subsequently supplied the favorite composition and asked to see a header fitted to that body.
A direct personal narrative with a clear margin for context. The tradeoff is a longer reading sequence before credentials.
Biography and a supporting record share the spread. The two reading speeds are useful, but must resolve into one sequence on a phone.
Marginal details and annotations make the writing feel authored. Too many annotations can compete with the main paragraph.
The work and its background receive distinct editorial zones. The structure makes evidence easy to find, at the cost of more sectional boundaries.
A deliberate parallel record balances narrative and credentials. Equal visual weight can obscure which column should lead.
An index provides quick entry points to a longer page. It adds navigation that has to earn its space on a relatively short portfolio.
A dark treatment tests atmosphere and contrast around the same content. This is a tonal alternative, not proof of better hierarchy.
A restrained register emphasizes organization and a quiet reading rhythm. Its risk is making personal work feel administrative.
A lighter editorial contrast gives the writing and open space greater presence. Large blank areas must still support a clear scan path.
The complete narrative is treated as one extended page. This exposes pacing decisions that a hero-only crop would hide.
04 · The brief accumulated through critique
This began as a presentation assignment: adapt an existing case study to the portfolio’s visual language and use the résumé as the source for formal experience. Further critique asked for better headings, stronger layouts, and a general-purpose Staff portfolio. An interactive working edition then made gaps in evidence and missing media explicit.
That led into the site. The opening had to keep my name at the top, retain the recessed navigation, preserve the content below the hero, and give the rotating ASCII object lightweight controls. Real photographs and generative work had to fit the page; an attractive empty template would not answer the brief.
Review also had to work away from the local machine. Hosted interactive previews became the useful comparison surface, while Paper held the editable compositions. The tools served different questions: Paper for arrangement, the browser for interaction, and Git for traceable implementation.
“Keep my name at the top. It’s a portfolio landing page for me”
Charlie Weston · H438
Identity is the first read; the remaining page supports the name.
A systems-led opening places technical expression beside the professional story.
An editorial notebook treatment gives context and observations more presence.
Project evidence leads the reading order. The name becomes less dominant.
The interactive object becomes a central expression of design and engineering.
The second round restores a prominent personal name and a studio-like composition.
A strong masthead organizes the opening and its supporting media.
A darker, more atmospheric variant explores a different tone.
Real photography creates a visual opening before the written record.
A pronounced margin separates identity and context from the main content.
05 · Breadth, rejection, and selection
Several rounds looked productive without resolving the composition. The settings button felt detached. Ten options moved or framed the button, but too much of the surrounding lockup stayed the same. The rejection was specific: the exploration needed different relationships, not another treatment of the same arrangement.
The next rounds changed structure. Facing pages explored a typographic split. Studio index organized identity and professional context like a working record. Photographic opening gave personal images the first visual role. Ten variations in each family made the differences tangible.
I selected W3-09, the photographic contact strip. Its frame sequence made the character one element in a collection and gave the controls a natural home. The assistant’s shortlist favored other studies; the record preserves that distinction. Selection was followed by refinement: socials moved beside the name, the role became a vertical stack, and the lower page was aligned to the biography.
“i hate all of this - mainly bc its the same lock up”
Charlie Weston · H6261
10 photographic studies. Open any image to inspect it.
An oversized sans signature faces a smaller portrait. A continuous bottom rule joins the descriptor to the professional record.
A full-width name opens the spread. Below it, large serif positioning faces a contained portrait, with the role and contacts collected at the foot.
Two equal inset pages: a tightly set identity on the left, a centered portrait on the right. Their footnotes share one precise baseline.
A restrained name heads the left page; the three-part statement becomes the dominant typography. A shallow right-hand well gathers portrait and affiliation.
A wide signature sits over a compact horizontal record. The portrait occupies the far-right end of the same band, keeping the showreel close.
Charlie and Weston each head one page. A serif statement occupies the left; the portrait and professional record complete the right.
A large serif name faces a small portrait in the top corner. The two pages meet through offset descriptor and role lines, without enclosing either page.
An inset portrait leaf interrupts the right edge of a broad typographic page. The current role and contacts sit together below the name.
The signature sits high on the left, the portrait low on the right. Positioning and affiliation form opposing corners of a single ruled spread.
A modest masthead and two calm columns. The statement reads like an opening paragraph; the portrait is a small illustration beside the professional record.
A compact masthead opens three generous numbered rows. The portrait belongs to the final row, so the controls have a clear address within the index.
The original three statements rotate into equal columns. Role, contacts, and the live portrait become the supporting material beneath each heading.
A large name spans the page. The portrait forms a quiet left margin beside a narrow, numbered typographic register.
A stacked signature and the current role anchor the left. A three-row directory on the right leads into the portrait and social links.
A small portrait shares the masthead. Three large linked statements route to work, résumé, and mentoring; the professional record remains visible beneath.
A small name and role sit above three bold sans lines. The portrait occupies the last line’s open space; contacts finish the composition.
One large serif line leads; two smaller entries sit below. The portrait becomes a narrow right-hand column spanning the complete index.
Three statements share a horizontal shelf below the name. A recessed utility band beneath holds the live portrait, role, and contacts.
Three descriptor rows align with a continuous portrait column and a separate professional record. Fine horizontal and vertical rules define the relationships.
An intimate identity column meets an oversized serif index. A single endnote line collects the role and contacts beneath both.
The name stays above a wide photograph. A paper cutout gives the live portrait a corner of the image; the role and positioning sit in the caption rail.
A typographic left page faces a tall photograph. The portrait and controls sit at the foot of the text page, with contacts below the image.
A large name and a low panoramic band make a compact opening. The character inhabits a solid extension of the image band, with one clear caption underneath.
A broad photograph fills the left side beneath the name. A narrow editorial column on the right contains positioning, the character, and the current role.
A square photograph balances a large serif statement. A small portrait and social line complete the text column, while affiliation captions the image.
A photograph appears between the full-width name and a three-part information rail. The live portrait sits in the middle of that rail, physically joining both sides.
A photographic panel and an inset character panel form a diptych. Each has its own caption: positioning beneath the image, current role beneath the character.
An asymmetrical title row puts the small portrait beside the name. The photograph runs edge to edge underneath; one generous cutline carries the record.
Three real photographs form an edited strip beneath a compact masthead. The character is a fourth, interactive frame; the descriptor and role form the footer.
A photograph sits in a shallow paper surround beneath the signature. An integral corner holds the character; the surrounding whitespace carries positioning and contacts.
Fresh captures of the preserved gallery, using current shared media. Try the recorded interactive collection . Earlier coded rounds are linked in the artifact register.
06 · A parallel interaction-design thread
The character evolved alongside the page. Early families tested silhouette and personality; later passes addressed arrival, assembled geometry, intermediate poses, and a living ASCII state. Those are related to the homepage composition, but they were a parallel stream rather than a single linear sequence of header iterations.
The most useful distinction was between the object’s expressiveness and the interface’s clarity. Motion could make the object feel alive. Settings still needed a stable place, recognizable actions, keyboard access, and a predictable way to close.
The selected controls unfold inside the frame. There is no visible product name to learn and no modal that takes over the page. The small trigger belongs to the object, while the revealed controls retain usable target sizes. The tradeoff is real: the frame now has to accommodate open, closed, narrow, loading, and reduced-motion states.
07 · Design decisions become implementation costs
A composition decision often created an engineering obligation. A shared navigation needed route behavior. A curated image strip needed an editing model. A small control needed a larger usable target. The code choices below show what each visual decision required and what it did not solve.
Some foundations were already present on main. In particular, the staged ASCII-to-3D strategy was inherited. It would be misleading to attribute that entire performance design to this homepage branch, or to claim a speed improvement without a controlled measurement.
Loading behavior · explanatory diagram
Inherited from main
Homepage branch
Homepage branch
Homepage branch and reused reel behavior
Homepage branch
Homepage branch
Homepage branch
The navigation studies used 28px visual treatments while retaining larger interaction areas. The character dock uses 44px control slots. Keyboard focus is visible; Escape closes the dock and restores the trigger.
Three header slots preserve the composition. Each can use a Shot or a custom upload with alt text. Uploading stages an asset; saving publishes the selection. Deleted or invalid sources need a fallback rather than a broken frame.
A shared character controller exposes the stage and controls to different compositions. The selected header gets its own layout without cloning all the loading, audio, motion, and activation logic.
The desktop’s label/content alignment yields to a readable stacked sequence on small screens. The two Ethos columns also collapse. Preserving every desktop alignment literally would make the phone experience worse.
08 · What refinement actually removed
The late requests were not another redesign. They protected the chosen composition while reducing friction within it. The social icons moved to the name row. Arca and the role gained vertical structure, with a small New York City line. The photograph corners adopted the character frame’s radius.
The media reel kept playback and advancement, but its language became Shots and Morphs, with Morphs selected initially. The visible counter and the captions “Photos & generative studies” and “Through my lens” were removed. The optics illustration kept a recessed pause button while its caption disappeared.
Further down, How I work became small bullets after the biography. The signature slider and additional social row were removed. Background became Education; the activity chart became Exploration; Design philosophy became Ethos. Company labels gave way to dates, and later explicit corrections superseded the initial reference. The last change replaced numbered principles with hexagons.
These decisions changed the page’s attention budget. The result retained the content and character, while making fewer elements ask to be read as separate features. That is a design interpretation supported by the visible changes, not a claim of measured reader performance.
“i want to pause on any changes - make the updates from here to here but dont change anything about the larger home layout”
Charlie Weston · H7545
09 · What the record does and does not prove
The useful outcome is a live, maintainable composition with a traceable series of decisions. The record also shows missed expectations, review friction, and implementation limits. Removing those would make the process look simpler and more successful than the evidence supports.
The homepage release passed a type check and five focused media-admin tests. Those tests exercise validation and fallback behavior with mocked services. They do not establish that a signed-in owner completed the upload/save flow in a browser; that check remained outstanding. Browser and responsive checks are observations, not formal accessibility certification.
There is no controlled before/after performance result here, no hiring conversion result, and no external user study. The visible design, selected directions, code, and release can be inspected directly.
Paper output was reported as delivered, but it was not visible in the expected account. The preserved record contains the ownership complaint and acknowledgement; it does not establish a complete repair of the original ownership issue. Later work used the user-supplied favorite file.
The lesson is operational: confirm the destination workspace and access from the owner’s perspective, not only whether a URL opens.
The first settings round changed local treatment without changing enough of the lockup. Rejection prompted structural alternatives. More output was not useful until the axis of variation changed.
Two independent Shots and Vectors players were requested before the larger layout was frozen. The selected implementation has three header photographs and one Shots/Morphs player. This record does not reinterpret that mismatch as a delivered feature.
The first production release contained this case study but not the approved homepage. After the discrepancy was called out, PR 88 was synced, checked and merged. The custom domain was then verified against the selected composition.
10 · The preserved record
The searchable record contains 70 homepage requests, including two image-only entries; nine Paper comment threads; 23 earlier portfolio and character checkpoints; 22 implementation commits; and 26 curated decisions through the homepage release. Dates are shown in New York time. The curated checkpoints summarize events. Request and comment entries preserve the original wording.
This retained record covers the documented design streams rather than every tool call or every file produced. Working conversations overlap, so the archive and homepage request streams are grouped rather than presented as a falsely precise single sequence. Private project imagery, credentials, raw tool output, and internal reasoning are excluded.
Evidence: archive:foundation
Evidence: archive:deck-polish
Evidence: archive:staff-story, archive:interactive-deck
Evidence: H19, H292, H307, H397
Evidence: H406, H438, H851, H1423
Evidence: H1430, H1461, H1874, H1876, H2234
Evidence: H2241, H2522, H2529, H2889, paper:9-saved-threads
Evidence: H2905, H3168
Evidence: H3177, H3189, H3371, H3380, H3472
Evidence: H3521, H4143
Evidence: H4150, H4169, H4480
Evidence: H5407, H5529, H5684
Evidence: H5830, H6025
Evidence: H6032, H6254, H6261, H6272, H6306, H6552
Evidence: H6308, H6552
Evidence: H6816, H6823, H7223
Evidence: H7230, H7425
Evidence: H7432, H7464, H7545
Evidence: H7652, H7671, H7932
Evidence: H7684, H7704, H8149, H8246
Evidence: H7939, H7958, H8246, H8253, H8270, H8360
Evidence: H8036, H8047, H8367
Evidence: H8073, H8075, H7509, H7598
Evidence: H8389, H8532, H8619, H8632, H8658, H8675, H8688, H8777, H8905
Evidence: PR88, c719fa1
this is a clean lock up - i really like this
Charlie Weston — Below the Hero · Ten Directions
this is clean AF
Charlie Weston — Below the Hero · Ten Directions
this is nice consistence
Charlie Weston — Below the Hero · Ten Directions
i love how background and experience are framed here
Charlie Weston — Below the Hero · Ten Directions
the color needs to be different here
Charlie Weston — Below the Hero · Ten Directions
i think this is a very clean lock up ( i'm passionate about' and the 2 column bio below
Charlie Weston — Below the Hero · Ten Directions
i really like this idea of this being a letter and having a slider below to do some text aniamtion and plays with
Charlie Weston — Below the Hero · Ten Directions
i like this lock up a lot
Charlie Weston — Below the Hero · Ten Directions
i need this to be styled differenlty - h6 like this look ai made
Charlie Weston — Below the Hero · Ten Directions
create a new branch on main and i want you to give 4-5 directions for the home page header
H19 · 0 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
I’m not at home
H292 · 0 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
Question: Would you prefer a Figma review in your personal Portfolio workspace, or a hosted preview where you can try the interactions? Answer: Hosted interactive preview
H307 · 0 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
1-2-5 are the most interesting I want to keep the ui feel of the nav being pushed in so that should carry over as this design scales. I also want to keep all the content in home ( below the hero image ) as is today. The layout can adjust but content should carry over and feel free to add. On 5 I really liked the idea of using my rotating ascii thing as the object and giving some light weight controls to customize Largely explore this with 5 more directions. Make this not feel vibe coded
H406 · 0 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
Keep my name at the top. It’s a portfolio landing page for me
H438 · 0 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
Print every exploration in a new paper file
H851 · 0 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
Riff on this section and give ten options of varying design
H1430 · 1 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
Spend subagents and jury on this. Paste to paper
H1461 · 0 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
Think about how this can feel more designed
H1874 · 0 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
Interaction design
H1876 · 0 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
I left comments
H2241 · 0 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
Sorry. I want you to take my feedback and generate 10 more
H2529 · 0 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
Pull down the latest from GitHub and update the options in paper on a new page
H2905 · 0 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
Where in paper is this
H3177 · 0 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
It’s not there
H3189 · 1 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
youre making this in a new paper account - not mine
H3371 · 0 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
[https://app.paper.design/file/01M3ZWZPXAEM36M054ES0C06KP/p-2-0](https://app.paper.design/file/01M3ZWZPXAEM36M054ES0C06KP/p-2-0) this is the link
H3380 · 0 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
this is my favorite compliantion [https://app.paper.design/file/01M42BH9BB1W9TMRKD11PD9ZTD/p-2-0/38T-1](https://app.paper.design/file/01M42BH9BB1W9TMRKD11PD9ZTD/p-2-0/38T-1) but i want to see how the header fits on thsi
H3521 · 0 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
ok make a preview branc for me to review
H4150 · 0 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
actually - i would like to have teh show real ( photos and vectors ) included - can you confirm thsoe fit
H4169 · 0 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
this is better but we still need to figure out the top heading section and how that new nav works across other pages ( it doesnt right now )
H4487 · 0 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
i want the nav inputs more minimal ( 28px? ) and for the ui to feel more pushed in - i also want my svg to still be in the top left hand corner and for it to read rcweston next to it ( at least before scroll )
H4953 · 0 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
open to ideas here and woud like to see concepts
H4976 · 0 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
option 3
H5268 · 0 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
i want to keep the 'where i am at' and social icons in the hader
H5407 · 0 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
make this lock up feel 'designed
H5529 · 0 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
[Image-only feedback; described in the linked decision record.]
H5539 · 1 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
Do something different for 'currently' like a pin or flashing dot .. i dont want to say 'here' but infer it
H5684 · 0 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
I feel like the dual stack doesnt work - can you mock 3 options of the layout ... i would ideally like to get the orbit icon in here as well - do three more explorations to cover that
H5830 · 1 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
i like thes all but a big issue is that the settings button doesnt fit in the layout - it feels like it floats, explore 10 options into how this can be achieved better
H6032 · 0 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
i hate all of this - mainly bc its the same lock up
H6261 · 0 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
2 is interesting in the designed nature of it
H6272 · 0 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
4 was cool
H6306 · 0 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
also dont call it orbit - i dont want it branded for the end user - just a button for the controls to appear - i also dont like the modal - i like the nice ixd we came up with
H6308 · 0 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
iterate 10 times on the option in 2, w2, and w3 ( 10 each )
H6823 · 0 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
keep all of these options in a repo folder on admin but lets move forward with w3-o9
H7230 · 0 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
ok - so i want this to be just shots and vectors ( include toggles to play and advance ) on each
H7432 · 1 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
Question: For the three pictured frames, should each switch between Shots and Vectors, or would you prefer one dedicated Shots player and one Vectors player? I’ll keep the character beside them unless you want that removed too. Answer: Two players: Shots and Vectors
H7464 · 0 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
do not keep this
H7466 · 1 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
make sure the corners are rounded like the orbit
H7484 · 0 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
replace this with
H7509 · 2 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
i want to pause on any changes - make the updates from here to here but dont change anything about the larger home layout
H7545 · 2 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
Question: Two dates in the reference differ from your published résumé: Traversal shows 2024–2026 versus 2025–2026, and JLL shows 2019–2016 versus 2017–2019. Which years should I use? Answer: Use the reference exactly
H7598 · 0 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
i want to move the socials to be inline but spread apart from Charlie Weston in the h1 and i want arca / design enger ... to be on two lines as to add vertical height
H7652 · 1 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
make sure that the corners of the images match the orbit ui ... and make sure that these are custom from the admin portal - i should be able to populate from what is on the photos page or custom upload
H7671 · 1 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
call this 'shots' and 'morphs' ... have morphs be the default ... and remove the 01 / counter
H7684 · 1 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
remove the 'photos and generative .... through my lens' line ... and make sure the hyperlinks have a WCAG hover state
H7704 · 1 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
i want to see 4 ways the arca / design eng can be blocked out better here
H7939 · 1 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
if helpful, add a line with a dot about being in nyc
H7958 · 0 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
remove this for now
H8036 · 1 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
remove 'evolving optics' and move 'pause' to be here ( and use the icon button thats pressed in )
H8047 · 1 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
call background "education" swap 2016 and 2019 in JLL make Traversal 2025-2026
H8073 · 1 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
change github activity to 'exploration' and make the chart to be inline with the title
H8075 · 1 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
where shoudl i review the work?
H8138 · 0 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
remove this from the photo block
H8149 · 1 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
404
H8151 · 0 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
1
H8253 · 0 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
make sure the height lines up
H8270 · 1 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
remove the social line here and add the how i work as bullets below the 'accors design ive' paragraph ( but make tis smaller )
H8367 · 1 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
and then help square this up so that the headins all line up - this looks bad
H8389 · 0 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
[Image-only feedback; described in the linked decision record.]
H8391 · 1 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
add vertical space to this so it breathes - come up with 3-4 words that 'design philopsy' could be but i want it to be a single word that starts with an E
H8532 · 1 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
imrpove this hover state
H8619 · 1 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
and for the education
H8632 · 0 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
use ethos
H8658 · 0 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
align all of this be follow the column witdth of the paragraphs above
H8675 · 1 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
apply it to 'ethos' and make those columns
H8688 · 0 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
make these hexagons not numbers
H8777 · 1 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
Question: For the public case study, which audience should lead? I’ll keep the full decision and artifact record alongside it either way. Answer: Both equally — balance process lessons with portfolio evidence
H8974 · 0 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
i want to show the design process and eng tradeoffs
H8976 · 0 attached reference image(s) in the local record. Original wording; attachment files and ambient browser context are not reproduced.
No matching records. Try a different phrase or record type.
11 · Sources and handoff
Original saved design exports are labeled as originals. Code screenshots were freshly rendered from identified checkpoints with current shared content. Diagrams explain relationships and are labeled as reconstructions. Gallery descriptions are retrospective editorial analysis unless the record explicitly identifies them as recorded feedback.
The native archive remains in my personal workspace. This public edition includes the relevant visual artifacts and a portable decision record. Some original Figma and Paper links may require access; ownership and sharing have not been reverified for every historical link.
44 active slides; six recorded polish and art-direction passes.
Recorded artifactFigma Slides13-slide summary of recent work and Staff-level scope.
Recorded artifactFigma Slides18 slides with navigation and explicit evidence/media gaps.
Recorded artifactSaved imageOriginal comparison sheet, before the stronger name-led constraint.
Preserved locallyPaperDesktop and mobile prints of the two initial rounds.
Recorded linkPaperTen layouts, five interaction studies, and nine preserved comments.
Recorded linkPaperThe later main-synced page; the ownership mismatch belongs to this stage.
Ownership unresolved in recordPaperThe user-supplied From the Notes file and the next header studies.
User-supplied destinationInteractiveQuiet index is selected.
Preserved in previewInteractiveName, role, social links and character compositions.
Preserved in previewInteractiveThe round rejected for retaining the same lockup.
Rejected as a directionInteractiveStructural changes with unbranded inline controls.
Preserved in previewInteractiveThree families and three wild cards.
Preserved in previewInteractiveTen each for Facing pages, Studio index, and Photographic opening.
W3-09 selectedInteractiveCompact stack is selected.
Option 01 selectedAdminThe selected direction and earlier coded collections.
Sign-in requiredInteractiveThe approved W3-09 composition with the subsequent full-page refinements.
Live · October 5, 2026InteractiveImmutable deployment associated with selected commit a147b2d.
Recorded checkpointGitHubSelected homepage merged into main on October 5, 2026.
Merged · production verifiedCodeSelected header and admin image configuration.
Pinned codeCodeMode, playback, offscreen and keyboard behavior.
Pinned code