Converting a web page screen in Miro to the resulting version for Front-End + design. Details in the document.

Closed job
no avatar
Pawel8484
Employer
7 deals
Published:
Valid until:

Job description

- design in Figma or PSD

- transferring the concept to tablet and mobile versions --> breakpoints used 350-750 (mobile), 751-1000 (tablet), 1001 and more (desktop)

- illustration for frontend developer how buttons/links will change when hovering over them

- choosing fonts (suggestions?)

- proper fit of the elements to the resolution (keeping the right proportions, equal distances to the elements)

- each element that cannot be usually mapped in HTML/CSS should be either available for download (SVG preferred or WebP version) - if it is SVG then one file is enough (because of the vector character), WebP should be optimized in size - different sizes depending on the version - Desktop, Tablet, Mobile + 2x version for device pixel ratio > 2 (so for one WebP asset there should be 6 files - desktop standard resolution, desktop 2x resolution, tablet.... etc)

- the project source in Figma should be available as well as the source of the resulting WebP images (so that you can modify them and generate higher resolution images if needed)

Type and number of projects:

2 views - Cookie page - Home page