#web dev

20 posts loaded — scroll for more

Text
ophanimkei
ophanimkei
Text
rachelcharlottenia
rachelcharlottenia

Guys I’m making a website give me a Easter egg to add

Text
lundxn
lundxn

Designing and Building a Scalable Marketing Experience

Translating a service-based business into a clear, high-performing digital product
———————————————————————————

Role: Product-Focused Engineer (UX + Front-End)
Timeline: 2 weeks
Tools: Figma, React/Next.js, TypeScript, Tailwind

Overview:

My client needed a marketing website that clearly communicated their services and positioned the company as a modern, credible technology partner. I led the end-to-end design and development, translating business goals into a structured, user-centered digital experience.

🟢 PROBLEM

The existing experience lacked clarity in messaging, structure, and visual hierarchy. Users could not quickly understand what the company offered, who it served, or how to take action. The challenge was to transform a service-based business into a clear, structured digital experience that supports user understanding and engagement.

🟢 GOALS

  • Clearly communicate services and value proposition
  • Improve information hierarchy and navigation
  • Create a cohesive visual system aligned with the brand
  • Guide users toward key actions (contact, inquiry)
  • Build a scalable foundation for future growth

🟢 MY ROLE

I owned both design and implementation:

  • Defined user flows and site structure
  • Designed wireframes and high-fidelity UI in Figma
  • Established visual hierarchy and layout system
  • Built the production website using modern front-end technologies
  • Iterated based on feedback and evolving requirements

🟢 PROCESS

Defining Structure & User Flow

Before designing visuals, I focused on structuring the experience.

  • Identified key user questions:
  • What does this company do?
  • Who is it for?
  • Why should I trust it?
  • Organized content into clear sections:
  • Services
  • About
  • Contact / CTA
  • Designed a user flow that quickly answers these questions within the first scroll

Designing for Clarity & Hierarchy

  • Created clear visual hierarchy using typography, spacing, and layout
  • Prioritized scannability to reduce cognitive load
  • Designed consistent section patterns to guide users through the page
  • Balanced branding with usability to ensure information is easily digestible

Building the Product

  • Translated designs into a responsive, production-ready website
  • Built reusable components for scalability and consistency
  • Ensured performance, accessibility, and responsiveness across devices

Iteration & Refinement

  • Refined layout and content based on stakeholder feedback
  • Adjusted spacing, hierarchy, and flow to improve clarity
  • Continuously balanced business needs with user experience

🟢 KEY PRODUCT DECISIONS

1. Prioritizing clarity over density
I reduced content overload and focused on communicating core services quickly, ensuring users could understand the offering within seconds.

2. Structuring for first-impression impact
The top section was designed to immediately answer what the company does and why it matters, reducing bounce risk.

3. Designing for scalability
I built reusable layout patterns and components so the site can expand without losing consistency.

🟢 OUTCOME

  • Delivered a cohesive, modern marketing experience aligned with brand goals and modern design practices
  • Improved clarity of services and user understanding
  • Established a scalable design and dev document with a front-end foundation for future growth
  • Enabled the business to present itself more professionally and effectively online

🟢 REFLECTION

This project reinforced the importance of structuring information before focusing on visuals. By approaching the website as a product rather than a static page, I was able to create an experience that balances business goals, user needs, and scalability.

Text
not-a-choice
not-a-choice

I often worry that my web design is inelegant or inefficient. But then I use literally any government website and am reminded how low that bar is

Text
tgirl-gaming-thoughts
tgirl-gaming-thoughts

Made a quick start guide for using and publishing RSS feeds. If reading or writing RSS is something that interests you, or even if you’ve never heard of it before, my guide here walks you through the steps of setting up a feed reader, how to find feeds, and provides a free template I made for RSS feeds and explains how to use it. My code is completely free and may be copied, in whole or in part, and used with or without credit.

I’m aware that this page doesn’t display right on mobile, I’m not really sure what’s causing the page to stretch out beyond the standard format. I thought it might be the horizontal rule that breaks up text, but it doesn’t cause problems on any other page I use it on. My site is and always will be desktop-oriented, but still I’m sorry that this page doesn’t look right for some reason. Still completely readable, just a little annoying.

Text
tgirl-gaming-thoughts
tgirl-gaming-thoughts

Currently writing a quick start guide to RSS feeds, because when I started using this stuff I feel like there weren’t enough plaintext, layman guides to setting things up. Writing about how to start using RSS readers, etc. and how to code your own, featuring code snippets from my own RSS feed and a link to my free template I made.

Text
sweetheart-transfem
sweetheart-transfem

If you’re a web developer, please, for the love of Sappho, learn the differences between a link and a button. Please, I’m begging you! Learn the most basic fucking differences between links and buttons!!!

Text
tgirl-gaming-thoughts
tgirl-gaming-thoughts

I like to make sure that the changelog on my site accurately represents the major change history, so people can see at a glance when certain things have come and gone, but I do tend to go a little overboard with the idea of thoroughness sometimes. Like I have to fight the urge to make a changelog that just explains a specific code thing I cleaned up behind the scenes because it’s completely unnoticeable from a user perspective, and is ultimately not that big a deal.

Text
felinewasteland
felinewasteland

I haven’t seen anybody on Tumblr post about this yet, so here’s a heads up to Neocities, Bing, and Bing-based search engine users (including Duck Duck Go):

Microsoft has, seemingly without reason, deindexed all sites that use the neocities subdomain. This means that any website with neocities.org in the URL is not currently showing up on Bing or DDG searches, including not only the main website but also every website hosted on the domain.

I’ve verified that this is the case for both of my Neocities websites — which are the top results on google for their respective names, and used to be on the first page of DDG — and every other one I’ve checked with neocities in the domain. This does not appear to be affecting websites with other domain names and are hosted on Neocities. It is additionally not affecting discoverability on other search engines; it is only being blocked by Microsoft.

Not sure what’s to be done about this besides hope that it gets resolved. For me personally, I’ve been recommending DDG as a Google alternative for years, so this is frustrating to say the least (even if its not directly DDG’s fault; they like many other search engines just rely on Bing’s indexing). I know many people use my UTAU website to find resources for the software, and for the time being it’s no longer easily discoverable to anyone trying to distance themselves from Google. Guess it’s time to finally get around to getting a custom domain, but that’s not an option for everybody.

Source: https://blog.neocities.org/blog/2026/01/27/bing-block (last accessed 01/29/2026)

Text
pixelverseart
pixelverseart

For the past few days, I’ve been locked in on working on my new art gallery as part of my Website’s Media Center

Text
howwebdesign
howwebdesign

HISA Calculator - Find the Best High Interest Savings Account in Canada

Compare high interest savings accounts in Canada. Find the best HISA rates and calculate your potential earnings with our free calculator.


Text
rasburry
rasburry

most fun website in years. i love knowing that the seahorse (fav!) is also my fav part track. s/o puffer fish too :3

Text
howwebdesign
howwebdesign

Link Code Generator - Free Smart Link Tools for Marketers

https://linkcodegenerator.com - Free suite of link building tools for marketers. UTM builder, device redirects, geo-targeting, call links, SMS links, and more.

Okay so I stumbled across this site called Link Code Generator and honestly? It’s one of those rare free tools that does exactly what it says without making you jump through hoops.

If you’ve ever tried to create UTM links for tracking your campaigns, set up device-specific redirects, or build those annoying mailto links with pre-filled subjects and body text, you know how tedious it gets. Most solutions either cost money, require you to sign up for yet another account, or store your data on their servers (which, no thanks).

Link Code Generator is basically a Swiss Army knife for anyone doing marketing, affiliate stuff, or just trying to make their links work smarter. Everything runs in your browser—no accounts, no data storage, no monthly fees.

Here’s what you can actually do with it:

The UTM Builder is solid for anyone running Google Analytics. You plug in your campaign details and it spits out a properly formatted tracking URL. Simple but saves time when you’re building out multiple campaigns.

The Smart Link tool is where it gets interesting. It combines device detection, geo-targeting, and tracking into one link. So you can send iPhone users to the App Store, Android users to Google Play, and desktop users to your landing page—all from the same URL.

There’s a Link Rotator for A/B testing different offers with weighted traffic distribution. If you’re doing affiliate marketing or testing landing pages, this is genuinely useful.

The communication link generators cover basically everything: click-to-call, SMS with pre-filled messages, WhatsApp links, and email links with subject, body, CC, and BCC fields. If you’ve ever tried to manually code a mailto link with line breaks in the body text, you know that’s a headache this solves.

They’ve got a QR code generator, social share link builder, and even a bio page creator (like Linktree but you download the HTML and host it yourself—no ongoing dependency).

The ones I personally find most useful:

The Link Cloaker transforms ugly affiliate URLs into clean branded links. The Dynamic Discount Link tool auto-applies coupon codes for Shopify, WooCommerce, and Amazon. And the Link Expiration Generator lets you set up links that redirect to a fallback page when an offer ends—super useful for time-sensitive promotions.

There’s also a Cross-Domain Tracker for linking GA4 sessions across different domains, which solves a real analytics headache if you’re running multiple properties.

What I like about it:

No login required. No “enter your email to continue.” No freemium upsell. You just use the tools and copy what you need. The interface is clean, dark mode by default, and everything generates instantly.

Who should use this:

Anyone running paid traffic, affiliate marketers, content creators with link-in-bio needs, small business owners doing their own marketing, or honestly anyone who’s tired of Googling “how to create mailto link with body text” every single time.

It’s at linkcodegenerator.com if you want to check it out. Genuinely useful, genuinely free.

Text
nancytravitza
nancytravitza

a new layout for a friend ❤︎

[28/12/2025] so i kinda got my dear friend @sodalite-tears into organising her own website, and treated her to a Columbina layout. had way too much having it, sob. and yes, it’s mobile friendly. it can act wonky if you zoom in too much, but it acts properly on phones and it supports reading mode :D all assets were properly credited on the website <3

Text
dianasroom
dianasroom

dianasroom.org is live!

have a look around!! sign the guestbook!!! rummage through the cabinet!! it was fun dusting the cobwebs off my useless 4 thousand dollar web dev education for the first time in a little bit

its gonna serve as a link hub but ill also update it with silly little pages periodically should it strike my fancy

Text
cinnamuff
cinnamuff

It’s a lot of work to make thumbnails for each and every piece of art I’ve done for my art archive, but seeing it all together on the page makes it worth it in the end. x,D

Text
9o9-it
9o9-it

built a real web app in 3 months

now interviewing at startups

909 IT Academy made it happen

📍 sydney | enrol now

Text
virtualpilotlight
virtualpilotlight

Didn’t work. This switching over the WordPress is not working for me. I need a CMS but I don’t think this is the right one. I can’t freaking imbed audio or video and it’s like I can do that in HTML / CSS for free. Like oh wow I have this 🆒 vaporwave skin. I’ve seen better themes on AGP Tumblr blogs than this!

blog.virtualpilotlight.com is supposed to redirect to this.

Text
kevinmarville
kevinmarville

Development Daily

Une clé statique, ça attire l’attention. Si quelqu’un parvient à la compromettre, ça peut tout casser. Est-ce qu’il y a des protections (rotation, accès restreint, coffre secure) ?

Text
mentodento
mentodento

Im in a pretty good position to make a website cause my mums a web developer and my dad does IT stuff and can host the website but also html has always been annoying for me. One time i copied the code i was given in class exactly and it didnt work despite it working for other people