DEV Community

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

Posted on

43 8

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](https://youtu.be/PcpfJISYWmY)

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 :)

Sentry blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Read more

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!

The Most Contextual AI Development Assistant

Pieces.app image

Our centralized storage agent works on-device, unifying various developer tools to proactively capture and enrich useful materials, streamline collaboration, and solve complex problems through a contextual understanding of your unique workflow.

👥 Ideal for solo developers, teams, and cross-company projects

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay