Redesigning a website: Naked Adventure

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:

  • replaced my abandoned framework Micrus v4 • Beauty of simplicity with Symfony 5,
  • based the project on Avris Booster: Quick start of new projects, to take advantage of built-in features: user management (including a passwordless approach to authentication – Passwords are passé), push notifications, etc.
  • replaced custom Assetic setup with Webpack Encore,
  • updated Bootstrap from 3.0 to 4.4,
  • added more contrast to the design, filled the excess of white spaces with content, making filters and maps more prominent,
  • replaced Google Maps with Apple Maps, because of privacy concerns (see: Ungoogling, Log out for privacy) – the website is now officially Google-free,
  • removed a couple of unnecessary and unused features:
    • the homepage (now the user is shown the map right away – after all, the map is the whole point of the project),
    • the ”geographic” links (there's no separate map of e.g. German nude beaches anymore, it got integrated into the main map),
    • separate events section (now they show up together with places on the same map),
    • forum (it wasn't used at all),
    • admin panel (now the buttons for admins are just integrated across the website),
  • improved filters (for instance added filtering by name and location),
  • the process of submission of new steps isn't split into steps anymore: place info, review and description are finally just one single form,
  • included some more optimisations.

Before:

After:

A photo of me

About the author

Hi! I'm Andrea (they/them). I tell computers what to do, both for a living and for fun, I'm also into blogging, writing and photography. I'm trying to make the world just a little bit better: more inclusive, more rational and more just.

Related posts:

Finally. I got to work and rewrote the code of my sweet blog. Brand new design, new framework, Micrus, better support for language versions, a couple of new features in the admin panel, ditching custom comments for the awesomeness of Disqus, ditching TinyMCE for the beauty and simplicity of Markdown. It was a lot of work, but it was definitely worth it!

Hope you like it! :)

Wreszcie. Wziąłem się do roboty i przepisałem od zera kod mojego blogaska. Zupełnie nowy design, nowy framework, Micrus, lepsze wsparcie dla wersji językowych, parę nowych ficzerów w panelu administracyjnym, rzucenie własnego systemu komentarzy na rzecz zajebistości Disqusa, rzucenie TinyMCE dla piękna i prostoty Markdownu. Zajęło to sporo pracy, ale zdecydowanie było warto!

Mam nadzieję, że się spodoba! :)

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).

Continue reading…
(~3 min read)
Screenshot of the new version of the blog

It wasn’t really supposed for the New Year, but I’ve had plenty of free time on my hands during the holiday break, so here it is already: a brand new version of my blog 🥳

Continue reading…
(~3 min read)

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.

Continue reading… avi.avris.it gitlab.com/Avris/Avi

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.

Continue reading…
(~5 min read)