Π’Ρ…ΠΎΠ΄ Π‘Π»ΠΎΠ³
Π‘Ρ‚Ρ€ΠΎΠΈΡ‚Π΅Π»ΡŒΡΡ‚Π²ΠΎ ΠΈ Ρ€Π΅ΠΌΠΎΠ½Ρ‚
Π Π΅ΠΏΠ΅Ρ‚ΠΈΡ‚ΠΎΡ€Ρ‹
ΠšΡ€Π°ΡΠΎΡ‚Π°
ЀрилансСры
Π Π°Π·Π½Ρ‹Π΅ спСциалисты
Π£Ρ…ΠΎΠ΄ Π·Π° ΠΆΠΈΠ²ΠΎΡ‚Π½Ρ‹ΠΌΠΈ
Π’Ρ€Π΅Π½Π΅Ρ€Ρ‹
Автоинструкторы

Вёрстка сайтов β€” удалённая Ρ€Π°Π±ΠΎΡ‚Π° Π² МосквС

Π”Π°Ρ‚Π°: 2025-10-09
Π”Π΅Ρ‚Π°Π»ΠΈ
Π Π΅Π³ΠΈΠΎΠ½
Москва
Π—Π°Π½ΡΡ‚ΠΎΡΡ‚ΡŒ
дистанционно
Π‘Ρ‚ΠΎΠΈΠΌΠΎΡΡ‚ΡŒ
договорная
Π”Π°Ρ‚Π° ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ
2025-10-09
ОписаниС
Π‘Π²Π΅Ρ€ΡΡ‚Π°Ρ‚ΡŒ: ΠšΠΎΡ€ΠΏΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ сайт. ΠŸΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ°: ΠΏΠΎ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ спСциалиста. Π’ΠΈΠΏ вёрстки: адаптивная. Π•ΡΡ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚. Π—Π°Π΄Π°Ρ‡Π°: вёрстка β€œΠ›ΠΈΡ‡Π½Ρ‹ΠΉ кабинСт” ΠΏΠΎ Figma (React + Tailwind + PWA-ΠΌΠΈΠ½ΠΈΠΌΡƒΠΌ) Π‘Ρ‚Π΅ΠΊ/ΠΏΡ€Π°Π²ΠΈΠ»Π° React + TypeScript, Tailwind CSS, lucide-react. Волько UI (Π±Π΅Π· API/бизнСс‑Π»ΠΎΠ³ΠΈΠΊΠΈ). БСмантичСский HTML, a11y (aria, контраст AA). Π˜ΠΌΠΏΠΎΡ€Ρ‚Ρ‹ Ρ‡Π΅Ρ€Π΅Π· alias '@' (ΠΊΠΎΡ€Π΅Π½ΡŒ src). ЧистыС Tailwind‑классы. Π§Ρ‚ΠΎ ΡΠ²Π΅Ρ€ΡΡ‚Π°Ρ‚ΡŒ (строго ΠΏΠΎ Figma, pixel‑perfect ≤2px) ΠšΠ°Ρ€ΠΊΠ°Ρ: Sidebar ≈295px слСва + Header свСрху + ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ справа; Π°Π΄Π°ΠΏΡ‚ΠΈΠ² β€” Π±ΡƒΡ€Π³Π΅Ρ€/ΠΎΠ²Π΅Ρ€Π»Π΅ΠΉ. ΠšΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹: Header, Sidebar(+UserProfile, NavigationMenu), Chat(+ChatMessage), RightPanel, MainContent, DashboardPage. ВсС состояния: hover/active/focus/disabled, Π±Π΅ΠΉΠ΄ΠΆΠΈ ΡƒΠ²Π΅Π΄ΠΎΠΌΠ»Π΅Π½ΠΈΠΉ, ΠΏΠ»Π°Π²Π½Ρ‹Π΅ transitions. Π‘Ρ€Π΅Π½Π΄/ассСты Π¦Π²Π΅Ρ‚: #036336; ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹: Inria Sans / Inter. Π€ΠΎΠ½ hexagon (SVG). АссСты ΠΈΠ· Figma‑экспорта (public/images/...). PWA‑ΠΌΠΈΠ½ΠΈΠΌΡƒΠΌ (Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ сразу) manifest.json: name, short_name, start_url='/', scope='/', display='standalone', theme_color=#036336, background_color, icons 192/512/1024 (maskable). Иконки: favicon, apple‑touch‑icon, maskable PNG. Meta: theme‑color, viewport, apple‑mobile‑web‑app‑capable, status‑bar‑style. SW: рСгистрация + Π±Π°Π·ΠΎΠ²Ρ‹ΠΉ кэш (vite-plugin-pwa/Workbox); offline‑fallback; beforeinstallprompt (A2HS) β€” Π·Π°Π³ΠΎΡ‚ΠΎΠ²ΠΊΠ°. ВрСбования ΠΊ ΠΊΠΎΠ΄Ρƒ/ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π°ΠΌ Π€Π°ΠΉΠ»Ρ‹ ΠΈ иСрархия ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ², ΠΏΡ€ΠΈΠ΅ΠΌ пропсов (active/disabled/variant/size), onClick/onToggle β€” Π±Π΅Π· внСшнСй Π»ΠΎΠ³ΠΈΠΊΠΈ. Π‘Π΅Π· ΠΈΠ½Π»Π°ΠΉΠ½ΠΎΠ²Ρ‹Ρ… стилСй (ΠΊΡ€ΠΎΠΌΠ΅ нСобходимости), Π±Π΅Π· сторонних UI‑ΠΊΠΈΡ‚ΠΎΠ². ΠŸΡ€ΠΈΡ‘ΠΌΠΊΠ° Pixel‑perfect ≤2px, ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½Ρ‹ΠΉ Π°Π΄Π°ΠΏΡ‚ΠΈΠ² (desktop/tablet/mobile), Π±Π΅Π· ошибок консоли/404. Lighthouse PWA ≥ 90 (Chrome mobile), кросс‑Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ (Chrome/Firefox/Safari/Edge). Π§Ρ‚ΠΎ ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‚ΡŒ ΠΏΠΎ ΠΈΡ‚ΠΎΠ³Π°ΠΌ Π˜ΡΡ…ΠΎΠ΄Π½ΠΈΠΊΠΈ React‑ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² ΠΈ страницы DashboardPage. manifest.json, ΠΈΠΊΠΎΠ½ΠΊΠΈ, meta‑Ρ‚Π΅Π³ΠΈ, Π±Π°Π·ΠΎΠ²Ρ‹ΠΉ SW + рСгистрация. ΠšΡ€Π°Ρ‚ΠΊΠ°Ρ инструкция запуска (npm run dev). Π’ ΠΎΡ‚ΠΊΠ»ΠΈΠΊΠ΅ Π‘Ρ€ΠΎΠΊ/ΡΡ‚ΠΎΠΈΠΌΠΎΡΡ‚ΡŒ, ΠΊΡ€Π°Ρ‚ΠΊΠΈΠΉ ΠΏΠ»Π°Π½ (этапы 2–3 дня). ΠŸΠΎΠ΄Ρ‚Π²Π΅Ρ€ΠΆΠ΄Π΅Π½ΠΈΠ΅ готовности ΡΠΎΠ±Π»ΡŽΡΡ‚ΠΈ Figma 1:1, a11y ΠΈ PWA‑ΠΌΠΈΠ½ΠΈΠΌΡƒΠΌ.
ΠŸΠΎΡ…ΠΎΠΆΠΈΠ΅ Π·Π°ΠΊΠ°Π·Ρ‹

Вёрстка сайтов

дистанционно
договорная
Π‘Π²Π΅Ρ€ΡΡ‚Π°Ρ‚ΡŒ: ΠšΠΎΡ€ΠΏΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ сайт. ΠŸΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ°: ΠΏΠΎ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ спСциалиста. Π’ΠΈΠΏ вёрстки: адаптивная. Π•ΡΡ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚.
Москва ЀрилансСры

Π’Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΠΈ

дистанционно
договорная
Π‘Π²Π΅Ρ€ΡΡ‚Π°Ρ‚ΡŒ: ΠšΠ½ΠΈΠ³Ρƒ. ПоТСлания ΠΈ особСнности: ΠžΡ„ΠΎΡ€ΠΌΠΈΡ‚ΡŒ красиво страницы ΠΏΠΎ ΠΌΠΎΠ΅ΠΌΡƒ тСксту.
Π‘Π°Ρ€Π½Π°ΡƒΠ» ЀрилансСры

Вёрстка сайтов

дистанционно
договорная
Π‘Π²Π΅Ρ€ΡΡ‚Π°Ρ‚ΡŒ: Π»Π΅Π½Π΄ΠΈΠ½Π³. ΠŸΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ°: Tilda. Π’ΠΈΠΏ вёрстки: ΠΏΠΎ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ спСциалиста. ΠœΠ°ΠΊΠ΅Ρ‚Π° Π½Π΅Ρ‚. НСобходимо ΡΠΎΠ±ΠΈΡ€Π°Ρ‚ΡŒ Π»Π΅Π½Π΄ΠΈΠ½Π³ΠΈ Π½Π° ВильдС. Π’Π½ΠΎΡΠΈΡ‚ΡŒ измСнСния Π² ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ Π»Π΅Π½Π΄Ρ‹. Π’Π΅Ρ€ΡΡ‚Π°Ρ‚ΡŒ сайты, Π³ΠΎΡ‚ΠΎΠ²ΠΈΡ‚ΡŒ сайт ΠΊ запуску. Π Π°Π±ΠΎΡ‚Π° ΠΏΠΎ Π’Π— ΠΈ Π±Ρ€Π΅Π½Π΄Π±ΡƒΠΊΡƒ, Π½ΠΎ Π½ΡƒΠΆΠ½Π° Π½Π°ΡΠΌΠΎΡ‚Ρ€Π΅Π½Π½ΠΎΡΡ‚ΡŒ ΠΈ вкус Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°. НиТС ΠΏΡ€ΠΈΠΊΡ€Π΅ΠΏΠ»ΡΡŽ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ Π½ΡƒΠΆΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΎΠ±ΠΈΡ€Π°Ρ‚ΡŒ: https://Ρ„Π°Π²ΠΎΡ€ΠΈΡ‚.Π»Π°ΠΉΠΌ.Ρ€Ρ„/ https://bering-enco.tilda.ws (структура сайта) https://ludi-templin.ru/.
Москва ЀрилансСры

Вёрстка сайтов

дистанционно
договорная
Π‘Π²Π΅Ρ€ΡΡ‚Π°Ρ‚ΡŒ: ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½. ΠŸΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ°: OpenCart. Π’ΠΈΠΏ вёрстки: ΠΏΠΎ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ спСциалиста. Π•ΡΡ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚. Π‘Π΄Π΅Π»Π°Ρ‚ΡŒ вСрстку ΠΌΠ°ΠΊΠ΅Ρ‚Π° ΠΈΠ· Figma , Π΄Π°Π»Π΅Π΅ Π½Π°Ρ‚ΡΠ½ΡƒΡ‚ΡŒ Π΅Π΅ Π½Π° сайт , сайт Π½Π° Opencart 3.0.
Π’ΠΎΡ€ΠΎΠ½Π΅ΠΆ ЀрилансСры

Мобильная вСрсия сайта

дистанционно
договорная
Π‘Π²Π΅Ρ€ΡΡ‚Π°Ρ‚ΡŒ: ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½. ΠŸΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ°: ΠΏΠΎ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ спСциалиста. Π•ΡΡ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚. Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½ΡƒΡŽ Π²Π΅Ρ€ΡΠΈΡŽ сайта Ρ‡Ρ‚ΠΎ Π±Ρ‹ ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π»Π°ΡΡŒ Π½Π° экранах Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½ΠΎΠ².
Москва ЀрилансСры

Вёрстка сайтов

дистанционно
договорная
Π‘Π²Π΅Ρ€ΡΡ‚Π°Ρ‚ΡŒ: ΠšΠΎΡ€ΠΏΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ сайт. ΠŸΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ°: HTML. Π’ΠΈΠΏ вёрстки: адаптивная. Π•ΡΡ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚.
Москва ЀрилансСры

Вёрстка сайтов

дистанционно
договорная
Π‘Π²Π΅Ρ€ΡΡ‚Π°Ρ‚ΡŒ: ΠšΠΎΡ€ΠΏΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ сайт. ΠŸΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ°: Tilda. Π’ΠΈΠΏ вёрстки: адаптивная. Π•ΡΡ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚. ΠŸΡ€ΠΈΠ²Π΅Ρ‚! Π― Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΈ ΠΏΡ€ΠΎΠ΄ΠΆΠ΅ΠΊΡ‚-ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€ с ΠΎΠΏΡ‹Ρ‚ΠΎΠΌ Π±ΠΎΠ»Π΅Π΅ 4 Π»Π΅Ρ‚. Π˜Ρ‰Ρƒ Π² ΠΊΠΎΠΌΠ°Π½Π΄Ρƒ отвСтствСнного Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΠ° Π½Π° постоянной основС. Π‘Π°ΠΌ занимаюсь Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ ΠΈ стратСгиСй, Π° Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ качСствСнно Β«ΠΎΠΆΠΈΠ²Π»ΡΡ‚ΡŒΒ» ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ Π½Π° Tilda. Π§Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ: - ВСрстка ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² Π½Π° Tilda (Zero Block / Standard). - Адаптивная вСрстка ΠΏΠΎΠ΄ всС устройства (ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅, ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Ρ‹, дСсктоп). - Базовая анимация (ΠΏΠΎ нСобходимости). Кого я ΠΈΡ‰Ρƒ: - Π§Π΅Π»ΠΎΠ²Π΅ΠΊΠ°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ…ΠΎΡ‡Π΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π΄ΠΎΠ»Π³ΠΎ ΠΈ систСмно, стрСмится ΠΌΠ½ΠΎΠ³ΠΎ Π·Π°Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ (ΠΎΡ‚ 4 ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² Π² мСсяц). - Π’Π½ΠΈΠΌΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ ΠΊ дСталям. - Π‘ ΠΎΠΏΡ‹Ρ‚ΠΎΠΌ Ρ€Π°Π±ΠΎΡ‚Ρ‹ с Tilda (присылайтС ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ). Условия: - ΠžΠΏΠ»Π°Ρ‚Π°: % ΠΎΡ‚ стоимости Π·Π°ΠΊΠ°Π·Π°. Π“ΠΎΡ‚ΠΎΠ² ΠΏΠ»Π°Ρ‚ΠΈΡ‚ΡŒ 30–40% (Π² срСднСм это ΠΎΡ‚ 10 000 ? Π·Π° ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ Π² зависимости ΠΎΡ‚ слоТности). - Π‘Ρ€Π°Π·Ρƒ Π΅ΡΡ‚ΡŒ Ρ„Ρ€ΠΎΠ½Ρ‚ Ρ€Π°Π±ΠΎΡ‚ β€” Π΅ΡΡ‚ΡŒ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΆΠ΄ΡƒΡ‚ вСрстки. - ΠŸΡ€ΠΈ Ρ…ΠΎΡ€ΠΎΡˆΠ΅ΠΌ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ β€” ΡƒΠ²Π΅Π»ΠΈΡ‡Π΅Π½ΠΈΠ΅ объСма ΠΈ, соотвСтствСнно, вашСго Π·Π°Ρ€Π°Π±ΠΎΡ‚ΠΊΠ°. - Π― всСгда Π½Π° связи 24/7, ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ ΠΊ Π΄ΠΈΠ°Π»ΠΎΠ³Ρƒ ΠΈ совмСстным Ρ€Π΅ΡˆΠ΅Π½ΠΈΡΠΌ (всСгда Ρ€Π°Π΄ ΡƒΡΠ»Ρ‹ΡˆΠ°Ρ‚ΡŒ ваши ΠΈΠ΄Π΅ΠΈ ΠΏΠΎ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡŽ Π΄ΠΈΠ·Π°ΠΉΠ½Π°). Обо ΠΌΠ½Π΅: Π― Π½Π΅ ΠΌΠΈΠΊΡ€ΠΎΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€, Π° ΠΏΠ°Ρ€Ρ‚Π½Π΅Ρ€. ЦСню людСй, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ горят своим Π΄Π΅Π»ΠΎΠΌ. Если Π²Ρ‹ отвСтствСнный ΠΈΡΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒ β€” ΠΌΡ‹ Ρ‚ΠΎΡ‡Π½ΠΎ сработаСмся! ΠžΡ‚ΠΊΠ»ΠΈΠΊΠ°ΠΉΡ‚Π΅ΡΡŒ, присылайтС ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ ΠΈ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ Ρ€Π°Π±ΠΎΡ‚.
Москва ЀрилансСры