RWU Web Design
DSGN 300 is a course about structure, typography, interaction, and the practical work of making pages that can be read, used, revised, and understood.
Current Work
Start here each week.
Check the Fall 2026 notes each week for announcements, what we're focused on in studio, and any small changes to the schedule.
Reference pages and project briefs below stay the same all semester — come back to them whenever you need a refresher.
Reference
Learn the fundamentals here.
A first-week checklist for getting your own laptop ready for studio work — updates, browser, storage, passwords, and the software you'll install later in the semester.
File OrganizationHow computers organize website projects with folders, filenames, file extensions, and project roots.
First Website ProjectStep-by-step setup for creating a local website project folder, opening it in Phoenix Code, and adding an index.html homepage.
Projects
Find your project briefs here.
A one-page HTML resume project that introduces webpage structure, local previewing, file organization, and publishing files to the web.
Project One: Photographer Portfolio WebsiteDesign a mobile and desktop Figma prototype for a professional photographer's portfolio or promotional website.
Project Two: Boutique TravelA collaborative studio project in research, branding, interface design, front-end development, and publication.
Demos
Examples to inspect and revise.
Two small repositories for practicing the separation between HTML structure and CSS presentation.
Navigation DemoA four-page navigation exercise for practicing repeated structure and active states.
Bootstrap CustomizationA guided demo for making Bootstrap feel more deliberate and closer to a Figma direction.