1. Brief

Task: make a new site

Team: 2

Difficulty: 3/5

Link: www.klarkompetanse.no

Another small project, which was a pleasure to work with. After making a new site I was also asked to do SEO for the site: on-page, keyword research, and technical part. The customer returned later for another landing page to add to the site. The app itself helps foreigners to learn professional words in Norwegian. Pretty cool if you ask me.

2. Challenge

The project had to be made rather fast since there was no prior site and the client wanted to launch it asap. I had to put aside other big projects and focus most of my attention on this project.

3. Process

I started by making the skeleton of the site: footer and header, dummy menu, and the main page. I would probably use “sharper” images for the footer if I was provided with better logos in .png or .svg, but I work with what I have. And Google search didn’t help to find something good either.

It’s one of these projects that don’t cause many problems and I enjoy working on its code. I had to import the premium font AcuminPro since it was the one used in the company’s branding. The iPhone styling I borrowed from another developer (thank you @adielhercules). The rest of the CSS was pretty straightforward. One memorable part is the hexagon list, which wasn’t used in the end, but I kept its code:

[css]/* Hexagone list */
.hexa-list ul {
list-style: none;
margin-left: 1.8rem;
}
.hexa-list ul li::before {
content: "\f312";
color: #71bfa5;
font-family: "fontawesome";
font-weight: 900;
font-size: 17px;
display: inline-block;
margin-left: -1.8rem;
margin-right: 0.7rem;
-webkit-transform: rotate(90deg) scale(1.5,1);
-moz-transform: rotate(90deg) scale(1.1,1);
-ms-transform: rotate(90deg) scale(1.1,1);
-o-transform: rotate(90deg) scale(1.1,1);
transform: rotate(90deg) scale(1.1,1);
}[/css]

4. Results

Nice and simple site as it can been seen on https://klarkompetanse.no/