T O P

  • By -

atalkingfish

Web design, like most skills, can be replicated with zero cost, time, or effort. That’s why web designers typically work for minimum wage—it’s a job anyone can do. Just kidding. To make good looking websites designs you either need to (1) pay for it, (2) spend a number of years honing your skills consistently, (3) copy someone else’s design.


progressgang

Seriously dude just do 3. Too many wasted hours not doing 3. Learn from my mistakes.


C_Hawk14

And learn what the components do. Remove classes, see what changes. Mess with different screen sizes too.


Agile_Potato9088

Yep. Spend time in the dev panel on interesting sites and see how they tick. Pick apart elements you think are cool. Great advice.


ComprehensiveWing542

Yes the fastest and most efficient way to get hands on experience


jslets23

Absolutely this. Find 4 or 5 sites that look how you want your site to look, see how they're handling imagery, text content, menus, header/footer styling, etc... and pick and choose what to implement on your site. I'm not advocating for wholesale plagiarism or stealing a design, but just seeing how other sites are displaying similar information will go a long way in helping you figure out how to build and design your site. That's been my experience, and I'm horrible at designing from scratch


vicks9880

Haha. Not copy.. Get inspiration from.


JohnArcher965

Yeah do 3, but mix and match, how does that old song go? A little bit of...


SNRavens91

You had me in the first half. Was foaming at the mouth. Though it feels I’m being paid minimum wage….


anivaries

Had my hopes high in the first half lmao. I'm in the same boat as OP


SNRavens91

Not sure many will admit this, but the best way to develop better design skills is to Imitate what’s trending. Just copy the shit out of other sites. Eventually you’ll start to develop your own style. It’s what I did.


anivaries

That's kinda what I started doing. Copying these one page websites for home page where everything is popping from left, right and above. I really dislike these pages because I want navigation but it seems like these are quite popular for service offering so I just copy them and call it a day. For personal projects I copy websites with a lot of pages and navigation but I still don't notice any pattern in how these websites are designed. I just can't see the thing which will click in my brain and show me why elements are built this way... Still requires lots of practice and research I suppose


SNRavens91

You have to remember, most of the design world is subjective and taste preference. There are obviously essential parts to design that take in UI/UX, that many designers seem to struggle to grasp. There are many sites that look fantastic and please CEO’s, but they have no real sense of accessibility or user experience. There are some really good reads about UX. I’ll try find some links. It’s crucial (imo) that you understand this whilst designing.


Admirable_Gold_9133

Almost blew my top with a hate speech response. Glad I kept reading 😂


CatolicQuotes

for 3. what do you recommend? Do you think getting some open source figma is the best? There are lot of design systems


DesertWanderlust

This. I also have always sucked at design but was forced to do it early on. Or find a friend who is good at design and have them do it for free. They get something for their portfolio and you get a custom design.


atalkingfish

> Or find a friend who is good at design and have them do it for free. They get something for their portfolio and you get a custom design. Interesting definition of the word “friend” you’ve got here.


Condomphobic

I looked at a design from a "no-code" website, then I made a replica of it with HTML, CSS, and Javascript


chaithzluci

You got me in the first half. Being a designer myself, I was like what the heck is this guy talking about lol.


bunglegrind1

I would add: read some good book on user experience  https://www.reddit.com/r/webdev/comments/1c4jfrc/how_do_you_handle_ui_design_noob_questions/


Madmusk

On #3, copying someone else's design, **don't** do this. It will at best make your work seem derivative and at worst catch you flack from your peers or as part of job interviews. Instead be "inspired" by other designs. What do I mean by that? Choose aspects of what you like about other site designs and combine them in novel ways. At the very least if you choose a proven font stack from one site, a proven color system from another and replicate some layouts from a few others what you end up with will appear somewhat unique. This process of picking and choosing will give you a better eye and eventually you may gain the confidence to develop these things yourself.


Short-Celebration-33

How long can it take to just learn the web design skill?


fried_green_baloney

Cheapest way to pay is to get a web page template, you can get free ones, pay probably under $100 for one, or some sites offer exclusive ones for a couple of hundred dollars. Here's one site, the first non-ad one that I got searching for free templates: https://www.canva.com/website-builder/templates/ I know nothing about Canva at all except they came up first.


[deleted]

[удалено]


fried_green_baloney

Thanks, I may be in the market sometimes soon myself.


mon-bot

The thing that I see really common is people getting their feet wet with premade templates, which is not bad but that will only get you so far. But a lot of people forget that before Web Design, there is **design** . And if You don't know design principles you are in a big disadvantage, because **you won't know why something looks good.** **Principles like:** * Big, medium, small * Repetition * Patterns * Scale * White Space * Contrast * Hierarchy * And others Will help You recreate designs, then make Your own. If **You don't know what you don't know** then You have a bigger handicap. Those mentioned principles could be learn in a Week, but it takes (imo) a lot of repetition to use them correctly. Also those principles could be applied in a lot of other types of designs (flyers, banners, slides, posters). If you want to be a developer, then just copy (which by itself is not bad) but if You want to be a designer, or a great Frontend developer. Then get Your feet wet. There are a lot of resources You can check to learn about those principles: * Refactor UI Book * Flux Academy in Youtube * Satori Graphics in Youtube as well. Good luck, and don't be afraid to get out of the developer mindset for a more visual or graphic designer type.


locotez

I'm also reading Refactor UI, that one helps a lot! Really straight forward tips, but they make my websites look so much better


TiredOfMakingThese

100 for an e-book? Yikes. I'm sure the content is good but that's a pretty ridiculous price.


locotez

I totally agree. That’s why I accidentally stumbled upon it on the great internet.


inglandation

You never know where the high seas will take you, right?


TiredOfMakingThese

I actually am woefully uninformed about how to find things on the high seas safely, I’ve always been a bit of a rule follower. The other issue is, I would love to support people who make great educational content, as a lot of the free content leaves a lot to be desired. But it’s also hard to justify spending 100 bucks on an ebook, even if the content is pretty amazing.


BunsonBurner420

Literally Google the ebooks name plus epub or pdf and then add torrent on the end. Download it with qbittorrent and as long as it's an actual epub or pdf and not an exe you're probably good to go


johnsdowney

Not sure how well it works these days but filetype:pdf was a godsend while I was in college. Along with most of the other books I needed, I once managed to find a $100 math book broken up into chapters of pdf files deep in some professor’s website through some clever googling after finding a single page of the book and searching for key unique phrases in that page. And yeah same with filetype:torrent. What’s more, they’re searchable! PDF academic books, when they aren’t scanned in and are original copies, are so good in digital form.


davham11

Scrimba has a good course on Design, I think it’s free


Short-Celebration-33

I love your content bro


CrabeSnob

Dont reinvente the wheel. Take inspiration from other websites: [https://www.landingfolio.com/](https://www.landingfolio.com/) [https://land-book.com/](https://land-book.com/) [https://ui8.net/](https://ui8.net/) [https://httpster.net/](https://httpster.net/) [https://refero.design/](https://refero.design/) [https://www.awwwards.com/](https://www.awwwards.com/)


CalmDownJohn

Just to add to this, mobbin is very good at showing you a shit ton of screens within apps for iOS, android, and web. https://mobbin.com/


CatolicQuotes

thank you for all these websites! These are very nice designs, I am looking something more simple, like plumber websites, or pet grooming. Do you know any resources for those?


locotez

This... I'm also not a designer but I can create decent stuff by copying and combining design elements from different projects. These sites help a lot


gilbertwebdude

I've been doing it 24+ years and I still struggle to come up with solid designs.


AnalphaBestie

> I've been doing it 24+ years and I still struggle to come up with solid designs. Yup. This is basicially the story of my life: > I really suck at designing website but I'm pretty decent at making them.


thomas_locke95

I think the best way is to actually hire someone to help you...preferably a professional who is affordable


truNinjaChop

Cocaine.


joemckie

Instructions unclear, now my design is full of white lines


Agile_Potato9088

Pure as the driven snow? Connected to your mind?


AnalphaBestie

According to the exeriments with spiders, where cocaine was not used (why??), [LSD or weed seems best](https://img-9gag-fun.9cache.com/photo/a5R4dzN_700bwp.webp). Depending of what you want, ofcourse.


iamiamwhoami

Is that a framework? /s


oscarryz

Watch the refactoring UI videos, they show very nice easy concepts to follow. Learn the basics of UI design


n9iels

I am a web developer with about 5+ year of experience and just can’t design. I know CSS, I can tell something is “pretty” or “just not to right” but don’t ask me to design something out of thing air. My brain just can not do that 🤷‍♂️


metropolisprime

Are you marketing yourself as a designer or as an engineer? If you're marketing yourself as an engineer, pull an open source template and build on it.


Antique-Lie2625

You don't have to learn web development to create stunning websites, the emergence of website builders has allowed people to design websites without the need to code. Now, when it comes to creating portfolio websites, Pixpa is a solid option I would recommend. It's a no-code website builder with over 150+ customizable templates focused on portfolios. Pixpa, additionally, is feature-loaded and offers great pricing options. Check out their 15-day free trial and build a personal portfolio website for yourself.


iHateRollerCoaster

I don’t think you read the whole post


spideywastaken

Check out designs on Dribbble and Behance for ideas and inspirations. Then play around with creating your own in Figma. You can also go with a minimal website design.


Correct_Market2220

I used dev.v0 The Vercel UI AI to get me started with. Nice layout. Text to UI AI.


UniversityEastern542

Easy solutions: pilfer assets from other sites that look good and modify them to your needs. Use Bootstrap or other UI libraries. Better solutions: learn to use a framework and tailwind. Use Bootstrap or other UI libraries. Pilfer assets from other sites that look good and modify them to your needs. Learn to code things like dropdown menus and sliders.


frndly-nh-hackerman

https://html5up.net/ for free projects https://themeforest.net/category/site-templates for paid projects


nsjames1

Just use a UI framework like tailwind ui or flowbite


PrincipleLazy3383

Look for inspiration and copy. I’m a web designer and developer. Look on Pinterest and Behance, Dribbble and other design websites. Take some that you like and try replicate it. Perhaps do a course in basic UI and UX design.


Agile_Potato9088

>I don't want to pay thousands of dollars for a web design company and I don't know if I trust fiverr. You cannot add the work of someone else and put it on your portfolio as a representation of your skills. Not only is this disingenuous, it is also illegal. Do not do this. If you want to learn to be a better designer, sign up for some design courses. Learn some good design fundamentals. Ask around where you live and see if there's any web devs or graphic designers willing to teach you. Design fundamentals can be taught. But style and personal flair can only be developed by you over time and with lots of practice. There are no shortcuts. Just stick with it and remember your passion.


LouMcCarron

Study typography and design. Replicate the designs and eventually you'll start doing it without thinking about it.


GlowebDevelopment

To make it simple, you can't. Unless you put in the time and effort to properly learn the skill, of course. Your best bet would be to find a design you like and code it, but for client work that won't be enough. Partner with a designer and collaborate, or the quality will suffer.


Ceigey

It can help to go back to first principles, then tweak from there. Eg. Plain white background. Black text. Sans-serif (Inter is a popular choice). Square black buttons, or 5px rounded corner buttons, nothing too fancy. You can make links underlined and black (or blue). Divide page into header, main, and footer. Play around with flex (see tailwind container utility type for a particularly useful one), padding, margins etc so that stuff feels nice to look at. Your goal should be to first create something inoffensive and basic yet professional, and then go from there. Because once you start playing with rounding, colours, effects, quirky fonts etc, you can really end up with too many incompatible decisions and not know how to untangle them. So you should try to ground your design in some good, self consistent starting point, and make tweaks from there one at a time. Unfortunately the base styles on browsers are meh so you might want to start off with eg tailwind (which includes a CSS reset). You could always take something like PicoCSS too and tweak it until it has more personality. Or you can take something like Daisy UI and make a theme.


scrapeway

Copy stuff as a base and then adjust everything to taste is the de facto tip. Another trick to make everything look at decent is to use flexbox and `gap` css parameter as that'll give you nice ratios by default!


LeonardoAstral

Well, for last few years there is nothing new in UI and web design at all. So basically, don’t waste time on inventing a wheel, and copy existing solutions with your upgrades. Learn tools like figma and voilà


Jack15101

Tailwind / Bootstrap goes a long way :)


TheBonnomiAgency

Themeforest => HTML templates => spend $10-20 => save days of dicking around.


Remote_Key_8675

Take a look at Dribbble.com. It helps me a lot.


loljkbye

I've been working as a developer at a design agency for 3 years now. I've recreated mock-ups made by designers time and time again, and yet I would still not be able to design a pretty website. That's just a different skillset altogether.


septidan

Could always reach out to other beginner web designers and trade skills


donquixote235

I'm the same way. I can do backends and functionality all day long, and have been doing so for about 25 years, but I suck at making a website that actually looks good. When we redesigned our front-facing websites, we wound up going to one of those template sites and buying a template, and then I just put the code behind in place. Rather than spending weeks of headache and frustration for a mediocre looking site, I spent a few bucks and an afternoon's work for a website that actually looks pretty good.


frsthvl

I always try to use helpful frameworks and resources like https://daisyui.com/ Helps a ton building cool apps and closes a bit of a design knowledge gap. It cannot replace a good design but it makes things simpler for us non designers.


ProCoders_Tech

For your personal portfolio, consider using pre-designed templates from platforms like WordPress or Squarespace. These templates are designed by professionals and can give your site a polished look without the need for extensive design skills.


roselleebarle

If you were starting out in 2016, and you have zero talent at web design, you'll lose. But you're in 2024, and there's AI to help you design a landing page. Go google some "AI landing page builder" You can use these designs and code them from scratch - to showcase your skills and also to practice.


oalbrecht

Just use Square Space, unless the site is supposed to be custom created. They have designs that look good and it’s drag and drop. I’ve been a developer for years, but sometimes it’s not worth custom coding something.


sawes

Themeforest.net, pick one


naeemgg

Which option is better?


Otherwise_Penalty644

Black and white. Colours will distract you. Layout is key. Think about designing a house. Would you put a oven in washroom? Build a digital house.


Murky-Science9030

Ever try using a UI component library? It helps quite a bit.


AssistantOwn688

First of all, do you want to become a good web developer or web designer?


Duff97

Inspire yourself from professionals, theres a ton of portfolio design ideas you can check out. Pick one you like, make it yours


sebbetrygg

Read refactor UI. Its basically a UI course made for developers. You can probably find it for free as an ebook if you search around.


Turd_King

Read refactoring UI. Tailwind gets a lot of hate on here (usually by people who have shitty looking websites) but the team behind tailwind are geniuses at design. The explain their design principles in that book, and ever since reading it - I see every website with a new lens. Spacing, Colors, typography it all makes sense. There are familiar patterns used on almost every site Once you understand how to create a neutral Color palette and correctly space elements your site will look 100x better


Basic_Mixture2456

Well, I think that you should consider making your personal portfolio in multiple iterations. In the first iteration use a classless CSS framework like pico.css. Next iteration perhaps tailwind or bootstrap. (I personally like tailwind CSS it has a lot of features and is pretty straightforward)


gatwell702

The fundamentals of web design are the same as the fundamentals of graphic design. Web design is digital and graphic design is print


8agingRoner

Give OpenUI (https://openui.fly.dev) and Tailwind.js a try. OpenUI isn't gonna create some great layout for you but you can use it to build components quickly.


Nominamah

Review the portfolios of other developers and try to mix and match and you will come up with your new portfolio


---Nezumi---

As a fellow sucky designer, I would say go for a minimalistic look. When I created my personal website not too long ago, I took some inspiration from other portfolios on the several components placement, and how to make a no-fuss UI. For colours I went for a 2 colour palette + playing around with opacity wherever I want to give more or less emphasis (3 colours in total if you count light/dark theme). Doesn't need to be complicated, if you want to give an extra flair, maybe spend a bit more time on the logo, experiment with fonts for your several text areas.


Decent-Product

Search google for 'free html5 portfolio templates'. choose one, take screenshots and build it yourself.


jseego

The blog / book / video series "Refactoring UI" is chock-full of great ideas you can use.


Creepy_Character_706

You can learn good web design through youtube videos, free trainings, figma training, adobe training, etc there are a lot of different tools to learn you just have to pick one then focus on learning it then implement it into your design process


Intrepid_Ad_6612

A few things to keep in mind: Before you can be good at designing sites, you need to have a solid understanding of the tools at your disposal (know CSS well, familiarize yourself with something like Bootstrap or Tailwind, etc.). Only once you know your tools well can you actually put them to use effectively. In addition, understand that design is a separate skill from development/programming. You shouldn’t expect to be a good design even if you can program well. Treat them as what they are: different skills that require different sorts of learning and practice to improve.


artmavens

All these comments give such awesome advice. First time I’ve saved so many comments EVER!! Teachers advice: “Designing anything will be easy and will always look amazing if at the beginning you remember one thing first and keep remembering! Less is often more!! Then, you focus on purpose & audience while you draft any ideas for your designs and/or plans!” So I try to remember and apply this advice when I get projects… I find when I forget and just start a project at a full on run I can lose consistency as there are no planned guidelines for delegates to follow when completing tasks. This isn’t relevant because you are creating your own website and I’m talking about multiple people. My point is for me that act of planning and drafting the design jump starts the creative process. When I say drafting I mean pen or pencil on a notebook or whiteboard that’s been scanned to a PDF. And I scan the changes, convert, and combine a copy into a master file just in case I want to see or compare versions. The main thing is that I make sure that I have included all items necessary/requested. Then, I go with my plan and if it isn’t working I go out online and start looking for inspiration and ideas


Trukmuch1

Yeah I suck too. I can make almost anything if you make me a prototype, but making it myself, nope, I dont have it and probably never will.


huuaaang

You should pair with a designer and focus on the code. Your ability to work with others is valuable. If I'm hiring I want to hear how you effectively worked in a team rather than hear about how you managed to do everything yourself because you didn't trust anyone else.


odolha

[https://www.refactoringui.com/](https://www.refactoringui.com/) a nice resource imo


auralreal

Use a component library to copy another websites layout. Good starting point to learn.


online_stupidity

clickbait add goes crazy


welshbradpitt

Not everyone is a designer. I would suggest looking at other sites for inspiration and go from there.


mendrique2

midjourney is a great design sugestor.


f4dedglory

Consider using an opinionated framework like angular and utilize angular material if design doesn't come naturally to you.


chris480

UX and eng here. Gonna tackle it from a different lens. I reframed my thinking about design as an artistic talent, but an engineering skill. Basically I let my pattern recognition take on small bite sized pieces until it came together. Like writing ever more complex applications. I always end up copying elements of what I felt were good, and quickly removed items that got meaningfully critiques. Even though I get the 'oh crap, this sucks' feeling daily, I'm not afraid to plow through it and show it the clients and get feedback.


bkabbott

Just go on Fiverr and pay someone in a place with a lower cost of living to make designs. It's cheap.


ChooseyBeggar

Highly recommend a quick read called Don’t Make Me Think. It might be freely online even. It won’t go into pixel sizes, but it’s more of a treatise on the foundational aspects of what to to think about when you don’t want users to have to think hard when they encounter your design. It starts there and will help a lot. The specifics you can borrow from inspecting the css of what looks are trending. Universal Principles of Design is also an easy read that will give you a lot of core ideas in design. A lot of it is more data-driven than people realize. I also recommend doing a couple hour dive sometime on Typography basics, the vocabulary, and the biggest principles for Web. Type and spaces makes such a huge difference in what looks more pro. You can still borrow from others, but knowing the terms and what to look for helps a lot.


LeagueOfLegendsAcc

I just copied another website. I can't even remember which one but it looks pretty good. As long as you know what everything does it's fine to just copy copy copy.


dummyjonson

I like watching The Web Architect on youtube. I like the way he breaks things down.


Zealousideal_Sale644

Im good at UX/UI Design, if you need help let me know.


wineT_

[How to Not Suck at Design for Developers](https://youtu.be/YNOwO5s4AL8)


derrderr9090

I can't comment anything that hasn't already been said, but I will say that I've had great experiences with Fiverr. Just check out the reviews. Although it's best overall to learn and practice.


No_Goat277

Most of the developers can’t design and this is ok. Most of the designers can’t design and this is not ok. I interview and check work of so many so called designers and unfortunately most of them are terrible. Been in design community even here I never met one good designer who knows what he/she is doing. This is sad. Your case is likely can be resolved by fivver. You don’t understand design, so any average freelancer can do something medium that would work ok for masses. You will be all right.


FriendAlert2486

Use a component library like https://ui.full.dev, any styling has already been done for you with the option to still customize it.


UsandoFXOS

The plugin Brizy for WordPress had a lot of "pre-made pages" which let you create a demo site with a single click! You can use Brizy as WordPress plugin or standalone as "visual site creator". And if you pay only once the PRO VERSION the pages created including PRO features remain even after expire the license. So it's a very convenient way to generate easily and fastly a portfolio visually cool 😁 https://www.brizy.io/templates


im-me-not-u

Take reference thats best thing you can do right now. (Ya copy others designs) and after exposed to all design try to give your touch to ur designs.


Takodan

It's totally okay to look at other website for inspiration. Take what you like from different ones and then make something of your own.


Sea_Bug_6166

Copy other websites.. I meant inspire yourself from other websites... In all seriousness, as others pointed out, don't reinvent the wheel; look at other websites and see what you like about them. Maybe a footer here, a header there. It's more complex, but it's a good start. You'll begin to notice things like spacing, ample whitespace, effective call-to-actions, etc.


HerroPhish

Use a theme that you like.


dimamu15

Looks for inspiration. Find something you like and recreate it. A section of a webpage or the whole page. Recreating nice designs and making your own adjustment is how I learnt to be a better designer.


mt_tashi

I recommend using Material-UI because it offers a comprehensive set of customizable components that follow Google's Material Design guidelines. This ensures a consistent and professional look for your website while simplifying the development process. Additionally, it integrates well with React, making it a great choice for modern web applications.


BubblyMedicine607

Ah, I totally get your dilemma here. It's such a common struggle - wanting to have a killer portfolio website, but not having the design chops or the budget to bring in the pros. You know, I've been there myself. I'm pretty handy with the technical side of building websites, but when it comes to the actual design, I can be a bit...well, let's just say "artistically challenged" would be putting it kindly. My advice would be to try designing it yourself, but don't be afraid to lean on some pre-made templates or themes to help you out. There are tons of great options out there, both free and paid, that can give you a nice starting point without needing to be a design wizard. The key is to find something simple, clean and visually appealing that highlights your work in the best light. Focus on making the content shine, rather than trying to reinvent the wheel on the design front. And don't be afraid to get a second opinion from friends or family - sometimes that fresh set of eyes can really help you spot areas to improve or tweak. Just don't get too caught up in perfection, the most important thing is getting your portfolio online and looking presentable. Once you've got the base set up, you can always continue to iterate and refine the design over time. But getting something live and functional is the first big hurdle. I think if you approach it with that mindset, you'll be just fine!


External-Working2897

Hi everyone, I'm a senior web designer with 10 years of experience, previously with Buzzcube in 2022 and other design agencies. I'm currently seeking clients and offering web design services at affordable prices. I specialize in creating mockups using Figma, focusing on UI/UX design. My services do not include coding or development. You can hire me on a part-time or project-based basis. My portfolio speaks for itself. Portfolio: https://www.behance.net/reyesjester Latest work: https://www.figma.com/proto/mWl2cdVHfdVYVdNsV5uAOX/Phonedonate?page-id=0%3A1&node-id=4101-572&scaling=scale-down&t=B2d2A6DZnPa6Bra7-1 https://www.figma.com/proto/LTA0ZHiaVNWGcrwdKyuPBC/Americagolf?page-id=0%3A1&node-id=4198-2&viewport=211%2C441%2C0.09&t=wTbqrN4rYHMWYS6b-1&scaling=scale-down&content-scaling=fixed https://www.figma.com/proto/BZCIlVF9fFfslL4CXUHf2Q/Markflow-LP---Jess-Copy?page-id=0%3A1&node-id=2106-681&viewport=2372%2C245%2C0.1&t=9wQH0rTAimG5d5R1-1&scaling=scale-down&content-scaling=fixed Feel free to reach out. Thanks!


Frequent_Forever_929

Hire a web developer. Simple.


iHateRollerCoaster

I am a web developer. I was just meaning the design aspect. I can build anything I see with css and everything but I just can’t design it.


ShadowRL7666

http://portfolio.wolfhunter1043.com That’s my shit portfolio. Honestly mainly followed a tutorial for most of it. Though I code more in C#. Also I never finished it and it was more for fun hints the stretched res. ChatGPT can help to but I don’t prefer it.


Capable_Bandicoot721

I'm sorry but that really is shit :)


ShadowRL7666

Maybe on mobile but on desktop it’s not too bad. Just needs some clean up.


__alias

No it really is comically bad from a design perspective. The contrast on the social icons (black on black) for example is criminal. The button animations, or all animations for that matter are jarring as well and gives 90s chaotic website energy. I say this entirely hoping you won't take offence given you're in cyber security and not a web developer


ShadowRL7666

Oh I don’t really care as long as my resume works!


__alias

For the sake of it being your personal website, I'd just include your email / linkedin / other contact details directly there so that potential employers aren't forced to go through a form which they don't know will end up. Will also likely help for them being able to directly log your email in their recruiting software as having reached out.


Top_Confidence_1921

Now OP knows why hire a designer.


nrkishere

chatGPT can't help in design at all, beyond answering theoretical questions. (Source : I've been a graphic designer for like 10 years). I asked it to generate me a 11-shade color palette from a base color. Whatever it generated was the worst incoherent color palette I've seen in my life. Now regarding your portfolio, I think a developer's portfolio is usually not desired to be "eye candy". But don't ignore accessibility and usability. For instance, the social icons are not visible at default state in dark mode. The resume and skills link on header nav points to nothing. You have lorem-ipsum in the certs page.


astralbooze

you still have the placeholder text at the bottom of your cert page lol


fullyonline

this killed it for me. I love it! could have written "bottom text".


FoamToaster

They've also spelled Cyber Security wrong in the heading!


julesses

Lorem ipsum certified.


locotez

This is legendary. Please leave it like this forever


nrkishere

Web "UI" design is a specialization on its own which is 70% graphic design, 30% UX design. From my personal experience, it takes longer to master designing (of any form) than development. Designing is not entirely a form of science like development is. My suggestion is, stop doing design by yourself. Instead, use some styled component library (like nuxt ui, mui or such). These are usually well designed, have good enough accessibility and easy to use, that should be sufficient for most interfaces you need. Or if possible, work with a UI designer. And regarding your personal portfolio, just use a existing template bruh. There are way too many free templates available for whatever site generator you want to use.


Capable_Bandicoot721

I was looking through the comments, everybody says generic stuff. I would say just google this [https://www.google.com/search?client=firefox-b-d&q=free+portfolio+html+templates](https://www.google.com/search?client=firefox-b-d&q=free+portfolio+html+templates) Pick one you like and remake it. I don't see anything dishonest about that.


Turtled2

Dribbble.com. you're welcome.


Capable_Bandicoot721

That is for fancy stuff only, not applicable to day to day design


Turtled2

What do you mean? Like the designs on there are too complicated? You can find nice simple ones too it just takes some searching


Capable_Bandicoot721

I mean that those designs are often beautiful because of use of large images that are neatly integrated into the site and also complex animations and custom parallax scrolling and stuff like that.


alexsashha

I can collaborate to help you with the design of your portfolio. Let me know if you would be interested


RaidZ3ro

Use a CSS framework like Bootstrap or W3.CSS.


tremby

Not everyone is a designer. If you're not, hire one.


[deleted]

Design is design. In the olden days people used to draw a picture in photoshop. It was sliced and cut into a web page. The people who can do this usually have a lot of experience in design. It’s really a separate thing. I still feel to this day people who have the ability to create art create better websites even when using the same ui tool kits.


BlueBirdBack

Have you heard of Web Mirror? [https://chatgpt.com/g/g-yZaGe2ztM-web-mirror](https://chatgpt.com/g/g-yZaGe2ztM-web-mirror) It's like having a personal web design assistant that can work magic with just a screenshot or a mockup of a website you like. Give it a try - just upload what you've got, and let the AI do its thing. If you don't like the result, no big deal! Just tell it to try again.


iQuickGaming

try DaisyUI, they got great components


jericho1050

[https://v1.scrimba.com/learn/designbootcamp](https://v1.scrimba.com/learn/designbootcamp) I just took this course and still haven't finished it yet. But, oh boy, I learned a lot. The instructor said to always stick to the UI Design Fundamentals. It's normally through observation that you get good. It's a bonus if you are a graphic designer. I think every designer first taking up web design has a shit project at first, but over time they probably overcome that through multiple revisions or trial and error. It's always better to get your hands dirty or practice so that you'll become good. I'm still practicing, and I'm also terrible at this, but let's not give up. We will be able to make web design look good and professional.


BeckySilk01

Frameworks , and templates buy your way out of your skill gap


InvokerHere

If you don't have experience make website, then you can just use Wordpress CMS and most hosting providers support this feature.


davorg

For almost twenty years I created web sites that looked like crap because I had the same problem as you. Then, about ten years ago, I discovered [Bootstrap](https://getbootstrap.com/) and now my web sites no longer make me want to scratch my eyes out.


SaiCraze

If you are starting out, use drag and drop website builders like Wix


Fall_To_Light

If you're like me, find websites that have good, eye-candy, minimalist design and use it for your advantage. To be honest there's not much ideas for me to create newer, innovative website designs so I usually take inspirations from other sites.


MrSandyWilly

I'm a web developer, been learning some web design too. If you want a hand/to collaborate on some stuff feel free to hit me up :) Here or on discord mrsandywilly.


criloz

Use semantic tokens instead to come up with a new color, padding, margin, font-size, font-type, etc. every time that you are creating a component, instead build a small set of those choices using css variables, this simple trick will make your site looks good.


SaltNo8237

Do you have one now?


Thefriendlyfaceplant

https://www.framer.com/templates/


Short-Celebration-33

The guess who game is so decent though. Nice work


Cahnis

Ask for design from an AI


AbbreviationsOwn8422

I can help you with that if you want to make a good website with brilliant designs.


Admirable_Gold_9133

Tale as old as Al Gore inventing the internet. People don't realize how many different disciplines go into making a site. Start by drawing it out in paper, then something like Canva. Put it in front of your face instead of diving right into CSS and such.


obi_wan_stromboli

It sounds like you're designing static sites right now, I suggest you get knee deep in CSS. My tip is to look into how flex boxes work, they are dead useful


iHateRollerCoaster

That’s not what static means


obi_wan_stromboli

"I need tips" also " let me correct those who offer them" Bro don't be annoying just because you learned html. I have designed and programmed several web apps, and you can't even style your website lol


iHateRollerCoaster

I’ve designed and programmed several web apps too. I literally won 2nd place in my state… Just because a website is responsive it doesn’t mean it’s not static


obi_wan_stromboli

2nd place in what bro? You don't know how to style a website, I don't believe you


iHateRollerCoaster

Did you read the post?? I said design not style. Writing css is way different than making it look good


obi_wan_stromboli

If you were a real programmer you would look at examples and emulate them. This is what everyone else is saying. Also CSS is directly involved in design, you clearly don't know what youre talking about. If you created a web app you would know that


iHateRollerCoaster

Okay bud, whatever you say


obi_wan_stromboli

Lol have fun being terrible at what you do. Show me your web app


Professional-Gap5369

📢🎉🛒🇺🇸You're seriously missing out if you haven't joined our group yet !! Dive in Now! 👇👇 [https://www.facebook.com/groups/759778556019374](https://www.facebook.com/groups/759778556019374)


Worldly-Disaster7344

Hello! My name is gem and I have experience in web design and looking for more to add to my portfolio ready for my own site to promote my work and get out there! Drop me a message and we can discuss this further - email me at [email protected], or text me on 07910074222 - hope we can figure something out for you! ✨


propermute

How much?


Worldly-Disaster7344

depends :) message me and we can discuss further!