Skip to content
Hallway
0:00 / 0:00

#refactoringui#uidesign#figma

Refactoring UI: WP Pusher Checkout Page

Steve Schoger

45K subscribers • 1 video on Hallway

YouTube
  • Recommended by 2 people: 2 in engineering communities.
  • Presented by Steve Schoger
  • May be out of date. Uploaded 8 years ago, in an area where tools change fast.

Beginner. No background in the topic needed.

141K views8 years ago2 recommendations

Web developmentSoftware designRefactoring and legacy codeCSS and layout

Steve Schoger redesigns a checkout page, sharing practical tips on form design, visual hierarchy, and layout inspiration.

For this edition of Refactoring UI, we're going to redesign the WP Pusher checkout page, sharing lots of tips on designing forms, finding layout inspiration, and making bland design more exciting. refactoringui.com/ Sketch files (substituted font with Lato): dropbox.com/s/wtgr2it0cb3vft1/wp-pusher-checkout.sketch?dl=0 WP Pusher: wppusher.com/ Pages: pages.xyz/ Contrast: usecontrast.com/

Why it's here

2 people recommend this

What people say. Recommended as an excellent resource for developers looking to improve their UI design and UX skills.

u/TheMonaxskiftOS - github.com/skiftOS/skiftin r/osdev • Recommends

On “My handmade widget library is becoming quite capable of producing good looking UIs”

Rounded corners, consistent spacing, good looking fonts, and rightly picks colours help to make a UI looks good. I design most of my UIs in Figma because it's the only serious UI design tool that I can use on Linux. This series by **Steve Schoger** called Refactoring UI is pretty good [video
3View on Reddit

u/bamigolangin r/Frontend • Recommends

On “How did you improve your ux and designing skills?”

I also struggle with designing. I try to re-implement pages, which I found visually pleasing. I also find this video series great to see how designer are working: [video
2View on Reddit