EL Smart is a electrical installation business. I designed and executed their website using WordPress. Everything seen on the page was done by me, except the icons on contact information page. This was my first real webpage done with WordPress.

EL Smart homepage

The logo

After watching one 10 minute YouTube video on logo design, I started brainstorming logo ideas in Canva. The client liked the first one but wanted minor changes in the text.

Brainstorming logo ideas

Tried different text placements and fonts. The first font Montserrat seemed the best considering readability.

Different text placements
Different fonts
Final logo

At this point I took pictures for the website and edited them using Gimp and Canva.

Pictures on the website

Colors and fonts

Content, CSS and SEO

I received all the text content from the client and made adjustments to it by making it more compelling and correcting the flow of the texts. Later on there will be more content added to the page. I also made sure everything works and is readable on mobile.

The WordPress theme did not have all the properties to edit the layout of the page, so I did need to use additional CSS. The most work was done on the contact form and with the color shifts while hovering on different objects.

Lastly, I optimised the site for search engines using a WordPress plugin called AIOSEO and other tips I found:

  • made the website as fast as possible using a caching plugin
  • disable the directory indexing and browsing to increase safety
  • removed all the unnecessary plugins and content to avoid vulnerabilities
  • added descriptions to the images
  • verified the site with Google Search Console

Tools used:

  • Canva
  • Medibang Paint Pro
  • Inkscape
  • Gimp
  • WordPress