Create a Wireframe

The wireframe is the blueprint of a website. It is an important initial process on how we make plans and visual presentation before coding and designing.

In the last task, Get the Basic Right, we were asked to pick the ultimate 10 questions we wanted to use in the briefing and fill it ourselves as a practice for this subject. So, I made the list into a form and printed it out for filling in.

Here is the form with answers:

web design brief example

Making a wireframe can be done in both lo-tech or high-tech architecture. High-tech looks and feel so much advance which the lo-tech lacks of. I chose the lo-tech because it feels more of a dryrun and the clients will have more confidence to give their inputs and suggestion knowing it is still on sketch.

Although this can be true, high-tech doesn’t mean that clients can’t put their input! I personally think that I would not be so “free” on doing so if the initial sketch was done with so much effort.

Here is the lo-tech wireframe for the Travel blogsite:

(c) catchberries
Wireframe
(c) catchberries

Reference:

https://www.linkedin.com/learning/creating-a-first-website-in-dreamweaver-cc-2017/creating-a-layout-using-css-and-classes?u=43268076

Write your thoughts here

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.