Previously, we featured designer Steve Schoger’s Little UI Details project in which he shares short, useful design tips for UI/UX designers.
Steve has now come up with another excellent project titled ‘Refactoring UI‘ in which he uses Sketch to fix websites and interfaces submitted by developers, and teaches you valuable UI design concepts in the process. The series is just three episodes in at the moment but has garnered positive reviews from the design community. Watch below.
1. Redesigning BadAbout’s Topic Page
BadAbout is a website that lets you share and discover the drawbacks of any product, service, or general topic. In this screencast, Steve Schoger redesigns their topic page and shows you how to organize content, create hierarchy, and improve typography.
Download Sketch files shown in video.
2. Redesigning WP Pusher’s Checkout Page
WP Pusher is a tool that lets you deploy WordPress plugins and themes directly from sites like GitHub, Bitbucket, or GitLab. In this screencast, Steve redesigns their checkout page and shares tips on designing forms and layouts.
Download Sketch files shown in video.
Contrast Tool used in video.
3. Redesigning Resolute’s Properties Page
Resolute is a property tax consultancy based in Texas. In this screencast, Steve redesigns the properties page on their website and shares tips on designing forms, scannability, and reskinning.
Download Sketch files shown in video.
Some of the responses from Reddit
Comment
byu/tinyOnion from discussion
inArtisanVideos
Comment
byu/tinyOnion from discussion
inArtisanVideos
Comment
byu/tinyOnion from discussion
inArtisanVideos
Comment
byu/tinyOnion from discussion
inArtisanVideos
Comment
byu/tinyOnion from discussion
inArtisanVideos
Comment
byu/tinyOnion from discussion
inArtisanVideos
Comment
byu/tinyOnion from discussion
inArtisanVideos
We’ll keep you posted when more episodes are released.
Share this post with a designer friend and voice your views in the comments below.