I’m an intermediate-level web designer who now wants to tighten every loose end in my workflow and turn scattered knowledge into a solid, production–ready process. My priorities span the entire stack, so each session should weave together the front end, the back end, and user-centred thinking rather than treating them as separate silos. Front-end focus I already write HTML5 and CSS3, yet I still stumble when translating a Figma frame into pixel-perfect, responsive pages. Walk me through Bootstrap 5 components, modern layout patterns (Grid, Flexbox), and small but important JavaScript snippets that add interactivity without bloat. Live coding and quick refactors during the call help me the most, especially when we end by converting the work into a clean Blade template. Back-end & data layer Laravel is my framework of choice. I need guidance on structuring controllers, models, migrations, and Eloquent relationships so that the front end stays uncluttered. Optimising MySQL queries, seeding realistic data, and wiring Blade directives to Bootstrap-friendly markup should be part of our workflow. User experience thread Beyond code, I’m looking for actionable UX advice: accessibility checks, micro-interaction feedback, and responsive behaviour that still feels native on slower devices. Please ground this in real examples—show me how a small colour-contrast tweak or button-state change improves usability, then demonstrate measurement techniques. Rhythm & deliverables • Live, screen-shared sessions (60–90 min) delivered over Zoom, Meet, or a comparable tool • A concise session recap with links, key commands, and the final code repo or CodePen • A mini challenge or exercise between meetings to lock in the lesson If this aligns with your expertise in HTML/CSS, Bootstrap 5, Laravel, MySQL, JavaScript, and UX best practices, let’s coordinate a schedule and get started.