Hiuspuoti Alkemisti wanted a simple website with a dark theme, but otherwise, I got freehands with this project.

My tool of creation is Oxygen Builder and the chosen CMS is WordPress. I've already grown used to building sites with this combo and because my main focus isn't really building sites, but rather creating content for them I doubt I'll be changing my tool in the recent future.

Alkemisti website screecapture
Frontpage has a very simple and direct wireframe. Hero, about, instafeed for specific hashtags, Google reviews, and a little picture of the shop itself.

Because hair salons may have a lot of different services in multiple categories I wanted to build a service menu that will be easy and fast to use. For this I made a categories menu working with haslinks to each category. Together with back to top button, it's really fast to go up and down to check each category.

This is a very simple and easy way to make a really long menu mobile-friendly.

wordpress,wordpress kotisivut,wordpress plugins,wordpress tutorial,wordpress blog,wordpress developer,wordpress developer skills,wordpress developer resume,wordpress developer for hire,wordpress developer freelance,wordpress plugin developer freelance,wordpress theme for developer freelance,wordpress designer developer freelance,wordpress woocommerce freelance developer,web designer,web designers near me,web designer finland,web designer helsinki,oxygen builder,oxygen builder design sets,oxygen builder review,oxygen builder themes,oxygen builder designer

The site also includes two ways to contact Alkemisti. The first and the most traditional one is the contact form for which I used Fluent Forms. It's one of the lightest form plugins available and it's fully editable in Oxygen Builder with OxyExtras add-on that I use anyway for other great features.

The second way to contact is the live chat that can be found from the bottom right corner. For this, I used Tawk.to which is a free chat that can be embedded into any site easily.

Obviously, there's also email, but the phone number was left out for a reason. because Alkemisti has only one hairstylist, it would be hard to serve customers while the phone is ringing. It's much better to have ways to contact that don't disrupt the customer experience.

wordpress,wordpress kotisivut,wordpress plugins,wordpress tutorial,wordpress blog,wordpress developer,wordpress developer skills,wordpress developer resume,wordpress developer for hire,wordpress developer freelance,wordpress plugin developer freelance,wordpress theme for developer freelance,wordpress designer developer freelance,wordpress woocommerce freelance developer,web designer,web designers near me,web designer finland,web designer helsinki,oxygen builder,oxygen builder design sets,oxygen builder review,oxygen builder themes,oxygen builder designer

All professionals have a specialty that they can write about and share their knowledge. It's also a great tool for SEO ranking and a completely free long-term tool to attract new customers.

WordPress is a blog platform originally and when you can write great content, it would be a waste not to add a blog to the site.

wordpress,wordpress kotisivut,wordpress plugins,wordpress tutorial,wordpress blog,wordpress developer,wordpress developer skills,wordpress developer resume,wordpress developer for hire,wordpress developer freelance,wordpress plugin developer freelance,wordpress theme for developer freelance,wordpress designer developer freelance,wordpress woocommerce freelance developer,web designer,web designers near me,web designer finland,web designer helsinki,oxygen builder,oxygen builder design sets,oxygen builder review,oxygen builder themes,oxygen builder designer

Another page that was obvious was "about" page. I tried to make it look glassy and in-brand by not adding too much stuff there.

wordpress,wordpress kotisivut,wordpress plugins,wordpress tutorial,wordpress blog,wordpress developer,wordpress developer skills,wordpress developer resume,wordpress developer for hire,wordpress developer freelance,wordpress plugin developer freelance,wordpress theme for developer freelance,wordpress designer developer freelance,wordpress woocommerce freelance developer,web designer,web designers near me,web designer finland,web designer helsinki,oxygen builder,oxygen builder design sets,oxygen builder review,oxygen builder themes,oxygen builder designer

And lastly, there's the booking page. This is from Timma Pro and all the CSS customization was done on the Timma site and then embedded into an iframe to alkemisti.salon.

wordpress,wordpress kotisivut,wordpress plugins,wordpress tutorial,wordpress blog,wordpress developer,wordpress developer skills,wordpress developer resume,wordpress developer for hire,wordpress developer freelance,wordpress plugin developer freelance,wordpress theme for developer freelance,wordpress designer developer freelance,wordpress woocommerce freelance developer,web designer,web designers near me,web designer finland,web designer helsinki,oxygen builder,oxygen builder design sets,oxygen builder review,oxygen builder themes,oxygen builder designer

This was a fun project overall as I did also the branding, ads, and tons of photography for her. Go check it out and reserve a time for an amazing new hair look!

After I had done the re-branding for Mitoro, I had to also create a new website for them. Their old site was built with WordPress and because it was using a very basic theme and for some reason was using multiple page builders and a whole lot of plugins. The old site can be still checked out with the archive.org way back machine HERE.

Vanha-Saitti-653x1024
The old website

The old site didn't just have a confusing construction, but it was also missing branding and there was barely anything actually related to the hairdressing.

Faster and better UX

For the new site, I decided to use Oxygen Builder which is still a fairly new site builder, but it's really lightweight and doesn't have any extra bloat on it.
Minus thing is of course that because Oxygen Builder disables WordPress themes, I'd had to build everything from the ground up. So everything you see on the new site is built by me with one exception on Tehden24 booking that is in an iframe. Personally, I'd like to build a better booking system because Tehden couldn't provide any better booking integration, but Mitoro was also attached to it, so it would have been really expensive to switch everything to some completely different system.

Because it would be really user-unfriendly to put Mitoro owner updating everything with the Oxygen Builder itself, I also added the Advanced Custom Fields plugin allowing them to update the services, prices etc. easily without requiring to contact me every time. Otherwise, there wasn't really anything out of normally used for the site.

Mitoro-ACF-1024x602

Design-wise my plan was to keep things simple and user-friendly. The front page layout came from the client, but otherwise, everything was up to me.
The Black and white theme was the client's request for all the photos on the site, but as the brand uses that bright green I thought I'd rather use saturation 0% filter on images and removing it on hover. Just a little detail that allows adding colored images and still keeping them in the theme.

mitoro-website-641x1024

On the old site services and prices were on separate pages which were really confusing, so I decided to put them both under the services page. I created this fresh-looking menu for service categories that are linked with hashlinks to each service category and then I also added a "back to top" button so it's easy and fast to go there and back again smoothly.
This was also built considering mobile users first.

mitoro-palvelut-crop-557x1024

About Us aka "Mitorolaiset" page and blog was fairly simple without anything out of normal on them. The blog wasn't used much when I built the new site so it didn't have a high priority.

The booking page was also fairly simple as I only had to add some text and an iframe. I would love to make it better, but unfortunately editing anything inside the iframe would be impossible. Maybe at some point, I get to sell and ideas for a new booking system for them. As I'm writing this, I've already heard it has some problems with some mobiles, but unfortunately, it's a bit out of my hands currently.

Overall this was a fun project and it was my first client site built with Oxygen Builder. When writing this I have way more tools to work with and an already built a couple more and even more incoming. Building websites may not be my main niche, but it's slowly growing to be a big part of my work schedule.

Back to Top