Personal Portofolio

Website
SECTION-1

The colors for todays website are: #FFD600, pure black,

and pure white. I chose these colors solely based on how
efficient they are at expressing what I want. Black on
yellow or even white is never a bad decision. This time I
tried to use "h1, h2, h3, h4" elements strictly for the
webiste performance and visibility. It was a mess and so
I went back at using divs and spans. :)) But I will not
stop trying to use h elements because they are a great
way to increase the findability of the website on the
N

internet, and are a great way to improve the SEO. I will

dive deeper into the matter and the next website will
O

make a good use of them.

TS
O
M
A

SECTION-2
R
K

As you can see, the difference between the space that

has been given to the sections is more restricted, as I
ET

tried to compress more information into a smaller space.

I did so so the user wouldn't have to scroll so much to
IN

get to the info that is interesting them. And even more

about sectioning the sections, I used Figma in order to
G

create the design of the website, and it turned out to be a

way easier process of production when the way it was
suppored to look like was a click away and I didn't have
to develop the design as the website was developed.
SECTION-3

For the section that was about showing-off the work that
this person has done, I chose to go wiht a column looking
like way of displaying work as it was the best way to
arrange everything that there is to be shown. Of course
that when the widht of the screen allows it, this column
will transform into a grid like way of showing all the
boxes. I've put a big yellow button that would allow the
user to navigate to the dedicated page to see in greater
detail what that specific project is about.
N
O
TS
O
M
A

SECTION-4
R
K

Fourth section of this website is about testimonials, I

applied the same technique as in the third section. It is
ET

based on the same idea and it is morphing into a grid

layout when the screen allows it. The difference between
IN

this website and the first one is the responsiveness. This

website can be used on all types of devices that have a
G

display that has a minimum of 320px in width.