Logo

4.87 stars on Gumroad

Are you ready to start the road to financial freedom?

Learn this easily understood method and start your journey today by following our simple 12-page guide.

  • I wish I had found this method earlier, finally something that works.

    Annie Walker

    Testimonial from a customer

“How come there everyone seem to be making money online but I can never catch a break?”

Hi! I'm Philip O'Donnell, a writer, entrepreneur and family man. Isn't it funny that some people seem to have a knack for making money.

They can start a business on a shoestring budget, and easily turn it into a profitable operation. Or they can find ways to bring in extra income that most of us wouldn't even think of. I wasn't like that. I've been searching high and low for methods that would allow me to achieve the financial freedom that only a sustainable passive-income strategy can.

This is that method.

I'm not going to lie. I would be very suspicious in your shoes. Why is this guy selling a secret method that makes money for $9? Why isn't he milking this like there is no tomorrow?

The simple answer: I have already had success with this method.

Now I could go on making money just from this method, but unfortunately that's not how I work.

My mind wanders too quickly. I need to move to the next thing. And Leaving this money maker underused just doesn't make sense to me.

I'd rather see that people new to the online business gets a fair shot. I remember how difficult it was starting up 14 years ago.

  • Difficult to understand
  • Requires a website
  • Is some kind of a pyramid scheme
  • Does not build any value
  • Big upfront investment
  • Is a full-time day-job
  • Easily understood
  • Does not require a website, mailing list, contacts, family members to get involved
  • Not a pyramid scheme and you'll never be asked to recruit anyone
  • Builds value
  • No big upfront nor large continuous investment
  • Can be done in spare time

Most design courses are missing the mark.

They focus so much on high level principles like color theory and typography which, while important, never helped me make instant improvements like the actionable, specific tactics I was picking up from Steve.

Working together, we knew we could create something better.

Over the last few years, we've helped thousands of developers get better at design through quick tips, in-depth articles, and video tutorials.

Refactoring UI takes everything we know about design and bundles it into one comprehensive package, including a book, screencasts, a component gallery, custom designed assets, and more.

It’s exactly what I needed when I was struggling to make my projects look awesome.

What we’ve put together

It's not just a book — it's everything you need to start producing better designs today.

When we first started working on this project, our ambitions were pretty modest — take all of the tips and tricks we’ve shared on Twitter, bundle them up into one resource, and put it out into the world.

But the more time we put into planning it, the more we realized that we had an opportunity to create something better than that. Something that wasn’t just a book, but more like a complete survival kit for designing for the web.

Here’s what we ended up with…

The Book

A beautiful PDF containing 50 incredibly visual chapters spread across 200+ painstakingly typeset pages.

This book contains literally everything we know about web design, distilled into short, easy to read chapters.

Every chapter is designed to be as independent as possible, so you can read them in almost any order. And if you want to sit down and read the whole thing at once, you’ll have no trouble getting through it in just a couple of hours.

We hate books that repeat the same ideas over and over just to fill out the page count. This book is written a lot like our blog posts — every sentence is highlight-worthy.

Font Suggestions

Trying to pick the perfect font for a project is a nightmare. There are thousands of fonts to choose from, and trying to make an informed decision without seeing a particular font in the right context takes forever.

We’ve put together a list of over 30 fonts we absolutely love, and broken it down across three categories: UI, headlines, and article copy.

Each font is shown in an example UI for that category, so you can get a feel for exactly how it’s going to look where you intend to use it, without having to try each font yourself.

If you’ve ever felt uneasy trying to choose a typeface, this is going to save you a ton of time.

Custom illustrated icons

Refactoring UI also includes a set of 200 beautifully illustrated SVG icons.

The SVGs are pre-optimized, and the colors can easily be customized to fit your branding with just CSS — no design tool knowledge required.

.primary {
fill: #637985; }
.secondary {
fill: #0D2B3E; }

Get Refactoring UI today.

Learn how to design beautiful user interfaces by yourself using specific tactics explained from a developer's point-of-view.

The Complete Package

$29 $9
USD
Buy now
  • The 12-page book in PDF format
  • All three in-depth video tutorials
  • Component inspiration gallery, featuring 200+ component and layout ideas
  • Over a dozen comprehensive color palettes, tailored for application UIs
  • Curated font showcase, including 30+ font recommendations categorized by use-case
  • Exclusive icon library, including 200 easily customizable SVG icons

Over 20,000 people are already using Refactoring UI to make their ideas look awesome.

Here’s what some of them are saying…

  • People ask me all the time where to learn to become a better designer. Well, here it is!

    Wes Bos
    @wesbos
    View tweet by Wes Bos
  • We just bought this at work and I absolutely love it. You guys did a great job. I do a lot of UI work but did it based on "feel" but couldn't explain why... your book does exactly that. Great work!

    Dana Cottreau
    @_DanaCottreau
    View tweet by Dana Cottreau
  • Well I just read Refactoring UI by @adamwathan and @steveschoger in one sitting. So it’s safe to say it’s a great book 🔥

    Tash
    @_tashhockey
    View tweet by Tash
  • I can proudly say that this is the best purchase I have made in a long time. Maybe ever! I love how visual it is -- forcing my wife to read it next! 😂

    Chris Breuer
    @chrisbreuer1904
    View tweet by Chris Breuer
  • Wow. What a read. This book has the most approachable, actionable, and useful design advice that I've ever seen 👏👏👏 @steveschoger and @adamwathan deserve a massive round of applause for putting this together

    Nick Basile
    @nickjbasile
    View tweet by Nick Basile

Frequently asked questions

Can I get Refactoring UI for my entire team?

Sure! We offer team discounts on the Complete Package based on the number of team members you'd like to purchase for:

Can I get an invoice?

Totally! After making a purchase we will automatically email you a receipt. That email will include a link to generate a more detailed invoice that can include your company information, should you need that for tax purposes.

What format are the files? Is there any DRM?

The book, component gallery, color palettes, and font recommendations are PDFs, the screencasts are downloadable mp4 files, and the icons are SVG.

Everything is DRM-free; that crap is annoying.

Can I upgrade to the complete package later?

Of course! Shoot us an email at [email protected] and we'll sort you out.

Does the component gallery include CSS?

Short answer is no.

Long answer is that the goal with the component gallery is to provide layout and treatment ideas with just enough fidelity to be useful.

If you need an idea for a pricing page layout, the idea is that you'd browse the component gallery to find one you like, then combine that with what you learn from the book to create a great-looking design yourself.

There are a million ways you could style these components, and we don't want the component gallery to encourage you to make every project look the same.

What's the license for the icons?

You can read a copy of the license here.

TL;DR: Do pretty much whatever you want with them, including using them in open-source projects. Just don't resell them or publish them on npm purely to distribute them for free or anything lame like that.