Web design moodboards

Page 1 <img data-url='document/web-design-moodboards.html?page=1' data-page='1' class='cut-thumb lazyload' alt='Page 1: Web design moodboards' loading='lazy' src='data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==' data-src='https://reader035.cupdf.com/reader035/viewer/2022070316/555a5d4bd8b42ad56a8b547f/html5/thumbnails/1.jpg' width='140' height='200' /> MoodboardsMoodboards

Page 2 <img data-url='document/web-design-moodboards.html?page=2' data-page='2' class='cut-thumb lazyload' alt='Page 2: Web design moodboards' loading='lazy' src='data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==' data-src='https://reader035.cupdf.com/reader035/viewer/2022070316/555a5d4bd8b42ad56a8b547f/html5/thumbnails/2.jpg' width='140' height='200' /> Why?

translate design concepts

gets client involved

avoids wasting time designing

creative!

Page 3 <img data-url='document/web-design-moodboards.html?page=3' data-page='3' class='cut-thumb lazyload' alt='Page 3: Web design moodboards' loading='lazy' src='data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==' data-src='https://reader035.cupdf.com/reader035/viewer/2022070316/555a5d4bd8b42ad56a8b547f/html5/thumbnails/3.jpg' width='140' height='200' /> What?

explore photography style

colour palettes

typography

patterns

overall look and feel

Page 4 <img data-url='document/web-design-moodboards.html?page=4' data-page='4' class='cut-thumb lazyload' alt='Page 4: Web design moodboards' loading='lazy' src='data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==' data-src='https://reader035.cupdf.com/reader035/viewer/2022070316/555a5d4bd8b42ad56a8b547f/html5/thumbnails/4.jpg' width='140' height='200' /> Styles

Loose Collage

Refined Template

Page 5 <img data-url='document/web-design-moodboards.html?page=5' data-page='5' class='cut-thumb lazyload' alt='Page 5: Web design moodboards' loading='lazy' src='data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==' data-src='https://reader035.cupdf.com/reader035/viewer/2022070316/555a5d4bd8b42ad56a8b547f/html5/thumbnails/5.jpg' width='140' height='200' /> Examples

Page 6 <img data-url='document/web-design-moodboards.html?page=6' data-page='6' class='cut-thumb lazyload' alt='Page 6: Web design moodboards' loading='lazy' src='data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==' data-src='https://reader035.cupdf.com/reader035/viewer/2022070316/555a5d4bd8b42ad56a8b547f/html5/thumbnails/6.jpg' width='140' height='200' /> Page 7 <img data-url='document/web-design-moodboards.html?page=7' data-page='7' class='cut-thumb lazyload' alt='Page 7: Web design moodboards' loading='lazy' src='data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==' data-src='https://reader035.cupdf.com/reader035/viewer/2022070316/555a5d4bd8b42ad56a8b547f/html5/thumbnails/7.jpg' width='140' height='200' /> Page 8 <img data-url='document/web-design-moodboards.html?page=8' data-page='8' class='cut-thumb lazyload' alt='Page 8: Web design moodboards' loading='lazy' src='data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==' data-src='https://reader035.cupdf.com/reader035/viewer/2022070316/555a5d4bd8b42ad56a8b547f/html5/thumbnails/8.jpg' width='140' height='200' /> Page 9 <img data-url='document/web-design-moodboards.html?page=9' data-page='9' class='cut-thumb lazyload' alt='Page 9: Web design moodboards' loading='lazy' src='data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==' data-src='https://reader035.cupdf.com/reader035/viewer/2022070316/555a5d4bd8b42ad56a8b547f/html5/thumbnails/9.jpg' width='140' height='200' /> Page 10 <img data-url='document/web-design-moodboards.html?page=10' data-page='10' class='cut-thumb lazyload' alt='Page 10: Web design moodboards' loading='lazy' src='data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==' data-src='https://reader035.cupdf.com/reader035/viewer/2022070316/555a5d4bd8b42ad56a8b547f/html5/thumbnails/10.jpg' width='140' height='200' />

Web design moodboards

Technology

design concepts