%20Self-contained%20SVG.%20No%20animations,%20no%20JavaScript.%20PURPOSE:%20Simplified%20mark%20for%20use%20at%20small%20sizes%20(favicons,%20nav%20bars,%20avatars).%20Features%20only%20the%20gold%20pyramid%20inside%20a%20blue-bordered%20dark%20circle.%20DIMENSIONS:%20•%20viewBox:%200%200%20100%20100%20(vector,%20scales%20to%20any%20size)%20•%20Default%20export%20size:%20400×400px%20(change%20width/height%20to%20resize)%20•%20Optimized%20for%20rendering%20at%2032–80px%20display%20sizes%20COLOR%20PALETTE:%20•%20Background%20fill:%20deep%20navy%20hsl(220,%2040%25,%208%25)%20•%20Border%20stroke:%20blue%20gradient%20hsl(210,%2060%25,%2040–50%25)%20•%20Pyramid:%20solid%20gold%20hsl(45,%2075%25,%2048%25)%20GEOMETRY:%20•%20Open%20chevron%20(outer%20pyramid%20outline,%20no%20base%20closing%20line)%20•%20Solid%20inner%20triangle%20fill%20for%20weight%20at%20small%20sizes%20•%20Stroke%20weights%20increased%20for%20crispness%20at%20small%20scales%20--%3e%3cdefs%3e%3clinearGradient%20id='blueGrad'%20x1='0%25'%20y1='0%25'%20x2='100%25'%20y2='100%25'%3e%3cstop%20offset='0%25'%20stop-color='hsl(210,%2060%25,%2050%25)'%20/%3e%3cstop%20offset='100%25'%20stop-color='hsl(210,%2060%25,%2040%25)'%20/%3e%3c/linearGradient%3e%3c/defs%3e%3c!--%20Circle%20background%20with%20blue%20border%20--%3e%3ccircle%20cx='50'%20cy='50'%20r='45'%20fill='hsl(220,%2040%25,%208%25)'%20stroke='url(%23blueGrad)'%20stroke-width='3'%20/%3e%3c!--%20Pyramid%20—%20open%20chevron%20(no%20base%20line),%20gold%20fill%20--%3e%3cg%20transform='translate(50,%2050)'%3e%3cpath%20d='M%20-22,14%20L%200,-20%20L%2022,14'%20fill='none'%20stroke='hsl(45,%2075%25,%2048%25)'%20stroke-width='3.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3cpath%20d='M%20-11,14%20L%200,2%20L%2011,14'%20fill='hsl(45,%2075%25,%2048%25)'%20opacity='0.8'%20/%3e%3c/g%3e%3c/svg%3e)
Expectations
What the course asks of you.
Index · Expectations+
Come with a page
Identify one live page you are personally responsible for and that carries a measurable conversion goal — a landing page, a lead form, a checkout step, a signup flow. You will work on it in the assignment and refer to it throughout. A page nobody owns produces a weaker result for you.
Commit before you are shown
You will be asked to vote and to write down predictions before results are revealed. Passing is not an option and hedging defeats the mechanism. A wrong prediction you committed to is worth more than a right one you kept to yourself.
Point at it
“The page feels cluttered” is not a finding. Every observation must be traceable to a specific element, located precisely enough that a developer could find it. This is the single standard the labs are graded against.
Do the audit honestly
The Session 1 assignment is not busywork, and the second session is built on the assumption that you did it properly. Bring the page open in a browser tab, not a screenshot.
- A laptop with a browser. Slides and worksheets are provided; you do not need to bring the deck.
- The Friction Audit worksheet is distributed in Session 1 and reused for the assignment and Lab 2.
- Something to write with. Several exercises specifically require writing by hand rather than typing.
Accessibility and participation
The course relies on group work, live voting and short verbal readouts. If any element of that format presents a barrier, contact the instructor before the first session so an equivalent participation route can be arranged.