The Website Redesign Process - How to Redesign Like a Pro Pt.4

The Website Redesign Process - How to Redesign Like a Pro Pt.4

You can do a website redesign like a Pro! This article will help you learn about the basics of information architecture and wireframes. Learn the 8 benefits of using them and 4 tips for working with them.

Do you want to do a website redesign like a Pro? You are on the right place! Today, you will learn about information architecture, what not to do, what is it the “why” of IA and some basics. Next, you will learn about wireframes, what are they and what are the 8 benefits of using them. Finally, you will learn about 4 tips for working with wireframes.

The Website Redesign Process – How to Redesign Like a Pro part 1.

The Website Redesign Process – How to Redesign Like a Pro part 2.

The Website Redesign Process – How to Redesign Like a Pro part 3.

The Website Redesign Process – How to Redesign Like a Pro part 5.

Start with information architecture

Before we dive into the subject of information architecture, let me tell you a short story. It is a story about one young man, who decided to become a freelance web designer. One more thing. This is NOT a work of fiction. The main character of the story is NOT a product of my imagination or used in a fictitious manner. It is a story based on real events.

A short story about what not to do

When I started out as a freelance web designer, I had no idea about what information architecture was. And, as you may have already guessed, I skipped this part. This doesn’t apply just to redesign project, but all projects I worked on. Back then, my design, as well as redesign, process was usually following. I would talk with my client and other stakeholders about their wants, wishes and expectations.

After that, I would look on the current website, in case of a redesign. Otherwise, I would start browsing various web design galleries and look for interesting examples. You know, the usual suspects such as Dribbble, Behance, awwwards and so on. Then, I would use these examples not only for inspiration, but also to decide about the structure, layout, patterns and so on.

Next, I would create a number of designs based on the structure, layout and patterns I extracted from those examples, as well as other resources, and I would send these mockups to my clients. If client accepted the design, I would move to code. If not, I would make corrections and sent new batch of designs. This would repeat until client would accept my designs.

Fortunately, the majority of my designs looked good, even very good. Good thing being a perfectionist. So, clients accepted them, I wrote the code and got paid. Since we are already in fourth part, and you know a lot, you may ask some questions. For example, how usable were these websites? How user-friendly were they? Did they meet the project goals? Answer? I don’t know.

Let’s be more specific. Usability? Back then, I never really thought about it. I just followed layouts, structures and patterns on examples I found. User-friendly? The same thing. I assumed a design will be user-friendly because someone else used it. Project goals? Back then, I had no idea that setting project goals and metrics was part of design or redesign process.

ux psychology webdesign design development

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Hire Dedicated UI/UX Developer

Do you need UI/UX Designers for hire? **[Hire Dedicated UI/UX Developer](https://hourlydeveloper.io/hire-dedicated-ui-ux-developer/ "Hire Dedicated UI/UX Developer")** from **[HourlyDeveloper.io](https://hourlydeveloper.io/...

Top 10+ UI/UX Designing Companies Reviews

[TopDevelopers](https://www.topdevelopers.co/ "TopDevelopers") has listed the competent [UI/UX designers](https://www.topdevelopers.co/directory/ui-ux-designers "UI/UX designers") after an in-depth evaluation of their presence in the market...

User Experience Design: Which are the top UI/UX design firms in San Francisco Bay Area?

AppClues Infotech is an independent best UI/UX design company in New York, USA that offers superior UI/UX design services to clients that helps business growth.

Best UI/UX Design Services Agency New York

Without a doubt, mobile applications are dominating the world with their outstanding benefits. And to ensure the perfect outreach of the mobile application, the optimized UI/UX design plays a major...

Glossary: Design Systems Defined for Developers and Designers

Design systems are interdisciplinary by nature. They are built and consumed by designers and developers, therefore it is important for common terminologies to exist to support the communication between these two disciplines and other related actors.