Дизайн 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/ можете посмотреть первоначальный сайт.
Проверка фото по метадате на Tilda для promogram.pro
5 мая 2025
promogram.proЗапрос клиента заключался в том, чтобы убрать стандартные кнопки iOS при загрузке файлов в блоке BF502N, оставив только опцию «Снять фото или видео», чтобы промоутеры не могли редактировать фотографии. Также нужно было заменить текст в кнопке c «Загрузить файл» на «Сохранить настройку»
Дизайн веб-интерфейсов с 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
Индивидуальная разработка высокопроизводительных лендингов на Next.js, React, TypeScript, Tailwind CSS от опытного соло-разработчика
Как опытный фрилансер и соло-разработчик, я предлагаю профессиональное создание современных и эффективных лендингов с использованием передовых технологий: Next.js для серверного рендеринга (SSR) и SEO-оптимизации, React для создания интерактивных веб-приложений и динамичного контента, TypeScript для обеспечения надежности кода и улучшенной поддержки, и Tailwind CSS для быстрой разработки стилей и создания адаптивного дизайна. Я специализируюсь на разработке продающих одностраничных сайтов, нацеленных на максимальную конверсию и эффективное привлечение потенциальных клиентов (лидов). Каждый разработанный мной лендинг отличается привлекательным современным дизайном, высокой скоростью загрузки, полной адаптивностью под любые мобильные устройства (полностью респонсивный дизайн), комплексной оптимизацией для поисковых систем (SEO), что способствует улучшению позиций сайта в поисковой выдаче Google и других системах, а также интуитивно понятным пользовательским интерфейсом (UI/UX), обеспечивающим максимальное вовлечение посетителей.
от 100 usd
Разработка интернет-магазинов на Next.js, React, TypeScript, TailwindCSS
Предлагаю профессиональную разработку современных и функциональных интернет-магазинов с использованием передовых технологий: Next.js для высокой производительности и SEO-оптимизации, React для создания интерактивного пользовательского опыта и динамического контента, TypeScript для надежности кода и удобства поддержки, и Tailwind CSS для быстрой разработки стилей и адаптивного дизайна. Как опытный фрилансер и соло-разработчик, специализируюсь на создании эффективных платформ для онлайн-продаж. Разработанные мной интернет-магазины обладают привлекательным дизайном, быстрой загрузкой страниц, полной адаптивностью под мобильные устройства и планшеты, а также интуитивно понятным интерфейсом для удобства покупателей. Они также оптимизированы для поисковых систем, что способствует увеличению органического трафика и росту продаж.
от 500 usd
Профессиональная разработка веб-приложений полного цикла на стеке Next.js, React, TypeScript
Я — опытный соло-разработчик, предлагающий полный спектр услуг по созданию современных веб-приложений. Мой основной стек технологий включает Next.js, React и TypeScript, что позволяет мне разрабатывать быстрые, масштабируемые и надежные решения с акцентом на производительность и удобство использования. В дополнение к этому, я владею технологиями TailwindCSS для стилизации, PostgreSQL для работы с базами данных и Supabase как современной backend-платформой. Если вам нужно качественное веб-приложение, разработанное с вниманием к деталям на каждом этапе, от концепции до запуска, буду рад сотрудничеству.
от 500 usd
Калькулятор стоимости
Описание
Дизайн разрабатывается под создание на Next.js с использованием TailwindCSS, Shadcn/ui и Tremor.
* Правки после утверждения технического задания, предлагаемые со стороны заказчика и при отказе от стандартного решения. Неясности и отсутствие чего-либо в ТЗ также учитываются.
Количество уникальных страниц
Количество правок*
Тип проекта
Опции
Стоимость и время, указанные выше, носят оценочный характер. Окончательная стоимость согласовывается на этапе обсуждения задач и разработки технического задания. Комиссии бирж в расчет не принимаются.
этапы разработки сайта или веб-приложения с нуля
этапы
Составление ТЗ, базовый SEO-анализ
Анализ ведущих сайтов, релевантных нише, типу и размеру бизнеса. Цель — выявление ключевых страниц и функционала, необходимых для обеспечения оптимального пользовательского опыта на будущем сайте. Полученные данные используются для создания технического задания, которое становится ориентиром для разработки и дизайна.
Дизайн
Дизайн создаётся для фреймворка Next.js с использованием стилизации через TailwindCSS и Shadcn/UI. Весь функционал Figma применяется для наглядного представления работы сайта уже на этом этапе, включая переходы между страницами и «живые» компоненты с помощью Figma Prototypes. Кроме того, благодаря использованию переменных в Figma можно легко изменить дизайн сайта. Всё это позволяет лучше представить и разработать готовый продукт.
Разработка
Разработка сайта начинается после утверждения дизайна. Для frontend используется: React, TypeScript, TailwindCSS, Shadcn/UI. Для backend: Next.js, PostgreSQL, Drizzle, Supabase. Структурируются цвета, шрифты и добавляются изображения, видео. Создаются основные компоненты. После чего компоненты распределяются по страницам сайта. После код оптимизируется.
SEO-оптимизация и поддержка
Финальная оптимизация и базовые настройки SEO включают обеспечение высокой скорости загрузки, настройку метатегов и создание XML-карты сайта. Сайт тестируется в PageSpeed Insights, GTmetrix и других инструментах. Достигаются метрики выше 80. Обеспечивается высокая производительность, доступность и базовая видимость в поиске. Также предоставляю техническую поддержку для актуализации кода, инструментов разработки и для обновления сайта к праздникам, скидкам и другим событиям.
отзывы
отзывыДизайн CRM, ERP, WMS системы в Figma для log.ru
"Работа выполнена на отлично! Все пожелания учтены, работа выполнена быстро и качественно. Сотрудничеством довольны! Рисовал дизайн исходя из пожеланий в Figma с учетом всех стилей Shadcn/ui."
22 Июля 2024
Смена текста и доработка веб-приложения для Падцев
"Компания Enter VR и я, как заказчик, был рад посотрудничать с Иваном над нашим проектом. Задача проекта состояла в русифицировании веб-приложения, которое было написано очень давно и не очень хорошо. Иван в течение дня провел экспертизу по проекту, подтвердил возможность выполнения и скорую реализацию, с чем не обманул. Общение проходило просто и без нюансов, все моменты обговаривались и согласовывались. Остались только положительные впечатления от исполнителя, надеюсь посотрудничать в будущем!"
15 Января 2023
Разработка фильтра для agm-efb.ru
"Всё отлично. Иван выполнил заказ согласно ТЗ и в установленные сроки. Исполнитель соответствует заявленному уровню."
3 Марта 2023
Социальные сети & мессенджеры
часто задаваемые вопросы
чаво?
Когда не стоит делать сайт на Тильде
Как фрилансер, специализирующийся на современных веб-решениях с использованием 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 минут
