Figma към уебсайт или приложение
Вашите Figma дизайни, изградени като чист, адаптивен код: HTML и CSS, React, Next.js или тема за CMS.
Ключови характеристики
- Изградени страници или компоненти
- Код в хранилище, което притежавате
- Резултати от тестове за адаптивност и браузъри
- Readme с бележки за настройка и внедряване
- Тук нищо не се таксуваПърво получавате писмена оферта. Без плащане, без ангажимент.
- Продава се и се предоставя от GRADAXЕдин договор и един екип, който и да върши работата.
- Данните Ви остават в ЕСНищо не се изнася извън съюза за обработка.
За тази услуга
Имате готови дизайни и трябва да бъдат изградени точно. Превръщаме Figma файлове в адаптивен front-end код, който съвпада с дизайна при всяка точка на пречупване, използвайки избрания от Вас стек: чист HTML и CSS, React, Next.js или тема за WordPress или Shopify. Компонентите са изградени за многократна употреба, а пропуските в дизайна се отбелязват, преди да гадаем.
Където дизайните мълчат
Файловете във Figma показват как изглежда една страница при няколко фиксирани ширини, обикновено десктоп и мобилна. Те рядко показват какво се случва между тях, какво прави бутонът при задържане, как изглежда карта с много дълго заглавие, какво се появява при грешка във формуляр или докато се зарежда съдържание. Именно в тези празнини изпълнението се разминава с дизайна.
Преглеждаме файла преди изграждане и изброяваме всяка празнина, която открием. Някои решаваме с разумни настройки по подразбиране, които следват логиката на дизайна. За други питаме, защото грешното предположение и преработката струват повече от кратък въпрос. Резултатът е изпълнение, което съвпада с дизайна там, където той е ясен, и уважава замисъла му там, където не е.
Първо компоненти, после страници
Добрите дизайн файлове са изградени от компоненти: бутони, карти, навигация, полета на формуляри. Добрият код също трябва да е така. Изграждането страница по страница, с копиране и нагласяне на елементи в движение, води до сайт, в който всеки бутон е малко по-различен и промяна в дизайна означава редактиране на десетки места.
Първо изграждаме споделените компоненти, съответстващи на компонентите във Figma, после сглобяваме страниците от тях. Промяна в стила на бутона обновява всеки бутон. Нови страници могат да се изградят от съществуващите части. Кодът е семантичен и достъпен, изображенията са оптимизирани и шрифтовете се зареждат ефективно, защото пикселно перфектна страница, която се зарежда шест секунди на телефон, не е добро изпълнение.
Спецификации
- Категория
- Автоматизация и данни
- Цена
- 290 € до 1050 €
- Размери
- Малък (Целева страница), Среден (Многостранично изграждане), Голям (Изграждане с CMS)
- Срок за изпълнение
- 3 дни до 5 седмици
- Таксува се
- Еднократно
- Какво получавате
- 4 артикула, всичко включено в цената
- Какво ни е нужно от Вас
- Figma файл с достъп за преглед и Dev Mode, Предпочитаният от Вас стек и къде ще бъде хостван, Дизайни за мобилни устройства или разрешение да ги адаптираме разумно
- Най-често купувано от
- SaaS, Агенции и студиа, Стартъпи, Е-търговия
- Продава се и се предоставя от
- GRADAX, един договор и един екип
- Къде се обработват данните ви
- Европейски съюз
Какво получавате
Всичко по-долу е включено в цената. Нищо тук не е допълнителна опция.
- Изградени страници или компоненти
- Код в хранилище, което притежавате
- Резултати от тестове за адаптивност и браузъри
- Readme с бележки за настройка и внедряване
Какво се променя
- Страници, които съвпадат с Figma дизайна при ширина за настолен компютър, таблет и мобилен
- Компоненти за многократна употреба, отразяващи компонентите в дизайн файла
- Достъпен код: семантичен HTML, навигация с клавиатура, alt текст
- Бързо зареждащи се страници, с оптимизирани изображения и ефективно зареждане на шрифтове
Сравнете размерите
Стандартната цена за всеки размер. Допълнителните услуги са с цена до нея, а не скрити зад обаждане.
| Включено | Целева страница290 €3 до 5 работни дни | Многостранично изграждане500 €2 до 3 седмици | Изграждане с CMS1050 €3 до 5 седмици |
|---|---|---|---|
| Една страница, адаптивна | Включено | Включено | Включено |
| HTML и CSS или един framework | Включено | Включено | Включено |
| Свързани форми | Включено | Включено | Включено |
| Тестване в браузър | Включено | Включено | Включено |
| Всичко от Целева страница, до шест шаблона | Не е включено | Включено | Включено |
| Библиотека от компоненти | Не е включено | Включено | Включено |
| Анимации и взаимодействия от дизайна | Не е включено | Включено | Включено |
| Проверка за достъпност | Не е включено | Включено | Включено |
| Всичко от Многостранично изграждане, до дванадесет шаблона | Не е включено | Не е включено | Включено |
| Свързан CMS: WordPress, Shopify, Sanity или подобен | Не е включено | Не е включено | Включено |
| Въвеждане на съдържание за страниците при стартиране | Не е включено | Не е включено | Включено |
| Внедряване и 14 дни корекции | Не е включено | Не е включено | Включено |
| Добави към офертата |
Добавете каквото Ви трябва
Choose the size
Добавете каквото Ви трябва
Вашата обща сума€500
Стандартната цена плюс това, което добавите. Потвърдено писмено, преди да започне всичко; нищо не се таксува, докато не го приемете.
Как работи
Преглед
Дизайнът е проверен за липсващи състояния и точки на пречупване преди изграждане.
Компоненти
Споделените части се изграждат първо: бутони, карти, навигация, формуляри.
Страници
Страници, сглобени от компоненти и съпоставени с дизайна.
Тест
Проверени в различни браузъри и устройства, след което предадени.
Въпроси
Можете ли да изградите от дизайн, който няма мобилна версия?
Да. Адаптираме разумно и Ви показваме ключовите мобилни екрани, преди да изградим всички.
Ще бъде ли пиксел-перфектно?
Ще съвпадне с дизайна близо при ширините, за които е проектиран. Между тези ширини оформлението се разлива, както дизайнът предвижда; отбелязваме всичко неясно.
Използвате ли инструменти за автоматично преобразуване на дизайн в код?
Пишем кода на ръка. Автоматичните експорти обикновено произвеждат раздут, труден за поддръжка код, който е скъп за промяна по-късно.
Свързани търсения
Свързана работа
ЕднократноИзграждане на сайт с WebflowСайт с Webflow, проектиран по поръчка, с CMS, която екипът ви може да редактира, и интеракции, които остават бързи.from 420 €
ScopedСпринт за UI дизайнЕкрани, проектирани и прототипирани за две седмици, готови за разработка.from 1800 €при обхват
ЕднократноFull-stack уеб приложениеПерсонализирано уеб приложение със собствена база данни, входове и администрация, изградено и внедрено.from 420 €
ЕднократноРазработка на Android приложенияНативни Android приложения на Kotlin, изградени според насоките на Google и публикувани в Google Play.from 420 €
ЕднократноРазработка на iOS приложенияНативно iPhone приложение на Swift, изградено според насоките на Apple и преминало през прегледа на App Store.from 830 €
ЕднократноИзработка на HTML имейл шаблонРъчно кодирани HTML имейли, които се визуализират правилно в Outlook, Gmail, Apple Mail и тъмен режим.from 290 €
Нито един пакет не Ви подхожда?
Някои работи имат собствен мащаб. Първо определяме обхвата и предлагаме писмена оферта, а обаждането за определяне на обхвата е безплатно.