So I Redesigned WordPress... | Speed UI Design

Опубликовано: 24 Март 2024
на канале: Demystifying Design

2,833

162

Want me to look at your UI? → https://marcmcdougall.com/teardown
Pick my brain → https://marcmcdougall.com/clarity-call
Learn UI Design → https://marcmcdougall.com/learn
Find A Job in Design → https://bestdesignjobs.com/
Full UI Design Playlist → https://bit.ly/2UqOzBH

Partners:
Where I hire my freelance WordPress developers (Codeable) → https://bit.ly/49iI4Yg
Need an analytics tool? Check our Fathom → https://bit.ly/41ZQwuP

Links from the video:
Previous WP Jobs Redesign: • LIVE UI Redesign of a Popular Freelance Jo...
Check this UI out on Dribbble → https://bit.ly/3PA5IbI
Here's the Figma file for this project → https://bit.ly/3TrX7c9

In the 88th episode of Demystifying Design, I'll be redesigning the WordPress admin interface. I use WordPress every day, and it's always been so frustrating to me that it's so hard to use. So today...we're fixing it!

Join us in a real-time adventure as we speed redesign the WordPress Admin Interface, making it sleeker, faster, and more intuitive. Watch as we apply modern design principles, utilize powerful plugins, and inject custom code to revolutionize your WordPress dashboard. This live session is packed with actionable tips, creative solutions, and insightful commentary on designing for usability and efficiency. Whether you're a WordPress enthusiast, a developer, or a site administrator, this video will inspire you to rethink how you interact with the WordPress backend, ensuring a better, more productive user experience.

This entire redesign took me about 12 hours to complete (over 3 days). Hope you enjoy!

Important timestamps:
0:00 Introduction
0:27 The Plan
0:52 Primary Navigation
4:15 Search
5:45 Hero Section
9:30 Quick Draft Card
9:50 Site Health Card
11:40 Article Suggestions
12:24 Alerts
13:35 Secondary Navigation
15:50 Pinning Pages
17:21 Page Editor Sidebar
18:20 Page Editor Preview
19:10 Selecting Blocks
23:40 Refactoring Secondary Navigation
24:35 Animating Secondary Navigation
26:00 Finishing Touches
26:40 Redesign Finished!

Music licensed by Epidemic Sound:
Global Age, by Anthony Earls

Empower, by Osoku
Neon Nostalgia, by Rebecca Mardal
Etched, by Dusty Decks
Cupcake Delivery, by Dylan Sitts
Gave It all We Got, by Tommy Ljundberg
Exits (Sped Up Version), by Felix Johansson Carne
Getting Tipsy, by Fox Morrow
Solid Centre, by Dusty Decks
Let's Go On A Trip, by Baegel

All content in this video is intended to be purely transformational in nature.

#webdesign #redesign #design #designer #designchallenge #speeddesign #appdesign #designchallenge #webdesign #learndesign #webdev #wordpress #ui #uidesign #webdesign #speedrun