I Redesigned Popular Websites (Costco & Domino's)
HTML-код
- Опубликовано: 4 окт 2024
- #webdevelopment #webdesign #css
Attempting to redesign some popular websites. Part 3 includes Costco and Domino's.
The icons I use: fontawesome.co...
Support the channel: ko-fi.com/hype... (accepts PayPal, card, etc).
Watch the shorts here:
Costco Redesign Short: • Costco's Mobile App Ge...
Domino's Redesign: • Domino's Nav Menu Gets...
See the code here:
Costco: cdpn.io/KKRjwjw
Domino's: cdpn.io/bGMZEoN
Rock, Water, Plant, Building - StreamBeats - Lofi - Harris Heller
Why I was so freaking invested to see how you'd slightly redesign an app I've never used before is beyond me.
It’s called education. It’s good you intersect it with being entertained. Life will be much easier for you lol
so true, and his voice is so soothing
i did a month course in web dev and i had to investigate if even i could have done a better job.
are you a wallpaper
Nice! The Costco one is a big improvement. One thing though:
Labels are important.
Particularly in an app that will be used by people who aren't familiar with apps in general. It looks cleaner on a dribbble shot to have icons without labels, but in a real life application they improve usability and accessibility a ton.
I would leave the labels on the bottom nav, and add a "filter" label to the search filter menu.
There's no way the average Costco user will know what that search hamburger menu is for.
Soo agree with u on the label thing!
Trueeee
definitely agree on this one.
1) Categories inside search box
2) label below bottom nav.
Agreed. I felt like the stock Costco bottom nav was a more functional & attractive design than Hyper's
I really love the idea of changing boring radio buttons into attractive icon buttons. It transformed the look/feel so much.
Sure did. Made it go from nice, simple, and understandable, to ugly, confusing, and Corpo Scumlicker.
i think radio buttons can be used only for some serious forms and maybe to-do list
Looks like Steam took the advice. Well done, Hyper!
Sure does!! Their new app look is amazing!
I know it looks so much better!
I've just checked it out. Looks awesome!
The new Steam mobile app has been out (in beta) since like a month before that video
Where do you see the new app? For me on PC it looks the exact same.
Bruh, the changes are simple but powerful. I like to see your thinking route to get to those changes, it inspires me to break a big problem into small problemas as you say on a past video. Truly outstanding work you're doing here. 10/10
I'm honestly amazed a company as big as those don't even have good UI websites/apps, It's like the overflow-x body you see on half of websites nowadays
big problem → small problemitas
@@tovape because people dont use the website, most people use the app, if more people used their site they would update it
@@redpepper74 dynamic programming maybe😂
This is such a great idea for videos because it's appealing to both web devs and regular folk. Amazing video as always!
On the Domino's one, under the "Tracker" section maybe you could've made the font white for the "STEP 3 BAKE"?
Let’s gooooo
I love how you can really dissect and into detail about the choices you make with these redesigns on RUclips ^^
Frontend developers at Costco & Domino's must be really sweating now 😂. You bodied this redesign bro, awesome work 🏆🎊
To be fair, most likely the devs just implemented what the "designers" gave them. So the designers should be sweating 😅
An new Hyperplexed Video saves my day 😅
I'm most experienced on back-end development and recently I've switched to a full stack position. Watching your content has been blowing my mind, mostly because small (but thoughtful) changes bring a great experience to the user. I'm hoping to watch part 4 soon, keep your great work!
Yes please, I would love to get extended!
If name is clickable should DEF have the underline you mentioned. Also why black on dark blue for the tracker text? The last menu stuff is amazing!
The is what I do all the time myself. As a developer I spot some big companies really failing. For example, Amazon. I critisize them in my mind. Thats why I relate to your videos:) Loved it
These are so powerful bruh. When you mentioned the Dominos text being hard to read, I was literally squinting my eyes. Long shot, but hope some of these companies take the hint. Do pizza hut next.
I am by no means a front-end design expert, but from a potential users perspective, I think you could have included the text under the icons at the bottom that describes what they are, such as home, cart, menu, etc. For me, this would be so much easier to navigate.
For Dominos, I am really impressed by the changes and i'm 100% in agreement with them.
But for Costco, I think that you need to keep the labels on the bottom icons for the average user - it adds a lot to accessibility and usability.
Also, I think you jammed too much into the search bar, maybe add a filter bar or something. Should test it to feel it.
Otherwise, it was awesome, informative and entertaining. Instant subscribe!
I freaking love how you improved dominos website
This is amazing. The Costco website has long been the bane of my online shopping experience. Your design tweaks are spot on, but my frustration has always been with its functionality. They never seem to be able to invalidate cache properly, search fails in odd ways, and both inventory and support not being integration with warehouses. Ok, off to watch your other videos you’ve got some great ui/ux insight.
I Love this series! Keep it up! 😄🎉
Still prefer having text bellow the bottom icons, I sometimes have to look in multiple places to check I'm not missreading what three lines means
As a junior dev, I love these vids. There are so many time I've looked at my designs and thought to myself "wow this looks like crap" but didn't know how to fix it. Watching your videos and seeing how you approach these problems its really insightful.
I not only get inspired but learn from watching these videos as an aspiring Front End Developer. Keep up the amazing content! Will defo stick around! :)
And I've subscribed. Brings back memories of Web Dev 1 & 2. Plus I still need exposure to design, despite it not being the main thing I'm doing, and you've got the quality and entertainment value to fit the bill.
Keep up the good work!
The biggest boss you can battle is those car computer interfaces.
man... i just realize that i had watched all of your video... its brilliant, make more!!!
I really like how now you go along with the light them and dont immediately change it to black.
BRO, REALY, YOU WORK IS AMAZING!!
For some reason watching a guy edit an app that I have never used before is mesmerizing
Incredible, making web/app design both fun and educational
long video comments for stea, and this video:
super positive, loving it.
shorts:
"BROO OMG THIS UI IS SO GENERIC PLEASE JUST STOP IT BRO OMFG"
Please continue this series it is perfect!!!!
make a long, detailed video on "How you edit your videos", I saw the short one but didn’t understand a lot
Would be sick to see a series that of you doing this with viewers websites
can't wait for Hyperplexed Marketing
Amazing!! Loved every clearly explained second of this ❤
I love this kind of educational content! It's entertaining and I learn marketing on the way lol xD
I enjoy watching you design and implement all of those simple changes and then explain the thinking process behind it, but I would love to watch your new content more often. If you ever have time and resources, I think you should consider making more RUclips videos. Your content is very entertaining and I'm sure you will gain a new audience very quickly
I was waiting for this video... thanks to you, my design thinking improved a lot with your first two videos, and with this I could learn a few more tricks to make my future designs better... Thanks!
Man the quality of this vid is crazy makes me have a different perspective in web developing now thanks.
5:10 looks like you forgot white text for the step 3 snapshots thingy.
Amazing design though, good job
Domino's should really hire you, what you did there is amazing
This channel is honestly amazing, as someone in the very beginning stages of front end development and attempting to start my career its changed my perception greatly!
instantly subscribed. i've HATED the costco app design for so long. who thought the black menu lines were a good idea?!
looks much better
I could listen to this guy for days.
Cant wait for the marketing channel.
WE NEED MORE THIS IS SO GOOD
You're so ridiculously good, it's beyond me. Amazing video to watch.
These multi-billion dollar companies getting $100,000 advice for free
I've been watching your videos for the past hour!
You're epic, and the content is wonderful!
I'm *glad* I've found your channel
My guy! I'm perplexed how good you break this down and make what to me are significant improvements. Name well deserved.
Dude ur genius... I always look at websites and tell myself this can become better, I mean alot better... But i suck at desgin so I just go back to my corner of despair... More video like this plz
You got my first like ever after years of youtube use. Very nice work!
Part 4 - AWS 😀
This channel seems like the way more advanced version of messing with inspect element. I like it.
You're an absolute genius!
In your domino's menu you used black text on a pretty dark blue background. I don't think that has enough contrast to be accessible for people with impaired vision. Love the designs tho
That's just wonderful. Amazing!
Love these! How about roasting some desktop versions of websites and making them better?
OMG i just realized i followed you on TikTok, i love this series.
I love how you plan and design everything.
Your dominos app design actually avoids the noid! 10/10
I love these videos! This is my new favorite thing.
Simple, yet effective. Good job.
This just shows that simpler is always better when it comes to design.
To make your video better I think I think it would be nice to have a section at the end out general short tips for web design and make your outro a little longer.
Also fix your audio, it echos a lot. And cut out the really low frequencies (below 80hz) to make it sound more crisp
Nice Design 👍
Your voice is so soothing
love the videos! quick note: I feel like I can hear your chair squeak in the bg (or some other echoish sound that has similar cadence to your voice) while you talk. might be my headphone (settings) but its a but distracting, just thought I'd bring it up!
it's most noticeable around 2:20
This kind of content is turbo interesting for me
Oh damn you're really good
You’re one of the few channels I have notifications turned on. Love your videos!
Front-End Developer here... this just shows how simplicity is more effective, never try to make something too overcomplex cause it's never gonna work that well.
I regret not watching this earlier when these videos were recommended to me by RUclips. This is satisfying af! I need more of these.
Nailed the Costco one for sure.
This channel is a goldmine
Fun fact 2 of the issues you called out for Dominos, contrast and the radio buttons are because they lost a lawsuit about the accessibility of their website and instead of fixing the issues in a way that still looks good they went with the most ham-fisted options they could that brought them into compliance.
Ah, thanks for the anecdote! I couldn’t get my head around a multi $B franchise’s branding agency thinking a 1pt white outline stroke applied to bold text with a fluorescent red fill on a baby blue background is even an option (unless you want your users to squint and trigger headaches of course), but it makes sense now 😂
Making improvements to a site as legendary as Dominos.
As a web developer I know Dominos as been a leader in the food industry when it comes to websites and delivery.
Good work! Looked much better.
"Roasting your website and making it better" was a better title, but the content is still awesome!
Yeah, I keep going back and forth on it. I will probably put it to a community vote here soon lol
@@Hyperplexed good idea, community posts also for some reason make the channel grow exponentially, so abuse of that feature!
why am I only finding this channel now!!! Great content
RWD really does matter! I couldn’t explain why but when I saw the original Costco app I felt “nah” and overwhelmed. When you cleaned it up… WOW! I would use that app. I hope they watched this
Every time you make one of these apps better, it reminds me of the app of the dutch transport company RET.
A lot of big brands really need your touch for their apps
This is literally the best channel in the world 🌍 I literally open all these apps in every video and I think they really can't afford someone to make a better user experience. Thank you and especially hope Costco sees this!
You are my hero. Congratulations 🎉👏
Such a great video, well done!
I’m more into game development but I think some of advices are really helpful for any type of UI
Discovered your channel just now and subscribe it immediately! This is wow!
wow. from hurting my eyes to wanting to play around with the app. you're actually too good.
I would love to see your video editing process, really smooth and quite easy to follow. Great videos. Thanks for sharing.
i was wondering if by any chance we could get a way to "patch" our programs to look like your redesigned way. with that aside your content is really well made. Well done, Hyper
For the sites, there are simple browser extensions that will load your CSS file. (Stylus, etc)
Happy to see the new video! cant wait for the new channel
waiting for your front end course 🥰
big companies finna hire this guy
It would be amazing to also see websites from PCs point of view, with larger screens😀
Wow RUclips recommended me to watch your videos. I watched two videos and i am lucky i found your channel. So amazing and creative content
Fantastic, looking forward to the next one!
I don't even care about this app, but the way you redesign it makes me feel like I've been waiting for this for a long time.
Can you make more episodes for this series, please, and you did a good job.
You are awesome! You helped me out a lot with a couple of your video's. I need to make a website for school and the video 'Have I found the perfect website?' helped me out a lot to understand flex / grid / dimensions etc. I love these video's of 'Roast and Redesign' a lot as well. They are fun to watch and inspire me to start doing more.