Yet another one of my projects, Naked Adventure, grew too outdated to support it. I had to rewrite it from scratch.
I took the opportunity to redesign it as well. (screenshots before & after at the bottom)
Here's an overview of what I did:
Yet another one of my projects, Avi • Simple placeholder avatars, grew too outdated to support it. I had to rewrite it from scratch.
I took the opportunity to redesign it as well.
It's quite a simple project, so it only took me a couple of hours. Here's what I did:
There is a website I’ve created many years ago, Stosłowia (Polish only), which collects stories of up to a hundred words. It never got any users, but I didn’t really care to promote it in any way either.
Last week I’ve decided to rewrite it from scratch, because so many things were wrong about it – from an ancient backend in plain PHP with hardcoded credentials and no separation of concerns, to login with Facebook (and only Facebook) that stopped working... Now it’s a fresh Symfony 4.1 with Encore with some new features (like automatic screenshot generation, seen for instance on Twitter).
But what I’d like to show you, is how a couple of pretty small design changes have made the whole website way nicer visually (IMHO).
Let’s start with the logo. The old one was the laziest option possible: just an icon of a pencil from Font Awesome v4.
The new one is a modification of free vector icons created by Denis Sazhin from the Noun Project (CC-BY), that looks way more individual. Its elements form a “100”, which relates to the name and the purpose of the website.
Maybe I shouldn’t judge the design, if it’s me who created the website, but since it’s mostly a Bootswatch theme anyway, I’ll dare to say: it’s not bad. I like it. It’s clean and minimalist.
What I don’t like is my own choices: like the jumbotron with random background images, which made the text not-so-readable, even with the addition of a text shadow, or the lack of a footer, which makes the website look somehow... incomplete...
So what I did to polish it up:
Check out the end effect below. What do you think? 😉
It’s honestly diffucult being a webdeveloper in the world of shitty websites. I guess that’s how hairdressers feel when they see my pathetic hair after it’s been a while since my last visit...
But the thing is, even though it’s technically easy to use scissors and clippers, I don’t do that on my own hair, I leave that to the professionals.
It’s great that HTML is so easy to learn and that many schools teach it to children. But its simplicity is also a curse, leaving some people convinced that “they can now do programming” (HTML is a markup language, not a programming language) and that the whole thing is easy.
And, admittedly, writing code that does stuff and solves problems isn’t that hard either, especially if you have Google and StackOverflow on your side. The hard part is to write this code is such a way, that another person can understand it, maintain it and modify it, so that groups of programmers can colaborate on it together, so that it can easily be kept up to date... I’ve learned how to write code when I was twelve. But learning, how to write good, maintainable code, took me years of professional work, and I still have a lot to learn.
It’s also difficult for the professionals to keep up to date with technology, it changes so rapidly. For example, a teacher of webdevelopment at a university (!) was teaching my class how to use HTML4 and how to deal with the ISO-8859-1 encoding, even though both HTML5 and UTF-8 have been standards for years!
The same goes, I guess, for the author of wnbr.nl:
It’s not a bad website. It gives you the information you need, it doesn’t hurt your eyes, it even uses HTML5 and UTF-8 (so much better than my uni...). On the other hand there’s plenty one could do to make it better:
And while it’s completely fine if a personal website or a side project looks like that, I feel really sad when I see a website of a doctor, a business, or a big event, that is so far away in the past... Plenty of people are working on constant improvements of the standards, on new technologies, new approaches, new APIs – and yet, as a user, I’m still left with not being able to make a doctor’s appointment online, as if it was so damn hard to implement... Spending your whole life on digitalising the world bit by bit, but not being able to fully enojoy that digitalisation as a user really sucks...
Anyways... As a person, who wants to make the world (also the cyber-world) a better place, who really enjoyed the WNBR this year and who happened to have some free time on my hands, I contacted the organisers and offered them my help in bringing their website to the 21st century.
I assumed they wouldn’t want it, actually. Somebody created the current website ( nsesoftware.nl), somebody is proud of it, and obviously nobody likes criticism... So I tried to be nice, not to criticise, but to offer some ideas and help.
I got no answer though, and I really needed to start right away, as long as I had free time and the motivation to work on it. I ended up with something like this:
I got nothing but positive feedback from all the friends whom I’ve shown the end result. Still, I got no response from the WNBR people on wheather or not they actually want it. But since it’s almost done already, I’ve sent them a demo, saying that if they do, it’s free for them to use.
After a while I kind of got an answer – not a “no, thanks”, or even “fuck off”... instead, I just got blocked on Twitter. So childish... Well, that’s how you lose like a 1000€ worth of free service, too bad for them.
Anyways... a couple of days ago I stumbled upon the website polyamorynetwork.com. I totally fell in love with their logo 😍 And even though I’m not a polyamorist myself (yet?), I decided to check it out anyway.
I couldn’t, though. Setting aside that the SSL certificate was expired since a month, which makes browsers give the user a scary red security warning... The registration form still uses reCAPTCHA v1, which got shutdown in March 2018 (and deprecated way earlier). That means nobody was able to join their network for the last half a year, and apparently nobody noticed!
Is the website abandoned? Why can’t it just say so? Or maybe there’s a big, active community there, but it’s closed for new members, because the admin doesn’t give a damn anymore? I guess I’ll never know.
On one hand it’s great that anyone can build their own website – that’s what makes the web thrive, that’s what makes it open and equal!
On the other hand though – it requires way more skill and knowledge to do it right. If you want to look professional, keep that in mind.
So what’s my point? I guess I don’t have any, just wanted to complain a bit.
Except maybe for one thing:
If you have (or want to start) a project, event or a non-profit organisation that I could stand behind (LGBTQ rights, human rights, naturism, non-monogamy, education...) that I could support from the IT side, feel free to contact me 😉
]]>