DEV Community

Cover image for Enhance UI - Design for Developers
Adrian Twarog
Adrian Twarog

Posted on

Enhance UI - Design for Developers

Developers looking to enhance the design websites and applications sometimes leave it until last. Functionality comes first, and by the time we come to design, we have no energy or time left.

I've decided to put together Enhance UI, which will be a series of videos I plan to do weekly, as well as a book (coming soon) that will teach the fundamentals of design to us developers.

This like design theory, picking good colors, spacing, ui, ux and lots more. Here is the first episode which is a submission by SilvenLEAF.


How to Redesign a Website

If you want a sneak peek to the full enhancement, here is the fore and after shots.

Before:
Alt Text

After:
Alt Text

Things that stood out in this design included:

  • Too much use of the color red as the primary color
  • Sizing of tabs, buttons and text
  • Incorrect usage of images or content positioning
  • Focus on primary actions of the website

If you want to see the full process, check out my video, and if you want to learn more about the book itself, you can visit the website at:
https://www.enhanceui.com/

Follow and support me:

Special thanks if you subscribe to my channel :)

Top comments (4)

Collapse
 
nicolasomar profile image
Nicolás Omar González Passerino

I will give a look to your video this weekend, it is a great topic to learn about Adrian. Thanks for sharing!

Collapse
 
adriantwarog profile image
Adrian Twarog

Great man, hope you enjoy it!

Collapse
 
ngthuongdoan profile image
Doan Ngoc Thuong

In my opinion, the button should be centered

Collapse
 
adriantwarog profile image
Adrian Twarog

Great suggestion. That’s the good thing about design, spend enough time or eyes looking at it, and there is always a way to make it better!