Website wireframe

Hasibul khan

 

What is a website wireframe?

A website wireframe is used to map out the main features and navigation of a new website design. Gives an idea of the site's functionality before considering visual design elements, such as content and color schemes. Layouts and features such as menus and buttons are mapped out to assess the overall experience of the end user. A website wireframe also provides a practical map of the project for team members to see where everything will go as they complete related tasks. (Osman, 2021)

Examples of wireframes

(Osman, 2021)




(Osman, 2021)



1. Sketch
Some developers begin their sketching with a pencil and paper or a whiteboard. This simple, hand-drawn method illustrates a basic concept before spending time fussing with graphical elements. (Osman, 2021)
(Osman, 2021)


2. Detailed Hand-Drawn Wireframe
Hand-drawn wireframes don't always have to be simple. You can use a ruler in addition to your pencil and paper to create a more detailed design. However, it might be more convenient to use a digital wireframe tool for such detailed work, since your hand-drawn efforts may be difficult to digitize. (Osman, 2021)
(Osman, 2021)


4. Low-Fidelity Mobile Wireframe

Don't forget that responsive versions of your website and mobile apps get wireframes too. Many designers even wireframe the mobile version first, since website visitors are visiting sites on mobile more often than ever before. (Osman, 2021)

(Osman, 2021)


MY PERSONAL PROJECTS

registration


HOME PAGE



ADDRESSES



Reference

Osman, M. (2021) Website wireframe beginner's guide: Processes, tools, & examples, HubSpot Blog. HubSpot. Available at: https://blog.hubspot.com/website/website-wireframe#:~:text=A%20website%20wireframe%20is%20used,like%20content%20and%20color%20schemes. (Accessed: January 29, 2023).

Comments

Post a Comment

Popular posts from this blog

Advantages and disadvantages of Meta tags

Hasibul khan
Image
 Advantages and disadvantages of Meta tags Advantages  of Meta tags   Why is the meta tag important? Meta tags are the first impression someone has of your page on a SERP. A good meta description will entice users to click through and visit your site. They ensure that search engines know what your content is about, so they will be able to show the website with the appropriate results. Think of it this way: You're browsing a store shelf and see a product with an outdated and generally unappealing label. Leave out important information, like what is the product made of? Then you see a label on another product that is fresh and appealing, with a visible ingredient list. You are about to buy the product with the best label. It's the same with meta tags, if your meta description is wrong, no one will click on your content. Meta descriptions are often the primary information that determines which result in users click on, so it's crucial that you use high-quality meta tags on y...
Read more

Website project initial idea

Hasibul khan
Image
 My Web Project Ideas (geralt, 2021) My ideas for creating the web page will be different first of all to create a web page you have to spend time. As an example, a new baby, first of all, must be kept well maintained same thing goes for a web page if I don't keep well maintained then my page will be lost and will be out of rank. for this reason, the first thing to make a web page is to be patient, and the second thing is to keep constantly updated. The third thing to do is the ability to comment and reply. The fourth thing does not accept any advertising. The fifth thing is to always give new updates. The sixth thing doesn't make the web page become heavy because otherwise, it will have a lot of trouble reloading. The seventh thing Home page must be very simple and beautiful to look at, certain moments we put so many things that it becomes chaotic. The eighth thing is always given opportunities like this It will make giant traffic on the page. The ninth thing is to not apply i...
Read more

Advantages and disadvantages of e-commerce

Hasibul khan
Image
Advantages and disadvantages of e-commerce What Are the Advantages of E-commerce? You came to learn what are the advantages of having an e-commerce business. Top of the list of advantages of e-commerce is the low financial cost, but other pros include selling internationally, retargeting customers, personalization of the buying experience, etc. These benefits of e-commerce will help you determine if starting an online store is right for you. ( Ferreira and  Oberlo (2022)  #1: Low financial cost #2: 24/7 Income Potential #3: Sell internationally #4: Bestsellers that are easy to showcase #5: Personalized online experiences #6: Convenient employees #7: Easier to encourage impulse buying #8: Easy retargeting or remarketing for customers #9: Customers get a less intrusive experience #10: Easily access customer data #11: Able to process a large number of orders #12: Can scale the business quickly #13: Grow your business organically with content ( Ferreira and  Oberlo (2022) Meh...
Read more