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
 
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.

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.