/r/web_design

Photograph via snooOG

Web Design

/r/web_design is the place for exploration and discovery of all things web design, development and the life cycle of the web designer. We welcome beginners and veterans alike to contribute useful and informative posts, ask questions or engage in discussion.

Posting Guidelines

Review our posting guidelines before submitting new content.

/r/web_design

901,559 Subscribers

6

How to choose sensible max width with docked sidebar?

7 Comments
2024/12/03
05:46 UTC

0

How do I communicate what I need to a Web Designer on Upwork?

I'm having trouble communicating exactly what I need for a service based company I own. I currently have a website I made via Shopify but am looking to have a more professional one made, likely through WordPress. I have limited web design experience and really need someone to make a nice, clean website for my service business. They would be able to use a lot of the material on my current website but they need to clean it up and make it look pretty, not like some guy who has never made a website tried to design one.

Any tips on how to communicate this? What should I be looking for?

Generally speaking, if I need to add pages to the website in the future, is it easy enough to add one with the same format as existing pages or would it be best to hire another designer at that point (or rehire the one that built the initial site)?

Thank you!

8 Comments
2024/12/03
03:19 UTC

0

What do You Need in a Quote Request?

Hi everyone,

I’m starting a small business aimed at building a community around tabletop roleplaying games. I’ve identified a niche where there’s a real opportunity to create something unique while making a decent amount of money. The project involves a mix of standard website features (a store, blog, events calendar, etc.) and some custom functionality—like a matchmaking tool for gaming groups that works kind of like OKCupid, and a learning management system similar to Udemy. I'm expecting that I can probably get most of this looking and working right with Wordpress Plugins/WooCommerce, but I haven't the first clue about how to go about doing the deep research.

I’ve been using ChatGPT to draft a Request for Quote and after three weeks of refining, I’ve ended up with about 10 pages of outlined details and vision. It’s all fairly well-organized, but before I move forward and start submitting it for bids, I’m feeling a little unsure about whether I’m going about this the right way.

So, I have a few questions for those of you in web design/development:

  • How much of the work do I need to do ahead of time to ensure there's a solution to the challenges I'm looking at for the site? Should I give my thoughts on what I think would be suitable plugins for instance? Do I need the nitty-gritty details? Do I need to provide the full bodies of text and graphics, or can I leave that for later down the line or up to the developer? Part of the issue is that I'm struggling to come up with answers to these kinds of things. I'm not particularly creative.

  • What are the key questions you ask off the bat?

  • Is this just silly and dumb to just say "I'd like a developer who loves tabletop gaming who can really put their own creativity and pride into the project. Go make something cool with these specific goals."?

  • Is a 10-page RFQ too much? Would that scare you off, or is having that level of detail (specificity) actually helpful? What exactly do you want to see in an RFQ to give yourself an accurate cost and time estimate?

  • I suspect that some custom programming will be needed (e.g., for the matchmaking tool), since I haven’t found any WordPress plugins that can handle all the tasks I want the site to perform. Does that significantly change how you approach the project or quote it?

  • What’s the process like after I submit the RFQ and accept a bid? What kind of follow-up steps should I expect, and what should I prepare on my end?

  • How do I evaluate whether a designer is the right fit? Are there specific questions or red flags I should watch for when choosing someone to work with?

  • Do you have any general advice as it relates to submitting quotes to a web designer to have the smoothest most positive experience?

  • I have a budget of around $7500. Is this practical? Can someone explain how site elements end up getting billed out? Are there good ways to help save time/money that often go ignored?

I’d really appreciate any advice or insights you can offer. This is a big project for me, and I want to make sure I’m not missing something critical before I start reaching out to potential developers and embarrassing myself because I'm "that guy".

Thanks in advance for your help!

4 Comments
2024/12/02
22:18 UTC

3

Is it possible to have a website that has no need of Consent and Disclosures?

I am not a professional, but know how to do some development with WordPress. A minister asked me to develop a stand-alone ministry site. The site will host encouraging scriptures and advice, but will ask nothing of visitors in any way. In fact, it will offer viewers no possible way to enter data or even contact anyone. It will be stand-alone for information only. Other than a bare-bones visitor count, I will not design the site to intentionally harvest any other information from visitors.

What I want to know is, is the site is not harvesting data, and ask for no data or provides anyone for the users to even input any data, does the privacy laws still require have things like a Cookie Consent and a Privacy Disclaimer?

I obviously want to obey the law, I just think that having disclaimer popups about Cookies and Tracking will be give the wrong impression about the site's purpose. I mean, the purpose is to offer no-strings, hands-off, anonymous, encouragement and hope to people. Having a popup saying "We might be tracking you!" seems to counter the message the site is intended to send and is misleading, since that is not what I will design the site to do. I understand that there may be some tracking done by the hosting company and by google, but that is not something the site will be doing or have any control over.

Can it be done?

29 Comments
2024/12/02
21:55 UTC

1

Beginner Help with Sitemaps

Hi, beginner here. Pardon me if I am in the wrong sub however, I have the following…

Sitemap Index A.

Within Sitemap Index A, I have Sitemap A that includes 5 pages for my website.

What do I put into Google Search Console?

Sitemap Index A?

Sitemap A?

Both?

1 Comment
2024/12/02
20:50 UTC

0

Is there a way to automatically format the names listed in this xls spreadsheet with quotation marks and commas so it can be added to this html code?

2 Comments
2024/12/02
17:07 UTC

3

Question regarding spacing between contentblocks and webdevelopers knowledge of graphic design

At work I'm an AD/Graphic designer, I've been sketching on a website on Figma. We later outsource the work building/coding the blocks in Wordpress to another company. And I wonder, how difficult is it to keep the spacing between blocks consistent? The spacing is varying from 80-130px and I wonder why?

Also my bodytexts size is 16px or 22px in Figma, but for some reason they've varied it from 14-20px?

I've built my sketch on the resolution 1280px wide so on a big screen the fontsize and spacing should be the same but it isn't.

For me this seems like basic understanding of design and consistency but this web-bureau seems incompetent so far.

How difficult is it to follow a sketch in Figma? Is it a common thing that webdevelopers don't understand basics of graphic design?

7 Comments
2024/12/02
15:54 UTC

0

Roast my webpage!

EDIT: I need to fix the review cards on mobile! Will do soon

https://www.jarvepainting.com.au/

This is my house painting website, I made it myself after an ‘agency’s absolute pile of hot garbage!

I know it’s missing some probable ‘basic’ features, but it’s mostly a placeholder and somewhere to send clients to fill out contact form which is easier than me writing it down in a notepad in an unstructured way.

Also my landing page, this is for a particular service I want to target:

https://www.jarvepainting.com.au/render-refresh

Happy for the criticism to be harsh, but helpful if you can provide real advice/insights.

TIA

42 Comments
2024/12/02
08:10 UTC

3

Website redirect question

I found an interesting web address that redirects to a large companies web page.

Would the large company know of, and remove the redirected address?

Not certain if this is the best Reddit, and not that tech savvy any info would be appreciated thanks

7 Comments
2024/12/02
04:54 UTC

0

How can I restrict the horizontal space in the header?

Beginner design/developer here. Forgive me for not knowing the proper terminology. I'm using the Twenty Twenty-Five theme in WordPress and I'd like to restrict the space between these two elements in my header so they are aligned with the content in the body of the page. What is the best way of handling this for desktop without affecting mobile viewing? Thanks.

https://preview.redd.it/39icdjvrzb4e1.png?width=660&format=png&auto=webp&s=381af6582d9b25be4956f3fe4bce5ffe333d8541

3 Comments
2024/12/02
00:36 UTC

0

Advice needed: Looking for a Freelancer to Build an AI-Powered LL.M.-Matching Website – What Should I Look For?

Hey everyone,

I'm currently planning a website that helps users find the perfect matching offer on my site. The idea is to provide general information on the landing page, and then users can input their preferences via an AI chatbot (the best example i can find is Fiverr Neo). Based on their answers, the bot will suggest matching offers from a database. The rest of the site will offer detailed information about the individual offers.

I've already set up a WordPress site on google cloud and have a rough idea of how this could work technically. Now, I’m looking to hire a freelancer to bring this project to life. Before I proceed, I need some advice as i have never worked with freelancer before.

What should I look for in a freelancer?

What skills should they have? (e.g., WordPress, Dialogflow/OpenAI API, database integration, UX/UI design)

Are there specific certifications or portfolios I should check?

Should I hire someone specialized in AI, or will a skilled web developer suffice?

Budget and Timeline:

What’s a realistic budget for a project like this?

How long would it typically take to build, assuming the requirements are clear?

Communication and Collaboration:

How can I ensure the freelancer understands my vision?

Should I prepare a detailed question catalog and database structure beforehand, or can they help me with that?

Technology and Maintenance:

What should I set up technically to ensure the site is easy to maintain in the long run?

Should I plan for ongoing collaboration with the freelancer for updates and maintenance?

How to stay safe and handle rules or password?

I plan to run the project on WordPress , hosted on google cloud and integrate the AI chatbot (Dialogflow or OpenAI API), but I’m open to better alternatives if suggested.

If anyone has experience working with freelancers for projects like this or can provide tips on how to approach it, I’d be super grateful!

5 Comments
2024/12/01
12:25 UTC

1

Design Elements for Service & Service Area Pages (SEO & Conversions Focused)?

Hi there, our designer is currently working on new service pages and service area pages for our landscaping business website. We want to create a strong, reusable boilerplate template that:

1.	Maximizes conversions (leads, inquiries, etc.)
2.	Focuses on SEO (local and service-specific keywords)
3.	Maintains a visually appealing and professional design

What essential design elements or content sections would you recommend for: • Service pages (e.g., landscaping, irrigation, tree care) • Service area pages (targeting specific cities or neighborhoods)?

We’d love your input on what works well for both functionality and aesthetics. Bonus points for ideas that streamline the template while keeping it flexible for all services. Thanks in advance for your advice!

5 Comments
2024/12/01
11:21 UTC

0

Looking for good examples of websites using AI generated images

On my company’s website we usually take images from Adobe Stock but I’ve been recently toying with idea of replacing them all with AI generated. For consistency we would need to replace all photos, otherwise it would look odd. At least in my head.

So, I’m looking for good examples of sites that only use AI generated images.

2 Comments
2024/12/01
09:14 UTC

0

Cheap Webspace (data storage)

hey guys, im looking for cheap webspace, only for data storage from old backup files.

What is the cheapest and best hoster?

need around 250-500gb :_)

br

9 Comments
2024/11/30
21:18 UTC

2

working for yourselves, do you use wordpress or start from the bottom?

When starting a side hustle building website's, do people use wordpress or do you ever build it from scratch?

I'm looking to get started while in university. i find wordpress is easy in comparison, i built a low level website for a landscaping company once using react *it was a hot mess under the hood* i need to familiarize myself more with linking databases and implementing security before i could offer it professionally on the from scratch side. so i am curious what people are using as enterpenuer's building websites, i'm not looking to get rich or anything, but i would like to alleviate some of my bills while i study in school. I have a lot of free time at the moment as recently unemployed and if i could get even 1000 a month within the next year i would be satisfied until i graduate.

24 Comments
2024/11/30
19:41 UTC

0

I built a minimalistic logo generator

17 Comments
2024/11/30
10:09 UTC

0

How can I design the website blog like this?

I want to create a blogging section on a website that looks like this: https://www.apollo.io/magazine

How can I design this?

24 Comments
2024/11/30
07:37 UTC

5

Has anybody here designed a cool, interactive site they’re proud of?

I haven’t. But I’d love to see what people here have created to inspire me to build something on my own.

10 Comments
2024/11/29
23:29 UTC

0

Seriously aren’t old school designs like this great???

Today I incidentally stumbled upon the NYC Parks website and God it reminds me of the early 2010s which I consider as the best era of web design.

This was the type of design I grew up with.

Designs during this time were simple, as opposed to the sophisticated designs in the 2000s.

They were colourful because they use photos rather than vector graphics and they were brave to use colour.

The typography was great, they used different text sizes and styles that made different sections distinctive, and unlike today the texts weren’t oversized so I can get much information simultaneously and I don’t need to scroll that much.

If this is old school, I would rather make my designs old school when I’m not working with someone else.

9 Comments
2024/11/29
13:01 UTC

6

Beginner Questions

If you're new to web design and would like to ask experienced and professional web designers a question, please post below. Before asking, please follow the etiquette below and review our FAQ to ensure that this question has not already been answered. Finally, consider joining our Discord community. Gain coveted roles by helping out others!

Etiquette

  • Remember, that questions that have context and are clear and specific generally are answered while broad, sweeping questions are generally ignored.
  • Be polite and consider upvoting helpful responses.
  • If you can answer questions, take a few minutes to help others out as you ask others to help you.

Also, join our partnered Discord!

2 Comments
2024/11/29
11:00 UTC

3

Feedback Thread

Our weekly thread is the place to solicit feedback for your creations. Requests for critiques or feedback outside of this thread are against our community guidelines. Additionally, please be sure that you're posting in good-faith. Attempting to circumvent self-promotion or commercial solicitation guidelines will result in a ban.

Feedback Requestors

Please use the following format:

URL:

Purpose:

Technologies Used:

Feedback Requested: (e.g. general, usability, code review, or specific element)

Comments:

Post your site along with your stack and technologies used and receive feedback from the community. Please refrain from just posting a link and instead give us a bit of a background about your creation.

Feel free to request general feedback or specify feedback in a certain area like user experience, usability, design, or code review.

Feedback Providers

  • Please post constructive feedback. Simply saying, "That's good" or "That's bad" is useless feedback. Explain why.
  • Consider providing concrete feedback about the problem rather than the solution. Saying, "get rid of red buttons" doesn't explain the problem. Saying "your site's success message being red makes me think it's an error" provides the problem. From there, suggest solutions.
  • Be specific. Vague feedback rarely helps.
  • Again, focus on why.
  • Always be respectful

Template Markup

**URL**:
**Purpose**:
**Technologies Used**:
**Feedback Requested**:
**Comments**:

Also, join our partnered Discord!

1 Comment
2024/11/29
11:00 UTC

3

How did you develop your eye for web design? (looking for ressources)

Hello everyone,

While I'm comfortable translating designs (e.g. from Figma) into code, I'm struggling with the creative side of web design. Whenever I attempt to create designs from scratch, they end up looking flat, minimalistic (and not in the good way), or old school.

I'd love to improve my design skills - nothing fancy, just aiming to create clean, professional-looking sites for now. What resources helped you level up your design game? I'm interested in everything:

  • Online courses
  • Web design focused YouTube channels
  • Websites/blogs
  • Design systems or case studies you find inspiring

I figure other developers making the transition into design might find this valuable too. Would really appreciate any guidance from those who've made this journey!

EDIT1: Thanks for the responses so far!
Key suggestions are:

  • Regularly browsing design inspiration sites like Awwwards and Behance
  • Using subtle shadows to add depth to UI elements like buttons and cards
  • Incorporating 3D icons and graphics
  • Applying visual design principles like the golden ratio for typography
  • Using color palette generators for cohesive color schemes
  • Experimenting with effects like glassmorphism (with CSS generators)
  • Getting feedback from family/friends on spacing, sizing, shadows, and animations
4 Comments
2024/11/29
10:55 UTC

54

How cooked am I? Should I quit my job?

Happy Thanksgiving day everyone. I’m currently working as a UX/UI Designer for a company for couple of months, and I’m the sole designer on the team along with two developers. Recently, I got assigned to a new project where I need to design an interior design website.

My manager asked me to take inspiration from a very polished website called Lusion.co. It heavily relies on animations and motion graphics, and the client specifically wants those elements on their website. The problem? I’ve got zero experience with animations or motion design. I told my manager this, but they insisted I should "give it a try

Now I’m stuck trying to figure out how to pull off something that’s way out of my skillset while also juggling the usual design workload. I feel like I’m drowning here.

  • How do I handle this situation?
  • Should I stick it out and try to learn the skills on the go, or is this a sign that I need to quit and find a more reasonable gig?
102 Comments
2024/11/29
05:15 UTC

2

how to convert word to html without character encoding (HTML entity encoding)

For instance, I want to convert a blog to HTML format to save time (editing in Dreamweaver), but the blog is written in the German language, the online tools (word to HTML converter) will convert the word sorgfältig to sorgf&auml

Is there any word to HTML converter that offers you to option to toggle of character encoding?

Thanks

4 Comments
2024/11/29
02:57 UTC

0

Why would somebody need a website when they can sell directly in social platforms?

I'm kinda having hard time figuring it out exactly why somebody would need a website nowadays? Usually the website provides -

  • Brand image
  • Product and business information
  • Buying option

Nowadays, you can create videos about all of the information and can sell your stuff in social platforms. In my country, a huge number of businesses are operating through facebook ads and selling their products in DM's.

They don't need a website for marketing, ads and videos does that it tiktok/fb/youtube. They don't need a site to sell, customers could talk to them via chat and order directly.

So your marketing effort does everything about building your brand image and awareness. You don't need a site to present your business informations. And you can sell through chat.

So it's making website unnecessary.

One risk factor we developers are selling is, social platforms could anytime ban you. But I don't think it would be financially logical for them to invest on a site.

What are other logical reasons we could bring here that would be financially logical?

25 Comments
2024/11/28
13:24 UTC

5

How to handle wide browser windows?

Say you have a dashboard page, with a sidebar and your main content. If your main content has a max width, and your sidebar is fixed width on a large screen, where does your extra space go on a wide browser window?

For example:

Does your sidebar stay fixed to the left side? And then does the main content stay next to it with some margin? Does it center between the sidebar and the right window edge?

Or, do you keep the sidebar and main content in the middle and have even space on the sides?

7 Comments
2024/11/28
06:14 UTC

1

Best Practices - Child Pages/In This Section

Hello all,

I was wondering what the current thinking in the web design community around displaying child pages/sub pages for easier navigation - for example an "In This Section" box that lists the pages within the subdirectory

I've seen them hidden behind a dropdown menu click. I've seen them listed like breadcrumbs under the page title, I've seen them in the sidebar... is there a best practices thinking around that right now or particularly good examples anyone's implemented or seen?

1 Comment
2024/11/28
03:02 UTC

Back To Top