/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

910,719 Subscribers

3

I got laid off, launched my startup a tool that auto-replies to emails using a company’s support email and data

Hey guys, my name is Samih - I wanted to share with you a small success story in case it motivates anyone.

A few months ago I was laid off from my developer job as the position got offshored to India, been with my company for a few years and my manager basically threw me under the bus when layoffs were happening.

It turns out this was a blessing in disguise as I realized how toxic that place was and I was able to launch my startup InboxPilot it’s an email chatbot that connects to support email accounts (info@ support@ privacy@..) and replies to all incoming emails using the company’s data (website, faq..)

Last week, I gottttttt a customer!! Even though it’s only 10$ it felt 10x better than the thousands of dollars I was making as a developer!

I just wanted to share this small win! If you have any questions about the product or anything else, feel free to ask! I’ll be happy to answer :) thanks!

1 Comment
2025/02/05
03:10 UTC

1

How to set up a secure and GDPR-compliant membership system with SSNs in WordPress?

Summary

Looking for advice on setting up a secure, GDPR-compliant membership registration for a WordPress site that involves Swedish social security numbers.
Also need recommendations for a premium membership plugin that makes it easy to import and manage 7,000 members.

Background

I’m building a new WordPress site (see plugins below) for a client with ~7,000 members (shareholders in the company).
Currently, members log in using their SSN (social security number) as their username and a password of their choice. The client wants to switch to using email as the username instead.

Problem

The membership register is outdated, meaning many members may not be reachable via email, phone, or mail. The only accurate and up-to-date information available is their social security numbers.

Proposed Solution

We considered transferring the membership registry to the new site, requiring members to enter their SSN first to match it against the database. If successful, they would proceed to a screen where they enter new login credentials (email + password).

This approach allows the client to reach as many members as possible while still letting those who cannot be contacted log in with their existing credentials before being prompted to update their login details.

Questions

  • Is this a good approach?
  • How can I set this up securely and efficiently?

Plugins in Use

  • WordPress
  • Elementor Pro
  • WooCommerce
  • YITH Bookings & Appointments
  • ACF
12 Comments
2025/02/04
18:30 UTC

24

How was this made: Lightning frame

I came across the stunning website of huly.io. It is simply gorgeous. Even better on desktop than mobile.

I wonder: How was the lightning/electricity frame on the pricing page (https://huly.io/pricing) made? I'm looking for the tools and if you've got a tutorial, even better.

5 Comments
2025/02/04
00:38 UTC

4

Redesigning a text-based Mafia game to be more reactive/intuitive, can you tell what's going on here?

6 Comments
2025/02/03
22:09 UTC

0

Scoreboard for a Game Design A Or B

6 Comments
2025/02/03
20:01 UTC

4

What is your process for creating visually interesting hero section backgrounds, when you don't have product photos to lean on?

I'm curious how folks go about deciding and creating visually interesting hero backgrounds for SAAS products which don't have product photos you can feature (because it's just a tool or plugin).

I see folks use abstract shapes and lines, mesh gradients, textures, etc. I feel a bit overwhelmed and lost by what to do for some of my hero sections. I want my hero sections to look cool and interesting, but I also want them to serve a design purpose and support the messaging or goal of the page.

How do you decide when to use gradients/textures/shapes? How do you determine what gradients/textures/shapes to use? What does your process look like from start to finish? Are there any particular tools or resources you use?

I'm really focused on designing with intention, and want to understand the creative process people go through to arrive at their designs. I am looking for a lot more than "I just pick something that looks cool"

2 Comments
2025/02/03
19:55 UTC

20

Best (Affordable) Hosting?

Alright, people, I need some real talk.

I’m finally getting my blog off the ground—just a little project (for now) that I’m hoping will eventually cover the bills… or at least keep me caffeinated. But now I gotta figure out hosting, and I don’t wanna end up with some overpriced, glitchy nightmare.

I need something solid—good speed, won’t crash on me, decent support, and most importantly, won’t jack up the price after the first year.

So, what’s the move? What are you using? Any hidden gems?

32 Comments
2025/02/03
19:50 UTC

5

The AI threat?

Hello,

I have been building/designing websites since 2005 and wanted to get other web designer's thoughts on the current AI climate. Recently, I noticed that website building and hosting services are now incorporating AI into their services. In essence, the user gives AI a prompt describing what their website is and AI will create the website for them, including custom imagery and content, all within a matter of a minute.

Although I have never cared for any SaaS website building platform, this AI tool not only undermines the work it takes to be a true web designer (I will build more on this in a minute), but also takes away from a huge demographic of clients.

Client Demographics: Most of my ideal market pool is individuals and local small businesses, which mainly require simply sites without advanced complexity (once in a while needs advanced functionality and features) .Because of this, AI sites might seem more feasible to the user because of the instant turnaround rate at a cheaper cost ,"Want to create a website by tonight? Use AI over a web designer!". AI and these platforms automated services can do everything for them instantly, including domain/DNS, emails, SEO, etc... How can one compete? All you can really sell over these services is the 'Human Touch' and offer quality consultation and customization in the work that you offer. While I know there will always be a demand for more complex websites, those tend to be far and few in-between (especially for the freelance web designer who does this part time). In short, AI is going to take away a lot of potential clients in the market.

Undermines 'True Web Design' - You already have 'AI artists' claiming to be true "Artists", and people who use AI to write articles as "Freelance Writers", devaluing the actual skill that took a long time to develop and work towards. However how do you stop people from abusing and "gaming" this AI system?

Anyone now can create their own "Web Design business" using AI to create websites and then charge clients for "their work", once again undermining actual web designers. (Although they will be in for a head scratch once a technical error occurs and they cannot figure out how to troubleshoot the issue). Still, it is frustrating and leads to scammers and factory-farm-esque "web design businesses", which can cause a lot of problems in the web development space.

Just venting and wanted to see how everyone else feels about AI. I even refuse to use AI for content creation on my site, I would rather write it all myself.

Thanks for reading!

TLDR: AI is becoming a real threat to web design and could possibly make the client market scarce and allow scammers to abuse and game the web development realm as a whole. Thanks for reading!

Edit: Fixed Typos

35 Comments
2025/02/03
18:08 UTC

1

What are some good ways to emphasis an addition to a toolbar?

I'm looking for a subtle, yet noticeable professional way to indicate that an option has been added to a toolbar.

I've been trying to come up with some sort of css animation to have the link in the toolbar pop out and settle in it's place just to let the user know it's there and draw attention to it, but it looks kinda cheap.

Trying to keep it professional. Any ideas?

7 Comments
2025/02/03
15:54 UTC

0

Prevent Multiple Instances of a Web Page & Focus on Existing Tab Instead

I am building a custom intranet web page that opens automatically as new tab.
However, I want to ensure that:

  1. A maximum of one instance of this page is open at a time.

  2. If the page is already open in another tab, the browser should switch to that tab instead of opening a new one / or close the old one.

  3. If the page is not open, it should open in a new tab normally.

Due to security policy this seems very hard to archieve in modern browsers. How can I get this to work?

30 Comments
2025/02/03
11:21 UTC

3

Landing page question

Okay, the title is pretty much correct. I have a question.

Let's go!

  1. Is it possible to have a landing page connected to a website that only people with invites can access? Not the whole website, just the landing page.

For example, if I have a website and I'm designing a new site for a client, they might want to see it live. Could I show it to them on a real website (My own site) for a limited time (a few days, a week, or longer) while ensuring that only the client and I can access that specific part of my website—essentially a "hidden" or "locked" subpage?

9 Comments
2025/02/03
07:26 UTC

0

Opinion?

Don't hold back! Be brutally honest

18 Comments
2025/02/03
00:43 UTC

0

Where to get copyright free photos and pictures for my website

Developing my first website! Ideally, I'm looking for free photos, pictures, AI generated images that are copyright free and also a no cost way to search for them. My site is not for profit. Currently, I'm using photos I have taken myself but want to add more content. I should mention I'm not looking for random pictures but specific to certain topics, such as Farming, for instance

23 Comments
2025/02/02
21:14 UTC

26

Interesting how people have a bad site but won't spend a penny to make it better

Just a rant, but I've had some interesting client meetings lately, where they are really used to cheap slave labor, their site is bad, and fixing their site wouldn't be overly expensive but they just don't see the value in it. What's disappointing is that it's almost they have no understanding that a good site would be life changing. I had a client last month say the checkout process didn't work on his subscription style site, where they charge $500 a month for a subscription, instead they have a fill a form and receive an invoice thing, and I told them I'd fix it for $2K and they acted like that was an ungodly amount of money. They told me they would hire overseas for as cheap as possible, and then complain when their site slowed down or had xyz issues, and I thought "for them to tell me that and then act like I'm expensive but my shit works" is freaking whack. They don't want to pay for anything good, they'd rather pay a slave and not have good results which is a massive road block in their journey to success.

12 Comments
2025/02/02
20:35 UTC

3

The ugh point in the design process...

I guess just yelling into the void here. I'm a hobbiest when it comes to website design and development, but a professional designer and tech wizard in my own niche domains... anyways, I've been learning so much building out my personal wp site, lots of data in the back end, and I find myself at a junction; "the ugh" --

In this ugh, I see how much cleaner and modular the site could be. I want to tweak some aesthics, but because I didn't build out from the start with the knowledge I have now this is not automatable and will be arduous if I do.

I feel like... I should almost just start from scratch. Not totally from scratch, as I have many many hours worth of database work with hundreds of posts content etc and custom script saved, and the text and assets are not from scratch... the the over build. Yea. I'm on the edge of doing this - any words of wisdom or solidarity?

In urban planning and design (my field) I've learned to scrap lesser designs earlier in the process with experience; the next iteration is without doubt ALWAYS superior. Sitting here wondering if I'm really ready to take this plunge here. Also,now that I'm more familiar with the API and wp dev tools I feel like I wasted a lot on plugins. So it goes...

4 Comments
2025/02/02
20:14 UTC

5

Graph-Based Social Network Concept

Hello,

I'd like to share a website I made.

https://aphantasia.io

It's supposed to present an alternative to the traditional tree-structured content view and infinite feed design combo. While maybe not as intuitive, it can be fun to explore user-created content and interact with others in this way.

The web application UI is written in React and the graph rendering is done via PixiJS.

What do you think?

6 Comments
2025/02/02
17:06 UTC

169

I designed my new website to look like Material Design 3

41 Comments
2025/02/02
13:28 UTC

2

How to make a pop open smooth revealing transition?

I came across a react web component (link below), i guess it was made with motion.dev but im unable to recreate it or particularly the revealing spring transition animation. I tried layoutId (motion property) but it was not quite right.
Any idea how to go ahead with it ? Any suggestions would be greatly appreciated

link - https://khagwal.com/interactions/static/video/view_on_map.mp4

1 Comment
2025/02/02
07:47 UTC

2

[Showoff Saturday] Wanted to share a surf lessons business website we made with html and css and 11ty static site generator.

Site

https://learntosurfhb.com

There wasn’t alot of good inspiration to use for this one. Not a ton of great surf sites to look at and figure out what we wanted to do. But I think we found a nice look and feel for this one.

7 Comments
2025/02/01
20:44 UTC

1,179

Roast My Design – Don’t Hold Back, Tear It to Pieces. I Can Take It

158 Comments
2025/02/01
08:38 UTC

3

How should I set up 2 dev environments to develop Wordpress themes at home and at work?

I have a Mac at home that I develop Wordpress themes on with Local. I now have a Mac at my office and would like to be able to hop on that machine and develop too. I currently keep my designs in my ~/Documents/code/ directory so they sync with iCloud. However, I can't quite figure out if Local is the way to go.

The problem I'm experiencing is that Local at home has a Wordpress install in my theme's parent directory and that works great when I'm just using one machine. If I instally Local at the office, I'm not sure how to bring in an existing project and keep everything in sync.

Any advice would be greatly appreciated!

7 Comments
2025/01/31
20:12 UTC

8

Image shenanigans at UN site -- how did they do this?

Hi! I've stumbled on https://news.un.org/en/story/2023/07/1138362 and found the hero image very intriguing... It seems to be an animated jpg, even when seen at it's own URL... Thought it appears in a spritesheet way (stacked frames) when the window is downsized enough... Any idea on what's happening with this image?

11 Comments
2025/01/31
18:45 UTC

0

I Found a Website whose design I Like–How can I design a Similar website?

I came across https://xtxmarkets.com and https://wonderlandams.com and loved their design. I want to build something with similar design for my basic project but for the context I'm new to programming. Apologies if this is a basic question! But I really appreciate any guidance on your part.

16 Comments
2025/01/31
15:18 UTC

1

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!

3 Comments
2025/01/31
11:01 UTC

1

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!

11 Comments
2025/01/31
11:01 UTC

Back To Top