Опис послуги
ПерекладЯ перетворюю ваші макети з Figma або Sketch у pixel-perfect верстку, готову до продакшену, й ставлюсь до макету як до договору: відступи, типографіка, кольори, стани й брейкпоінти відтворюються рівно так, як задумав дизайнер. Працюю на семантичному HTML та сучасному CSS, а коли проект того потребує, збираю той же інтерфейс компонентами React або Vue з зрозумілою й передбачуваною структурою. Ви отримуєте розмітку, яку зможе читати й розвивати вся команда, а не клубок вкладених div-ів і магічних чисел, який через півроку страшно трогати.
Кожен макет, який я віддаю, повністю адаптивний і перевірений у реальних браузерах, тому результат виглядає й поводиться однаково на десктопі, планшеті й телефоні. Доступність для мене частина роботи, а не навіск: правильний порядок заголовків, фокус з клавіатури, підписи полів, ARIA там, де вона потрібна, і контраст, що проходить перевірки. Якщо у вас уже є дизайн-система, я переношу ваші токени, одиниці відступів і варіанти компонентів у переиспользуемі блоки, щоб нові екрани залишалися консистентними. Все неоднозначне підсвічую заздалегідь, ще до першого рядка коду, й здаю невеликими перевіреними частинами з читаною розміченою розміткою й коментарями.
— Figma або Sketch у HTML/CSS, React або Vue
— Адаптивні макети, перевірені в різних браузерах
— Доступна семантична верстка під дизайн-систему
Кожен макет, який я віддаю, повністю адаптивний і перевірений у реальних браузерах, тому результат виглядає й поводиться однаково на десктопі, планшеті й телефоні. Доступність для мене частина роботи, а не навіск: правильний порядок заголовків, фокус з клавіатури, підписи полів, ARIA там, де вона потрібна, і контраст, що проходить перевірки. Якщо у вас уже є дизайн-система, я переношу ваші токени, одиниці відступів і варіанти компонентів у переиспользуемі блоки, щоб нові екрани залишалися консистентними. Все неоднозначне підсвічую заздалегідь, ще до першого рядка коду, й здаю невеликими перевіреними частинами з читаною розміченою розміткою й коментарями.
— Figma або Sketch у HTML/CSS, React або Vue
— Адаптивні макети, перевірені в різних браузерах
— Доступна семантична верстка під дизайн-систему