
Дизайн CRM, ERP, WMS системы в Figma для log.ru
22 Июля 2024
log.ruНеобходимо было разработать дизайн CRM, ERP, WMS системы на основе функционала МойСклад, но в стиле СберCRM. Разработка в сервисе Figma. Использование компонентной библиотеки Shadcn UI. Компоненты брались с этого community файла Figma. В задачу также входило создание темной темы и адаптация дизайна для мобильных и планшетных устройств. Дизайн разрабатывался с подходом Desktop First

Смена текста и доработка веб-приложения для Падцев
15 Января 2023
padcev.vercel.appБыли изменены текст и исправлены некоторые элементы в веб-приложении. Презентация продукта происходила на интерактивной доске.

Разработка фильтра для agm-efb.ru
3 Марта 2023
agm-efb.ru/podbor-po-avtoНеобходимо было разработать дизайн CRM, ERP, WMS системы на основе функционала МойСклад, но в стиле СберCRM. Разработка в сервисе Figma. Использование компонентной библиотеки Shadcn UI. Компоненты брались с этого community файла Figma. В задачу также входило создание темной темы и адаптация дизайна для мобильных и планшетных устройств. Дизайн разрабатывался с подходом Desktop First

Изменение стилей фильтра для varta.shop
17 Апреля 2023
varta.shop/podbor-po-avtomobilyuИзменение стилей фильтра по автомобилям для varta.shop. Фильтр был написан мной для agm-efb.ru, поэтому нужно было только изменить цвет и border-radius.

Доработка фронт части сайта на Битрикс
23 Октября 2024
akbtv.ruНеобходимо в мобильной версии сайта сделать так, чтобы номер телефона отображался в шапке правее города. Строка поиска шла под логотипом. Меню было левее кнопки «подобрать аккумулятор». Правее значок корзины. По возможности должно быть выравнивание элементов по центру. Убрать лишние пустые пространства. Банер должен быть по 100% ширине. Также без лишних пустых пространств. Убрать лишние пространства и сократить отступы. Нет возможности выбрать пункт меню второго уровня. При клике на пункт первого уровня происходит переход на страницу, а должны только раскрываться подпункты для выбора. Сделать более презентабельный междустрочный интервал для всех заголовков. Также необходимо сделать меню и подменю

Доработка фронт части веб-приложения для Gamevizor
12 Июля 2023
gamevizor.ruНужно было сверстать главную страницу на уже готовом сайте gamevizor.ru + страница "Акции" + сверстать раздел "Пополения" и окна "Аутентификации" и "Забыли пароль?"

Обновление дизайна в figma, обновление фронта и работа с Wagmi
25 Августа 2023
arbits.vercel.appОбновить дизайн в figma, обновить фронтенд и подключить крипто-платеж. Здесь: https://arbits.vercel.app/ можете посмотреть первоначальный сайт.

Разработка корпоративной платформы
10 Октября 2023
workspaceplus.coНеобходимо было разработать дизайн CRM, ERP, WMS системы на основе функционала МойСклад, но в стиле СберCRM. Разработка в сервисе Figma. Использование компонентной библиотеки Shadcn UI. Компоненты брались с этого community файла Figma. В задачу также входило создание темной темы и адаптация дизайна для мобильных и планшетных устройств. Дизайн разрабатывался с подходом Desktop First

Разработка платформы для планирования путешествий
5 Декабря 2023
travelbuddy.worldНеобходимо было разработать дизайн CRM, ERP, WMS системы на основе функционала МойСклад, но в стиле СберCRM. Разработка в сервисе Figma. Использование компонентной библиотеки Shadcn UI. Компоненты брались с этого community файла Figma. В задачу также входило создание темной темы и адаптация дизайна для мобильных и планшетных устройств. Дизайн разрабатывался с подходом Desktop First
Дизайн веб-интерфейсов с Shadcn/UI
Создаю дизайн для Next.js с TailwindCSS и Shadcn/UI компонентами. Упор на превосходный пользовательский опыт, легкий перенос дизайна в код, простую замену стилей и наглядности для заказчика.
от 100 usd
Создание сайтов и веб-приложений на Next.js
Разработка современных сайтов и веб-приложений на Next.js. Написание читаемого и легко используемого кода, служащим надежным фундаментом при дальнейшем развитии вашего бизнеса и расширении услуг, товаров и сервисов
от 100 usd
SEO-оптимизация для сайтов на Next.js
Обеспечение высокой скорости загрузки, настройку метатегов и создание XML-карты сайта. Сайт тестируется в PageSpeed Insights, GTmetrix и других инструментах. Достигаются метрики выше 80. Обеспечивается высокая производительность, доступность и базовая видимость в поиске.
от 20 usd
Кастомные скрипты для Tilda
Разработка индивидуальных скриптов для сайтов на Tilda, включая блок T123. Создание пользовательских решений для Tilda, позволяющих реализовать функции, недоступные в стандартных инструментах, включая квизы, формы, таймеры, фильтры, слайдеры, модальные окна, калькуляторы и интеграцию с API (например, Google Sheets), а также любые дополнительные улучшения по вашим задачам. Улучшайте функционал вашего сайта быстро и профессионально.
от 20 usd
Cost calculator
Description
Design is developed for creation on Next.js using TailwindCSS, Shadcn/ui, and Tremor.
* Edits after approval of the technical specification, proposed by the client and upon rejection of the standard solution. Ambiguities and absence of anything in the technical specification are also taken into account.
Number of unique pages
Number of edits*
Project type
Options
The cost and time specified above are of an estimated nature. The final cost is agreed upon during the stage of task discussion and technical specification development. Exchange platform fees are not taken into account.
stages of website or web application development from scratch
steps

Drafting Terms of Reference, Basic SEO Analysis
Analysis of leading websites relevant to the niche, business type, and size. The goal is to identify key pages and functionality necessary to ensure an optimal user experience on the future website. The obtained data is used to create a terms of reference, which serves as a guide for development and design.


Design
The design is created for the Next.js framework using styling with TailwindCSS and Shadcn/UI. All Figma functionality is utilized to visually represent the website's operation at this stage, including page transitions and 'live' components via Figma Prototypes. Additionally, thanks to the use of variables in Figma, the website design can be easily modified. All this allows for a better visualization and development of the final product.


Development
Website development begins after design approval. For the frontend, the following are used: React, TypeScript, TailwindCSS, Shadcn/UI. For the backend: Next.js, PostgreSQL, Drizzle, Supabase. Colors and fonts are structured, and images and videos are added. Main components are created, then distributed across the website's pages. Afterward, the code is optimized.


SEO Optimization and Support
Final optimization and basic SEO settings include ensuring high loading speeds, configuring meta tags, and creating an XML sitemap. The website is tested in PageSpeed Insights, GTmetrix, and other tools. Metrics above 80 are achieved. High performance, accessibility, and basic search visibility are ensured. Technical support is also provided for code updates, development tools, and website updates for holidays, discounts, and other events.
testimonials
testimonials
Дизайн CRM, ERP, WMS системы в Figma для log.ru
"Работа выполнена на отлично! Все пожелания учтены, работа выполнена быстро и качественно. Сотрудничеством довольны! Рисовал дизайн исходя из пожеланий в Figma с учетом всех стилей Shadcn/ui."
22 Июля 2024

Смена текста и доработка веб-приложения для Падцев
"Компания Enter VR и я, как заказчик, был рад посотрудничать с Иваном над нашим проектом. Задача проекта состояла в русифицировании веб-приложения, которое было написано очень давно и не очень хорошо. Иван в течение дня провел экспертизу по проекту, подтвердил возможность выполнения и скорую реализацию, с чем не обманул. Общение проходило просто и без нюансов, все моменты обговаривались и согласовывались. Остались только положительные впечатления от исполнителя, надеюсь посотрудничать в будущем!"
15 Января 2023

Разработка фильтра для agm-efb.ru
"Всё отлично. Иван выполнил заказ согласно ТЗ и в установленные сроки. Исполнитель соответствует заявленному уровню."
3 Марта 2023

Разработка корпоративной платформы
"Интеграция с Microsoft 365 работает безупречно. Продуктивность команды значительно выросла благодаря удобной системе управления задачами."
10 Октября 2023

Разработка платформы для планирования путешествий
"Благодаря платформе организация путешествий стала намного проще. Особенно понравилась функция поиска попутчиков и автоматического построения маршрутов."
5 Декабря 2023

Social Networks & Messengers
frequently asked questions
faq?

Когда не стоит делать сайт на Тильде
Как фрилансер, специализирующийся на современных веб-решениях с использованием Next.js, TailwindCSS, Shadcn/UI, Supabase, PostgreSQL, Vercel и Drizzle ORM, я часто вижу клиентов, которые приходят ко мне после разочарования в ограничениях конструкторов сайтов, таких как Тильда. Эта статья объясняет, когда лучше выбрать профессиональную разработку вместо конструктора сайтов.
26 Января 2025
~8 минут

Что такое веб-приложение и чем оно отличается от сайта?
Многие не видят разницы между сайтом и веб-приложением. Ведь и то, и другое открывается в браузере, содержит текст, изображения и другие элементы. Однако с точки зрения разработки и возможностей для бизнеса между ними есть существенные отличия. Давайте разберёмся, что лучше выбрать для вашей задачи.
26 Января 2025
~8 минут

Что такое ТЗ и как его грамотно составить?
Создание сайта без технического задания (ТЗ) — это как строительство дома без чертежей. Без четкого плана сложно получить желаемый результат, а переделки могут потребовать дополнительных затрат. Разберёмся, что такое ТЗ, зачем оно нужно и как его правильно составить.
26 Января 2025
~8 минут

Почему Shadcn/UI?
Современные веб-приложения требуют не только функциональности, но и стильного интерфейса. shadcn/ui — это библиотека UI-компонентов для React, которая позволяет создавать современные и удобные интерфейсы без лишних зависимостей и сложных настроек.
26 Января 2025
~8 минут

Почему Next.js?
Выбор технологии для создания сайта — важный шаг. Сегодня существует множество решений: конструкторы сайтов (Tilda, WordPress), альтернативные фреймворки (Astro) и конкуренты React (Vue, Svelte, Angular). В этой статье я объясню, почему Next.js — оптимальный вариант для современных веб-проектов.
14 Марта 2025
~8 минут

Зачем поддерживать сайт?
Веб-разработка развивается стремительно: фреймворки, библиотеки, инструменты стилизации, UI-компоненты, бэкенды и ORM постоянно обновляются, предлагая новые возможности, улучшенную производительность и повышенную безопасность. Однако обновления требуют времени и могут вызвать неожиданные проблемы. Возникает вопрос: стоит ли регулярно обновлять технологии, если проект уже стабильно работает? Давайте разберёмся, какие преимущества это даёт и в каких случаях обновление действительно необходимо.
3 Июля 2024
~8 минут
