PORTFOLIO

Webagency

01.Process

Webagency is a project to revamp the website of a web agency. The site consists of a single page or one page in which the visitor navigates by scroll or using the menu on different sections illustrating the services offered by the agency.

The site was created as part of a school project.

Photoshop

At first I put everything flat. I received a jpeg image without scale or proportion.
Using Photoshop, I linked everything in a coherent way to have an overview and an idea of the proportions to trust.
Everything was not aligned properly, so I realigned it.
In real life I will have consulted the design team for validation, here I have relied on current standards.

HTML

Then I went to markup, each element having a name in the world of HTML.
I had carte blanche for writing, I chose keywords to optimize SEO.

CSS

Then I applied the style based on the files received.
Finally, I made it all responsive.

02.Mobile First

I used a mobile type menu, fixed and at the bottom of the page, to facilitate navigation on our pocket companions.
screenshot mobile
screenshot mobile
screenshot mobile

03.Desktop

On desktop, the elements are placed side by side. The goal is to occupy the available width as best as possible.

screenshot

04.Infos

Client Details

Client: OpenClassrooms (shool project)

Category: Integration

Date: July 2019

Have a Project for Me?

GET IN TOUCH!
Contact me today!

Contact Me

Twitter

Instagram

Linkedin

Related projects