I hosted a competition to fix my terrible website

  Рет қаралды 86,896

Theo - t3․gg

Theo - t3․gg

Күн бұрын

Пікірлер: 222
@t3dotgg
@t3dotgg 2 ай бұрын
QUICK CALLOUTS - We got the animation down to 1.4mb with minor optimizations, gonna see if we can get below 1mb 👀 ty Rive for help! - I added a coupon code to get 3 free months of UploadThing's 100gb plan: "designishard" - UIUXPhil is offering a 50% discount to anyone who books him for design work after seeing this video. Reach out via Twitter x.com/uiuxphil - Kayla has been INCREDIBLE to work with. She's done a ton of revisions, is super responsive, and is an EASY recommendation to work with x.com/kayladotdev - Tom's Figma designs were so good I would hire him off of those alone. x.com/tomblixt CHARITIES - Tom's $500 donation went to ClientEarth - Kayla's $500 donation went to Cholangiocarcinoma Foundation - Jack had me donate his $200 to CodeYourFuture - Phil had me donate his $200 to Education Opportunity Fund
@AlbatrossCommando
@AlbatrossCommando 2 ай бұрын
"I'm currently trying to learn design" Bro you've made a better homepage than the majority of fortune 500 companies 💀
@davidkonevky7372
@davidkonevky7372 2 ай бұрын
The impostor syndrome at it's peak
@respectthedripkaren4515
@respectthedripkaren4515 2 ай бұрын
@@davidkonevky7372 fr
@FlorianWendelborn
@FlorianWendelborn 2 ай бұрын
Thankfully, all our sites are better than Berkshire Hathaway’s
@siya.abc123
@siya.abc123 2 ай бұрын
Thanks for the recognition Theo! 😅
@vaisakh_km
@vaisakh_km 2 ай бұрын
Awesome design... congrads
@sjzz
@sjzz 2 ай бұрын
What the hell???? That guy who redesigned the whole page definitely deserve the win.
@peterkyle01
@peterkyle01 2 ай бұрын
Yea ,even his icon is way cooler than the final one which is so heavy
@dextroussafe8664
@dextroussafe8664 2 ай бұрын
It looks like they combined both winners into one page
@filip3127
@filip3127 2 ай бұрын
yea but he is a he, not a she, so yeah...
@drooplug
@drooplug 2 ай бұрын
My head exploded when I heard Theo pronounce ASCII as assy.
@rickdg
@rickdg 2 ай бұрын
ASCII what you're doing
@ElvenSpellmaker
@ElvenSpellmaker 2 ай бұрын
​@@rickdg Assy what u did thar.
@rue04
@rue04 2 ай бұрын
yeah how do u and up at assy?? I could see ashy, but assy?
@BryanLu0
@BryanLu0 2 ай бұрын
​@@rue04ci is pronounced see. As in city, civil, science
@curiouslycory
@curiouslycory 2 ай бұрын
@@BryanLu0 "ASCII (/ ˈ æ s k iː / ⓘ ASS-kee),: 6 an acronym for American Standard Code for Information Interchange." Sometimes acronyms follow "standard" pronunciation, but they often follow the sound the original word used, in this case "code".
@JeSuisUnKikoolol
@JeSuisUnKikoolol 2 ай бұрын
8MB for a landing page, impressive.
@merlinwarage
@merlinwarage 2 ай бұрын
The "animations only 4 megs". lol
@linuxguy1199
@linuxguy1199 2 ай бұрын
@@7oeseven793 I recently built a website to monitor bases, nuclear reactors, and power systems for a modded minecraft server I play on, the whole website is 1.6MB. The two biggest files are p5.min.js (for a spinning pentagram loading animation and a special live map) and jQuery-3.7.1.min.js, without those the site is a whopping 500KB, the favicon.ico is 300KB.
@rickdg
@rickdg 2 ай бұрын
don't worry, the player is only half a meg 😅
@ElvenSpellmaker
@ElvenSpellmaker 2 ай бұрын
Wait what...
@kenridge2
@kenridge2 2 ай бұрын
Honestly that's not so bad. Check out Apple's product pages that have animated things like the iPhone. It loads 4 MB of images and 3 MB of video.
@raphaelqueiroz3105
@raphaelqueiroz3105 2 ай бұрын
It's only 2s without an animation lol
@artemijspavlovs
@artemijspavlovs 2 ай бұрын
I hope Theo noticed that in Tom's design, as you scroll down from the hero section, the progress bar goes to 100%
@wlockuz4467
@wlockuz4467 2 ай бұрын
If Phil is still learning design, then I am basically striking rocks together in my Figma cave.
@codeChuck
@codeChuck Күн бұрын
So fun! LDD
@lakitu3624
@lakitu3624 2 ай бұрын
The rive animation takes between 4-8 seconds (uncached) to show up for me on ~50Mbs down in Europe. For something that's meant to catch the user's attention, that's way too long IMO. It doesn't seem to be automatically cached either, so any subsequent page reloads have the same problem
@aayush_dutt
@aayush_dutt 2 ай бұрын
For me too, I read the entire page and came back and then found out the animation was still loading. Something needs fixing
@linuxguy1199
@linuxguy1199 2 ай бұрын
Yeah, it's cool as hell but a 4MB animation is just stupid, my websites usually end up being around 4MB total, granted most of what I make is using the LAMP stack with jQuery and p5js.
@gdnight
@gdnight 2 ай бұрын
No problem for me at all, less than 1 second for the animation to start. I'm also in Europe currently sitting far away from my router with a pretty bad connection...
@linuxguy1199
@linuxguy1199 2 ай бұрын
@@gdnight Takes me about 3 seconds to load, I have a 1000Mbps symmetric connection directly to the closest internet exchange to me, I don't think its the site size, I think some browsers might just handle it worse, I'm using Firefox with a bunch of addons.
@tizu69
@tizu69 2 ай бұрын
I love how theo didn't want mouse cursors but the end result (see the website) contains three
@wlockuz4467
@wlockuz4467 2 ай бұрын
Also he wanted something minimal but the winner is the exact opposite of that. The redesign with the subtle animation was the winner for me.
@Zeno_VT
@Zeno_VT 2 ай бұрын
This video did a wonderful job showcasing how UploadThing, your channel and this community continue to grow and evolve over time. I think the contest was a wonderful extension of this idea and what I wish more coding/design channels were about. For those commenting about quality of submissions, remember these people put their own time to make something for this contest with the idea that there would only be 1 winner in mind to win the $500. Expecting submissions to meet some subjective standard of an paid industry professional is simply unrealistic and quite frankly not what Theo wanted for his website (he said so at the start of this video).
@chimp1nski
@chimp1nski 2 ай бұрын
Well tbh most of them have nice "graphic design" but from a customers perspective (as a developer) none of these designs explains to me what uploadthing does differently in comparison to s3 and why I should give them my money. Imho the hero graphic should explain to me without having to scroll once what the service does differently. I would've taken part but missed the announcement :( maybe next time. Good job to all tho
@brandon6490
@brandon6490 2 ай бұрын
Yes, I was looking for this comment!
@Drayken
@Drayken 2 ай бұрын
There's really only so much information you can convey in terms of competitive comparison within a single image - that space is better spent showing what you can do rather than using that spotlight to represent any relation to a competitor, the text is there for that (and subsequent sections/info). The specific demand was for a hero image replacement (the big ass folder) and not a total landing page (or total product) redesign. The explanation of the product itself is completely up to Theo & Co, and I'm sure if they need to change stuff down that alley they'll do some work with the winning designer to implement it. On its own, from what I can tell (and from using it), uploadthing's entire thing is its absolute simplicity in both usage and security.
@brandon6490
@brandon6490 2 ай бұрын
@@Drayken i mean, I genuinely think theo just doesn't know any better which is completely fine. he is super experienced, but this landing page absolutely doesn't tell me anything on first glance. and you're not competing against steve on the block, you're competing against trillion dollar bezos. so highlighting an actual value proposition besides 'we are better than x', imho would have made more sense.
@Drayken
@Drayken 2 ай бұрын
@@brandon6490 ​ The only thing I would change would be Theo's quote, keeping the current piece as a smaller footnote to a slightly larger quote which directly references pain points from S3 or other services in general - whose mention inherently would suggest that your service has developed a solution for them. The above-fold hero alone tells me the following information: 1. Purpose of the product 2. Target demographic (which inherently suggests in which environment it's utilized) 3. Claims to be simpler and safer, which makes me as a developer want to inspect your documentation (Remember, you're dealing with devs not Temu browsers) 4. Immediately follow claim with handholding reassurement (they do that in sales and support a lot) 5. The usual call to action, along with documentation link which I for one know I would click to verify claims 99% of the time - IMMEDIATELY upon opening the docs you are directly presented with information which, if you are familiar with S3, gives you the comparison of why they believe uploadthing is better. If you don't know about S3, it's still relevant info to make you feel like you don't need to be that knowledgeable to utilize this, aka markets itself as more approachable than S3 for beginners, and better DX for veterans. 6. The image itself, which is not and should not be spent as a jab towards competitors but rather showing what /you/ do best. This purpose is even emphasized by Theo multiple times in this video itself and this is the feeling I get from the final design. And that's just the hero itself, scrolling down immediately shows me the simplicity of its implementation, along with other stuff like dev focus (Worry about your app, not your bill) which is probably a jab directly at S3 which would definitely ring a bell for those who've used S3 and are probably looking for an alternative. All in all, the hero image is the last place where I'd want to spend time making the user think about a competitor. I think the current redesign is pretty much mint apart from the out-of-place glass/shiny edge effect that doesn't really fit with the rest of the page's flattened design. So again, the only area where I think it's lacking would be using the quote space to hint non-s3 developers into what problems S3 has and why there was a need for a solution. If I'm not mistaken about uploadthing and had to describe it to another dev, I'd say it compares to S3 like how Lucia Auth compares to NextAuth. Foregoes unnecessary abstraction, gives you control back, while remaining simple to utilize. Now is Uploadthing as or more feature-complete than S3? Probably not - but it doesn't claim to be, it just claims to be better file upload solution. Right there in the hero. TLDR: Talking about what your product does inherently creates the mental comparison for devs who do use S3, while also speaking to devs who haven't used S3 without spending too much time talking about shit they don't know or care about (S3). The only thing missing would be direct mention of painpoints not just with S3 but related products in general to make them go "oh, that's what that's all about". Anyways, the whole point is - the abrasion shouldn't be shown in the hero image. Which is why I completely disagree with the initial statement about the hero image designs.
@Drayken
@Drayken 2 ай бұрын
@@brandon6490 The only thing I would change would be Theo's quote, keeping the current piece as a smaller footnote to a slightly larger quote which directly references pain points from S3 or other services in general - whose mention inherently would suggest that your service has developed a solution for them. The above-fold hero alone tells me the following information: 1. Purpose of the product 2. Target demographic (which inherently suggests in which environment it's utilized) 3. Claims to be simpler and safer, which makes me as a developer want to inspect your documentation (Remember, you're dealing with devs not Temu browsers) 4. Immediately follow claim with handholding reassurement (they do that in sales and support a lot) 5. The usual call to action, along with documentation link which I for one know I would click to verify claims 99% of the time - IMMEDIATELY upon opening the docs you are directly presented with information which, if you are familiar with S3, gives you the comparison of why they believe uploadthing is better. If you don't know about S3, it's still relevant info to make you feel like you don't need to be that knowledgeable to utilize this, aka markets itself as more approachable than S3 for beginners, and better DX for veterans. 6. The image itself, which is not and should not be spent as a jab towards competitors but rather showing what /you/ do best. This purpose is even emphasized by Theo multiple times in this video itself and this is the feeling I get from the final design. And that's just the hero itself, scrolling down immediately shows me the simplicity of its implementation. All in all, the hero image is the last place where I'd want to spend time making the user think about a competitor. I think the current redesign is pretty much mint apart from the out-of-place glass/shiny edge effect that doesn't really fit with the rest of the page's flattened design. So again, the only area where I think it's lacking would be using the quote space to hint non-s3 developers into what problems S3 has and why there was a need for a solution. If I'm not mistaken about uploadthing and had to describe it to another dev, I'd say it compares to S3 like how Lucia Auth compares to NextAuth. Foregoes unnecessary abstraction, gives you control back, while remaining simple to utilize. Now is Uploadthing as or more feature-complete than S3? Probably not - but it doesn't claim to be, it just claims to be better file upload solution. Right there in the hero. TLDR: Talking about what your product does inherently creates the mental comparison for devs who do use S3, while also speaking to devs who haven't used S3 without spending too much time talking about shit they don't know or care about (S3). The only thing missing would be direct mention of painpoints not just with S3 but related products in general to make them go "oh, that's what that's all about". Anyways, the whole point is - the abrasion shouldn't be shown in the hero image. Which is why I completely disagree with the initial statement about the hero image designs.
@SeaWaves8
@SeaWaves8 2 ай бұрын
"just 5 megabytes animation" seriously? it's quite a lot for this animation
@Shubham-yc6nz
@Shubham-yc6nz 2 ай бұрын
On page it will be very small. It the review version of rive I think that's heavy
@TheStevenWhiting
@TheStevenWhiting 2 ай бұрын
Yep. Although she said was her first draft so might get that down smaller, but anyone on crappy Internet will notice that animation causing the site to load slowly.
@No_Fuse8771
@No_Fuse8771 2 ай бұрын
I think most of it will be server side and once done it will be in cache anyway. I think it will be well within a meg or under for the whole landing page. That does depend on how he has his caching set up. I don't think he would have it build on connect, or I would hope not. Maybe for the first connect of each device, but that's old school. Once an iPhone 10, for say, connects, it might be slow for the first one to connect. All others should be way faster. If that's how he has it set up. I would guess all of you would know that already. This is more for someone new to all this, like me.
@A.D.G
@A.D.G 2 ай бұрын
@@No_Fuse8771 what? If it's 5meg it's 5meg. There's no "server side" that fixes this. What's on the page is what's served. Maybe there's some brotli compression but for something to be cached on the client, it needs to be loaded first. So you're not avoiding that download. 5meg is large and could be brought down a lot with well designed SVG and CSS animations, but for what it is (a non-critical animation on a landing page), it's probably fine. You're not really targeting low bandwidth/speed customers for a file upload site
@No_Fuse8771
@No_Fuse8771 2 ай бұрын
@@A.D.G I wasn't thinking of the targeted user, I really should have. I don't know anything about the code he intends to use either. I hope it can shrink the size, but your right, 5meg is 5meg. Even .svg can't work a miracle of that size. Css or (dear God I hope not) java animation might help. Like I said, I don't know anything about what he is using. If it's that good, I might want to look into it. It could be worse, flash.
@last.journey
@last.journey 2 ай бұрын
I noticed some of the fancy 3d designs are glassy and give me windows 7 era vibs and am loving it it feels gorgeous and also nostalgic
@ElvenSpellmaker
@ElvenSpellmaker 2 ай бұрын
Yeah me too, but now I look back on it I find them a little cheesy and outdated sadly, but I also find over the top minimalism like Windows 8 Start Screen also outdated so it's kinda half and half.
@RazoBeckett.
@RazoBeckett. 2 ай бұрын
ASCII one killed it. considering Cyberpunk 2077 is one of my most favorite game, if i would have done this contest, ... that's the winner 🏆. loved it so much 🔥
@Drayken
@Drayken 2 ай бұрын
4:50 nah just happen to be a compulsive generalist monkey who's self-sufficient in a lot of stuff due to solo webdev, gamedev/level design, multimedia etc (can probably tell from my channel it's all over the place). Came in for fun and spent a couple min going for fitting inked/flat to match existing folder spec. If I knew how to animate svgs def would've wanted to spend the time adding files + loading anim. Does make a better card icon than anything for sure. Like the overall website redesign as well, it's cool to see that you essentially modernized the initial simplicity you had while avoiding taking itself too seriously like all those other overengineered sites these days (and corporate templates). Feel like it speaks to the no bullshit simplicity/accessibility of the service.
@a.yashwanth
@a.yashwanth 2 ай бұрын
Adding a live upload right on the home page and showing the preview of the file right there would make this even better.
@deventerprises2640
@deventerprises2640 2 ай бұрын
Give a professional graphics and web designer to design a webpage❌ Host a competition to design a webpage✅
@dylankuzmick3122
@dylankuzmick3122 2 ай бұрын
Already my 5th time or so coming back to this vid. Just want to say that I'm learning so much from this 1 video Theo, and the positive interactions you're having with everyone is making me feel much more excited to get into this field. So thank you for showing off all these great creators and their unique takes! Maybe one day I'll make it onto a list like this :)
@Sammysapphira
@Sammysapphira 2 ай бұрын
I think a great hero graphic would be similar to 10:00 except the boxes are actually animated like a queue, and you can see stuff queuing up and finishing uploading as they whisk away. Haven't finished the video yet, maybe someone later down the line does this.
@KristianTheDesigner
@KristianTheDesigner 2 ай бұрын
Fantastic choices for the final designs, congrats to all of the contestants! Theo, this is awesome that you are doing this..getting a stamp of approval from you in a setting like this is worth alot these days i believe, and it is also highly appreciated that you put a spotlight on ones like us who are caught in the middle between passion for both coding AND design. Too bad i didnt know about this myself 😅 I guess i need to create a X profile now!? Anyways..once again you step it up for the community with more than just words and help people out. Awesome! And again, amazing job to all of you, knocked it out of the park!
@marcoio8742
@marcoio8742 2 ай бұрын
That's 100 points right there, mate. You could have played the card of "Make me a design and I'll feature you in the video" (I have seen so many YTbers do it, in one flavour or another) but you decided to 1. pay them 2. offer to charity. Sure, you'll be getting revenues from this video but still, I salute you. Not that I was doubtful, I have been following you and I think you are generally honest and fair, but it's good to see it also. 👍
@tooru
@tooru 2 ай бұрын
except he didn't pay someone for their work
@leez9753
@leez9753 2 ай бұрын
@@tooruyou think he has unlimited money? He's hosting a competition not a charity. Plus he already paid some a lot of money.
@connorskudlarek8598
@connorskudlarek8598 2 ай бұрын
I genuinely cannot fathom having 1/10th of the skill on display here. Maye you 20+ year design veterans think this was subpar. But I don't think I'll ever have this level of design skill.
@ElvenSpellmaker
@ElvenSpellmaker 2 ай бұрын
> For developers Cuts to a light mode site after the dark as a finalist... EDIT: It's worse than that, I was harsh on the first finalist, the actual finalist's design clearly doesn't match the other finalist's design at all. What. _"I don't like cursors, 3 of them in the actual finalist animation"_ EDIT2: 5MB too, wow.
@simonmassey8850
@simonmassey8850 Ай бұрын
so refreshing a video of genuine collaboration and joy. thanks
@JonLeeSmith
@JonLeeSmith 2 ай бұрын
Awesome stuff! Props to Theo for a great ideas but huge congrats to all the winners and the great entries! Beautiful animation and new site coming!! Love it all, great community to be joining! ❤
@stacked-dev
@stacked-dev 2 ай бұрын
I believe in a quote that "Steal like an artist 😂" I am definitely going to use these ideas in my next projects
@meta7gear
@meta7gear 2 ай бұрын
On the winner, it's a great idea but feels like if the file icons disappeared and then content appeared on the fake website one after another would be a bit of an improvement 👍 The site redesign was really nice. I've tried using these non straight line transitions between sections before and never been able to nail the spacing and proportions like he did
@DarkzarichV2
@DarkzarichV2 2 ай бұрын
Very talented works guys! The last ones especially left me in awe
@andzagorulko
@andzagorulko 2 ай бұрын
"I came here from backend, I don't know why I'm here" - average fullstack dev
@NRCPQ
@NRCPQ 2 ай бұрын
Man, you really know how to fire people 😂
@thisaintmyrealname1
@thisaintmyrealname1 2 ай бұрын
totally agree with you; impossible to pick only one and to ignore that submission with the full website redesign. amazing result!
@rafaeltab
@rafaeltab 2 ай бұрын
These designs are orgasmic, like I was shaking in my chair at these
@tarwin
@tarwin 2 ай бұрын
Holy hell. The Rive animation is 5mb?! Makes me miss Flash. That could be done in 100kb max. 😢
@nullzeon
@nullzeon 2 ай бұрын
this feels like one of the best vids on this channel so good!
@BenRangel
@BenRangel Ай бұрын
I always wish there were 2 rounds of submissions, cause the feedback here makes it so obvious what people should've done. different types files ✔no cursor looking icons ✔subtle but not overly minimal ✔
@gusryan
@gusryan 2 ай бұрын
Just FYI I'm while the ASCII renderer is super cool I'm pretty sure it's built into three.js. It's not hard to implement
@professormikeoxlong
@professormikeoxlong 2 ай бұрын
Love it. Wish I heard about it in time and could've participated as well. I also love that you're offering to help everyone find a developer/design job I myself am struggling with that and I just love that you care.
@doce3609
@doce3609 2 ай бұрын
okay these semi- and normal finalists are AMAZINGLY GOOD. Crazy how good these were.
@ahmedAltariqi
@ahmedAltariqi 2 ай бұрын
I love your enthusiasm. This video screams GREAT VIBESSSS!!!
@brandon6490
@brandon6490 2 ай бұрын
Massive respect for you paying most of them. Awesome work man.
@blalmal10a
@blalmal10a 2 ай бұрын
i like the fact that he hates cursor on a site, ended up having 3 cursors on the landing page xD
@NAYMURWEB
@NAYMURWEB Ай бұрын
Thanks, Theo, for showing my work in this video! I thought I was out of the contest because of my mistake, so I didn't watch the video and was really upset. But Again thanks for the shout-out, man😍
@xcrap
@xcrap 2 ай бұрын
I would add a very tiny detail of changing the divide curves angle just a bit while scrolling, just a tiny touch that would feel like gentle elastic movement that related to all file dragging/moving :).
@rick.knowlton
@rick.knowlton 2 ай бұрын
Tom slayed it. As a dev and designer definitely going to come back to this for inspiration.
@AvanaVana
@AvanaVana 2 ай бұрын
Wish I would have seen this, although I probably wouldn’t have had the time to have participated. I admire the positivity and encouragement shown to the participants here, but speaking as a professional designer and developer of ~20 years, with the exception of a handful of submissions, most of these were frankly very subpar (just being real). I’m glad that the Tom finalist submitted his entry, because he did a pretty good job and a total redesign was sorely needed, and not really much of a lift in terms of complexity and effort required. Personally, I wouldn’t have let one of my hero designs get swallowed up by the rest of that previous website either-I wouldn’t have even started this without approaching it from the level of strategy and communication, first and foremost. Good design is not done piecemeal, like clip art- it comes from a cohesive strategy, unifying seed concept, and a clearly articulated and specific vision, centered around a deeply empathetic understanding of your audience/users.
@Wonderdude63
@Wonderdude63 2 ай бұрын
Man UIUXPhil's design for this was by far the best, phenominal!
@chawrx3
@chawrx3 2 ай бұрын
17:28 finalists 22:50 website redesign winner 26:32 winner
@Dev-fo8zt
@Dev-fo8zt 2 ай бұрын
Theos page (only looking at thumbnails) looks like he makes daily vlogs about his morning sh**.
@gixxerblade
@gixxerblade 2 ай бұрын
The design is pretty cool. The rive animations take a second to load on first initial paint.
@MommysGoodPuppy
@MommysGoodPuppy 2 ай бұрын
really awesome, huge respect for rewarding hard work!
@sebastianmihaiprisacariu8975
@sebastianmihaiprisacariu8975 2 ай бұрын
Sooo cool! Wish I would have seen the post on Twitter in time to also submit a design.
@CodeWithTristan
@CodeWithTristan 2 ай бұрын
Amazing website Theo! Good job by the designers.
@aquadap219
@aquadap219 Ай бұрын
Jacks ASCII art idea was absolutely amazing. He is definitely my winner hahaha
@m4rt_
@m4rt_ 2 ай бұрын
11:20 that design reminds me a lot of the images on the website for the Norwegian postal service.
@nexTabDE
@nexTabDE Ай бұрын
"I probably would have went with it if someone hadn't said it makes it look like the world is going to be bombed by nuclear bombs." 🤣🤣🤣
@codeChuck
@codeChuck Күн бұрын
Cool contest! Great stuff for community involment!
@Kane0123
@Kane0123 2 ай бұрын
6:25 the icons really popped when Theo moved down slightly!
@mikeeomega
@mikeeomega 2 ай бұрын
Great work from all the participants
@Chaaos2
@Chaaos2 2 ай бұрын
Awesome stuff dude! Great content too
@MrBurnandPlay
@MrBurnandPlay 2 ай бұрын
Really nice design. I wish I could've participated in the contest.
@ShootingUtah
@ShootingUtah 2 ай бұрын
Well damn, when did the call for design help go out? I catch a decent amount of your KZbin videos but never heard about this.
@paulkanja
@paulkanja 2 ай бұрын
hey, you probably should add a space between 'Documentarion' and the arrow and add a subtle box shadow to lift the buttons off the page (the docs button doesn't read as a button currently)... anyway, magnificent designs
@SulagnoGhosh
@SulagnoGhosh 2 ай бұрын
wait you....made uploadthing XD I never knew that I was using it for saas app lmaooooo, theo be the best
@kobibr9362
@kobibr9362 2 ай бұрын
Jack Smethurst is actually a nice one. I can build that with three.js and make it go from ainsi to 3D and back. For me it is not 2 options, it is both. Ot would be challenging but I can make filters to transition between both. Maybe not even use three.js and use OGL.
@coolm98
@coolm98 2 ай бұрын
"Killer crypto site design, but not as an insult" 😂😂😂
@sarvangdave3646
@sarvangdave3646 2 ай бұрын
UB Patrick one really impressed me a lot ngl. That one was my hero if it was my theme. Note: This is just from that I have seen till now 5:29
@sarvangdave3646
@sarvangdave3646 2 ай бұрын
Also the icon from ChromMob 🔥
@sarvangdave3646
@sarvangdave3646 2 ай бұрын
The winners totally deserved it! Wow 🤯
@dsevil
@dsevil 2 ай бұрын
Aritro's submission is giving me Infographics Show...
@paul_tee
@paul_tee 2 ай бұрын
clicking the beta box refreshes the page
@davidsiewert8649
@davidsiewert8649 2 ай бұрын
Honestly then I first got to the uploadthing website (without seeing this video first) -> I just saw it as a static image and did not bother to check hovering over it.
@BenRangel
@BenRangel Ай бұрын
11:52 Yeah the people make it look like it's not even a web service. Looks like a physical service for storing your old paperwork. Beuatifully drawn. But when you put people on an interactive page I think they should be less involved with the action and more clearly just background fluff
@hqcart1
@hqcart1 2 ай бұрын
there is a reason we moved away from the animations, your LCP gets a big hit, i doubt that your site get anywhere above 50 points in page-speed!
@connorskudlarek8598
@connorskudlarek8598 2 ай бұрын
I just did a check. Their LCP is 1.6s and their performance score is 93.
@hqcart1
@hqcart1 2 ай бұрын
@@connorskudlarek8598 ok, i checked, on mobile: Largest Contentful Paint element 8,410 ms and performance is 48, google pays attention to both. not only desktop.
@SuatBarlak
@SuatBarlak 2 ай бұрын
btw. your social links in the footer are not clickable since the terms of service /support navigation in overlapping them. maybe put a width: fit-content and margin-inline on the later or a z-index on the socials div.
@Nodsaibot
@Nodsaibot 2 ай бұрын
we have a bright future in tech?? who wants to tell theo we been trying for 10+ years but startup people want to low ball or free work
@josevargas686
@josevargas686 2 ай бұрын
this is a great example of "low ball or free work"
@schtormm
@schtormm 2 ай бұрын
23:20 LOL, of course some Dutch guy had to come in and rock the absolute hell out of it
@m4rt_
@m4rt_ 2 ай бұрын
I wouldn't say setting the serial number of the fake mac os to the video id of the rick roll video counts as rick rolling.
@comosaycomosah
@comosaycomosah 2 ай бұрын
the first was my favorite maybe the sixth and manushas or however his name was spelled.....also this is a great way to get a bunch of good designs and people to work for free while getting a small write off all while looking good...that said its not that big of deal or like people have to participate just being extra critical bc i seen people mention this on twitter and it made me think lol all that said tho those who participated seem happy tho and thats really all that matters tbh! Edit: 17:03 💀thats what i get listening to twitter lolol
@ElvenSpellmaker
@ElvenSpellmaker 2 ай бұрын
11:39 Windows 3.1/95 File Cabinet vibes for sure!
@MommysGoodPuppy
@MommysGoodPuppy 2 ай бұрын
not using that logo 😭 i get it tho if you want to hold back redesigning the logo separately but that one was so clean
@maxziebell4013
@maxziebell4013 2 ай бұрын
Theo, the animation could also be done with Tumult Hype. In HTML5 and be much, much smaller.
@andrewzuo86
@andrewzuo86 2 ай бұрын
The nuking the world one reminds me of Twilight Princess
@luigidabro
@luigidabro 2 ай бұрын
The winner's 5MB website couldn't even be uploaded onto uploadthing
@adrianmenzel1532
@adrianmenzel1532 2 ай бұрын
"First draft" my ass - you can't just clown on everyone else with words like that 😅
@kenscode
@kenscode 2 ай бұрын
Wow the community really showed out this time
@7oeseven793
@7oeseven793 2 ай бұрын
Looks like many use AI for the assets/animations
@theairaccumulator7144
@theairaccumulator7144 2 ай бұрын
Fr, using AI should get you banned
@the_blanco
@the_blanco 2 ай бұрын
What's the AI called?
@vaggelis_best
@vaggelis_best 2 ай бұрын
​@@theairaccumulator7144 why though? If it's used as a tool, what's the problem?
@kobibr9362
@kobibr9362 2 ай бұрын
Also I have been struggling to find the document button on your website 😂 just make those code examples clickable so that they bring me to the documentation page because I filter thing on a page like a kid 👍
@patrykkowalski8355
@patrykkowalski8355 2 ай бұрын
pretty nice, bunch of them looks like AI generated, but in general quiet nice
@theairaccumulator7144
@theairaccumulator7144 2 ай бұрын
It's surprising how easily he's fooled by this no effort AI garbage
@realavdhut
@realavdhut 2 ай бұрын
which ones
@EliasOjeda-mv6cg
@EliasOjeda-mv6cg 2 ай бұрын
now everything looks like AI generated, really hard to distinguish what is real or AI generated
@BryanLu0
@BryanLu0 2 ай бұрын
For simple designs it's really hard to tell
@t3dotgg
@t3dotgg 2 ай бұрын
There were AI generated ones, i skipped them
@Charles-sy7ej
@Charles-sy7ej 2 ай бұрын
Man I hope one day I get good enough to get my name out there by participating in something like this.
@muslim8622
@muslim8622 2 ай бұрын
It's a great landing page but a canvas for this animation is overkill, for me in Europe it's way too long to load. A mix of HTML + CSS or an SVG at most is enough
@takurotim3496
@takurotim3496 2 ай бұрын
I still don’t really get what their website does. Is it just Google drive?
@shushtain
@shushtain Ай бұрын
Theo, please make me a React app, and ask your colleagues to do the same. And if I like it, I will give one of you $500. The disrespect for the design industry has to stop.
@genrescope
@genrescope 2 ай бұрын
Wow thats amazing 8:40 👏 😍
@luketurner314
@luketurner314 2 ай бұрын
27:51 under 10 kb?! (shocked) damn! (in the style of Fluffy)
@RAHUL-lc3lz
@RAHUL-lc3lz 2 ай бұрын
Most of them are UI libraries like Magic UI and Aceternity UI right??
@justingolden87
@justingolden87 2 ай бұрын
Graham's was amazing
@JacksBracket
@JacksBracket 2 ай бұрын
Loved to take part 🙌
@Kennygdfrd
@Kennygdfrd 2 ай бұрын
Animation could be much much smaller. Site turned out nice though!
@schtormm
@schtormm 2 ай бұрын
check the pinned comment, they've already got it down to 1.4MB
@DominikZogg
@DominikZogg 2 ай бұрын
Your photo on the new design is very blured, Left spacing on hero is much wider than right spacing on 1440p, FF, Fedora Linux
@jeremytenjo
@jeremytenjo 2 ай бұрын
What Nextjs docs framework did you use for the docs page?
The LIES That Make Your Tech ACTUALLY Work
11:29
Enrico Tartarotti
Рет қаралды 920 М.
Every Framework Sucks Now
24:11
Theo - t3․gg
Рет қаралды 139 М.
How it feels when u walk through first class
00:52
Adam W
Рет қаралды 24 МЛН
🕊️Valera🕊️
00:34
DO$HIK
Рет қаралды 11 МЛН
This mother's baby is too unreliable.
00:13
FUNNY XIAOTING 666
Рет қаралды 41 МЛН
The Underdog: From $10/hr to $1.5M/Year
20:10
Starter Story
Рет қаралды 315 М.
Why Not Just Replace The Glass...?
11:03
Phone Repair Guru
Рет қаралды 22 М.
Being a Developer in Finland: Salary, Expenses & Benefits
5:53
Shiri Way
Рет қаралды 3,2 М.
Pro Logo Designer VS Fiverr Designers 🤔
18:31
Will Paterson
Рет қаралды 281 М.
Why Democracy Is Mathematically Impossible
23:34
Veritasium
Рет қаралды 4,6 МЛН
The Weird Rise Of Anti-Startups
12:57
Enrico Tartarotti
Рет қаралды 392 М.
Making an atomic trampoline
58:01
NileRed
Рет қаралды 9 МЛН
It's finally out!!! (Next.js 15 breakdown)
30:06
Theo - t3․gg
Рет қаралды 26 М.
javascript is dumb
46:04
Theo - t3․gg
Рет қаралды 116 М.
How it feels when u walk through first class
00:52
Adam W
Рет қаралды 24 МЛН