DEV Community

Cover image for How to Redesign a Website
Adrian Twarog
Adrian Twarog

Posted on

How to Redesign a Website

TLDR It's not easy to redesign a website, you have to consider UI, UX, and a lot more. In this video, I go over doing a new design for the @traverseymedia channel where I try to combine designing thinking to come up with something new.


How to Redesign a Website

I used Figma to do this design, incorporating consistent styling between the twitter, youtube channel and website. We pull in colours and styles from the logo to create a look and feel that works uniformly between all sites. I also try to pull in ideas of what the brand should represent. With such a large audience and so many videos, I represented this through the hero banner which shows the scope of how much content there is.

In this tutorial I cover:

  • Reviewing alternative designs
  • Preparing a theme and colors
  • Designing header, navigation, hero banner
  • Designing main content area with videos
  • Design thinking and UI, UX considerations

Follow and support me:

Special thanks if you subscribe to my channel :)

Top comments (2)

Collapse
 
nashthecoder profile image
Nash The Coder

Great piece, very helpful and useful. Using your tips to work on a redesign proposal for a potential client. Will tell you how it goes. Following you on YouTube and Twitter.

Collapse
 
marcellahaller profile image
marcellahaller

This is a godsend! Thanks for sharing your video and thoughts.
I also want to recommend reading this post gapsystudio.com/blog/how-to-redesi.... These are recommendations on how to understand the redesign process and properly study it both before and after the site change process.

Some comments may only be visible to logged-in visitors. Sign in to view all comments.