Website Page Mockup · elit, sed do e:usmod terrvor ncididunt ut labore et dolore magna aliqua Ut...
Transcript of Website Page Mockup · elit, sed do e:usmod terrvor ncididunt ut labore et dolore magna aliqua Ut...
![Page 1: Website Page Mockup · elit, sed do e:usmod terrvor ncididunt ut labore et dolore magna aliqua Ut enim ad minim veniarn, quis ... Cras bben"n, leo St amet cmv&s rth erm rm](https://reader030.fdocuments.net/reader030/viewer/2022021809/5c284bbb09d3f29e278c04cc/html5/thumbnails/1.jpg)
Website
Page MockupPLANNING PHASE OF THE WEB DEVELOPMENT CYCLE
![Page 2: Website Page Mockup · elit, sed do e:usmod terrvor ncididunt ut labore et dolore magna aliqua Ut enim ad minim veniarn, quis ... Cras bben"n, leo St amet cmv&s rth erm rm](https://reader030.fdocuments.net/reader030/viewer/2022021809/5c284bbb09d3f29e278c04cc/html5/thumbnails/2.jpg)
What is the difference between wireframes and mockups?
A wireframe is about functionality. It can be a really simple sketch
that demonstrates what sort of things you can do in your design. For
example, a wireframe of a website will show the navigation, the
main buttons, the columns, the placing of different elements. You
can think of it as a blueprint for a website.
A mockup is a realistic representation of what the product will look like, in this case a website. The final result can look exactly like the
mockup, or be a variation of it after version revisions. Some people
prefer to draw the mockups using graphic software or a simple
sketch will be sufficient.
![Page 3: Website Page Mockup · elit, sed do e:usmod terrvor ncididunt ut labore et dolore magna aliqua Ut enim ad minim veniarn, quis ... Cras bben"n, leo St amet cmv&s rth erm rm](https://reader030.fdocuments.net/reader030/viewer/2022021809/5c284bbb09d3f29e278c04cc/html5/thumbnails/3.jpg)
![Page 4: Website Page Mockup · elit, sed do e:usmod terrvor ncididunt ut labore et dolore magna aliqua Ut enim ad minim veniarn, quis ... Cras bben"n, leo St amet cmv&s rth erm rm](https://reader030.fdocuments.net/reader030/viewer/2022021809/5c284bbb09d3f29e278c04cc/html5/thumbnails/4.jpg)
![Page 5: Website Page Mockup · elit, sed do e:usmod terrvor ncididunt ut labore et dolore magna aliqua Ut enim ad minim veniarn, quis ... Cras bben"n, leo St amet cmv&s rth erm rm](https://reader030.fdocuments.net/reader030/viewer/2022021809/5c284bbb09d3f29e278c04cc/html5/thumbnails/5.jpg)
![Page 6: Website Page Mockup · elit, sed do e:usmod terrvor ncididunt ut labore et dolore magna aliqua Ut enim ad minim veniarn, quis ... Cras bben"n, leo St amet cmv&s rth erm rm](https://reader030.fdocuments.net/reader030/viewer/2022021809/5c284bbb09d3f29e278c04cc/html5/thumbnails/6.jpg)
![Page 7: Website Page Mockup · elit, sed do e:usmod terrvor ncididunt ut labore et dolore magna aliqua Ut enim ad minim veniarn, quis ... Cras bben"n, leo St amet cmv&s rth erm rm](https://reader030.fdocuments.net/reader030/viewer/2022021809/5c284bbb09d3f29e278c04cc/html5/thumbnails/7.jpg)
![Page 8: Website Page Mockup · elit, sed do e:usmod terrvor ncididunt ut labore et dolore magna aliqua Ut enim ad minim veniarn, quis ... Cras bben"n, leo St amet cmv&s rth erm rm](https://reader030.fdocuments.net/reader030/viewer/2022021809/5c284bbb09d3f29e278c04cc/html5/thumbnails/8.jpg)
![Page 9: Website Page Mockup · elit, sed do e:usmod terrvor ncididunt ut labore et dolore magna aliqua Ut enim ad minim veniarn, quis ... Cras bben"n, leo St amet cmv&s rth erm rm](https://reader030.fdocuments.net/reader030/viewer/2022021809/5c284bbb09d3f29e278c04cc/html5/thumbnails/9.jpg)
![Page 10: Website Page Mockup · elit, sed do e:usmod terrvor ncididunt ut labore et dolore magna aliqua Ut enim ad minim veniarn, quis ... Cras bben"n, leo St amet cmv&s rth erm rm](https://reader030.fdocuments.net/reader030/viewer/2022021809/5c284bbb09d3f29e278c04cc/html5/thumbnails/10.jpg)
![Page 11: Website Page Mockup · elit, sed do e:usmod terrvor ncididunt ut labore et dolore magna aliqua Ut enim ad minim veniarn, quis ... Cras bben"n, leo St amet cmv&s rth erm rm](https://reader030.fdocuments.net/reader030/viewer/2022021809/5c284bbb09d3f29e278c04cc/html5/thumbnails/11.jpg)
![Page 12: Website Page Mockup · elit, sed do e:usmod terrvor ncididunt ut labore et dolore magna aliqua Ut enim ad minim veniarn, quis ... Cras bben"n, leo St amet cmv&s rth erm rm](https://reader030.fdocuments.net/reader030/viewer/2022021809/5c284bbb09d3f29e278c04cc/html5/thumbnails/12.jpg)
NOW IT’S TIME TO PLAN AND
DESIGN