Обновление сайта для open-source проекта FPTN
fptn.vercel.app
Обновление лендинга Open Source проекта FPTN
Цель обновления — сделать страницу современной, чистой и удобной для восприятия. Новый интерфейс стал более структурированным, улучшилась читаемость инструкций и акцент на призывах к действию. Реализована поддержка 10 языков и переключение темы оформления (светлая/тёмная). Добавлены новые страницы
Решение: редизайн и обновление архитектуры фронтенда
Работа включала как UX-анализ, так и полное обновление фронтенда под актуальные стандарты Next.js 15 и Tailwind CSS 4. Реализованы ключевые улучшения:
1. Современный адаптивный дизайн
- Переработана структура главной страницы, выделены ключевые блоки (преимущества, инструкции, ссылки на установку).
- Улучшена читаемость текстов и логика навигации.
- Обеспечена адаптивность для экранов от 300 px до 2K.
2. Мультиязычность и темы
- Добавлена поддержка 10 языков через
next-intl. - Внедрено переключение светлой и тёмной темы.
- Все тексты локализованы, включая метатеги и микроразметку.
3. Оптимизация и производительность
- Проведён рефакторинг кода, упрощена структура компонентов.
- Ускорена загрузка за счёт динамического импорта и оптимизации изображений.
- Улучшены показатели Lighthouse и Core Web Vitals.
4. Дополнительные страницы
- Добавлены разделы Downloads и Contribute — теперь пользователям проще скачивать дистрибутивы и вносить вклад в проект.
- Для разработчиков реализованы отдельные страницы с инструкциями и примерами.
Результат
Обновлённый лендинг стал заметно современнее, быстрее и удобнее. Улучшилась структура, UX и SEO-оптимизация.