Текущий веб-сайт: http://lasergravers.com/
Требования к разработчику:
- готов работать над этим проектом прямо сейчас, укладывается в сроки, срок для работы 1-2 месяца
- хорошо знает существующую платформу страниц Lavarel и знает JavaScript
- не игнорирует письма, регулярно на них отвечает, также может созваниваться в Google Meet для обсуждения деталей
Спецификация существующей страницы:
- Серверная часть: PHP-фреймворк Laravel
- Интерфейс: Vue.js
- База данных: MySQL
- Хост digitalocean.com (рассмотреть замену на классический хостинг, т.к. электронной почты нет)
- Домен godaddy.com
- Интегрированная платежная система: stripe.com
- На странице есть админка с возможностью изменения и добавления языка (автоматически определяется по IP пользователя), материалов, шрифтов и других параметров в конструкторе, например размер активного окна канвы, коэффициенты и т.д.
- Окно холста, в которое вы загружаете изображение, автоматически рассчитывает количество небелых пикселей, так же учитывает размер окна и применяет заданные коэффициенты для расчета цены гравировки.
- Когда заказ выполнен пользователем, в админке автоматически создается заказ со всей информацией об изображении, тексте, координатах того и другого, где он размещен на холсте. Так сделанно потому что мне нужно впоследствии отобразить положение изображения и текста в программе лазерной резки.
Улучшения, необходимые на данном этапе разработки страницы (предварительно окончательные) с последующей поддержкой
Начало
- Улучшения дизайна, примерное направление на прикрепленной картинке (продумать вместе с разработчиком страницы или проконсультироваться отдельно)
- Понять, где будет электронный адрес ([собака] lasergravers.com)? GoDaddy - слишком дорого .. подумать о другом хостинге (теперь digitalocean) / лучшем классическом хостинге?
- Возможность изображения логотипа (перед названием сайта, с соблюдением заданных ограничений ширины страницы)
-Сделать цвет плиты выбранного материала более выраженным
- Сделать, что в каждой стране отображаются только определенные языки (не все). Сейчас уже определяется по IP конкретный предлагаемый язык + все добавленные, но надо сделать что бы в уже существующем разделе страны в Админке можно было поставить/снять галочку какие языки отображать (добавление языков тоже уже реализовано в админке)
- Сделать возможность категоризировать добавляемые материалы (например, в админке можно делать категории материалов в которых можно упорядочить добавляемые материалы)
- Сделать в блоке материалов стрелки влево и вправо (влево, только если там что то есть), чтобы прокручивать материалы в каждой конкретной категории
- Коррекция размеров картинок примеров (show examples) и/или возможность увеличить картинку наведением на нее курсором или кликом (появляется плюсик?), также с учетом мобильного дизайна, в т.ч. текст под изображением не растягивается на все окно, а продолжается под изображением
- Если примеров больше, то окно растягивается неадекватно - исправить и отцентровать картинки-примеры
- Возможность загрузки примеров картинок без текста (раньше работало)
Канвас
- Если переключать с одного на другой материал и изображение было, скажем, на каком то расстоянии далеко от левого края (%), то его можно автоматически изменить в размере, чтобы картинка всегда оставалась в видимой области, а не исчезала за окном холста, если новый переключаемый материал имеет меньшее окно
- Изображение и текст могут выходить за границы (например, 50-80% своего размера?) См. оба вопроса вместе
- Загрузка картинки также кнопкой "Insert picture или вставка картинки" (в дополнение к существующему drag&drop)
- Галерея см. пример Printify.com — галерея — это пример уже подготовленного изображения для гравировки (аналог добавленного в корзину задания на гравировку) — управляется в админке
- Отображение центрирующих линий для объектов холста при перемещении объекта на холсте (ранее работало)
- Варианты масштабирования холста в пределах определенного кадра на примере printify (детальнее изучить и применить решения printify)
- Кнопка Insert text (нажатие которой активирует новое текстовое окно на холсте) и рядом с текстом или за пределами холста есть кнопки редактирования шрифта, размера (как в https://printify.com/app/editor/12/ 27) и есть возможность отредактировать вставленный текст и удалить существующий сейчас текстовый блок. Если это решение очень сложное, то подумать над улучшением существующей концепции - по крайней мере с возможностью редактировать вставленный текст
- В админке вместо черного цвета канвы гравюры и текста так же можно установить другой цвет (можно в виде цветового кода), который отображается вместо черного и серого цветов - максимальная имитация гравировки . Каждый материал может иметь свой цвет.
- Размер текста в пикселях на холсте подгоняется под пиксели гравировочной программы Flux Beam (известно сколько пикселей соответствует скольким миллиметрам)
- Удалить кнопку поворота холста
- Придумать решение для сохранения работы холста - на компьютере или нужно сделать систему с логином? По аналогии с сохраненным в галерее или в существующей корзине
- Ввести градусы для поворота изображения и текста (доп инфа так же в админке, если очень сложно то можно не делать)
- Визуализировать длины в миллиметрах для параметра "shape size" по краям холста - не жизненно важно, если сложно
- Продумать, показывать ли и где размер объекта (в текущей версии он есть), так же как и кнопки deselect и удалить
Check out
- Можно ли сделать отображение содержимого заказа в уже существующей странице оплаты заказа (процесс check out)? Сделать если возможно.
- Синхронизация языков в процессе оплаты с тем языком, который выбран на странице (Stripe говорит, что поддерживает 30 языков при оформлении заказа)
Окна ввода
- Сделать окна ввода более компактными
- Можно выбирать тип доставки (post/dhl..., у каждого своя цена/коэффициент в админке) - вид доставки регулируется для каждой страны отдельно (по аналогии с выбором отображаемых языков). В настоящее время при расчете цены используется коэффициент отдельной страны, но здесь необходимо сделать поправку на коэффициент вида доставки конкретной страны)
- Валюта соответствует стране (конвертация с обменным курсом) - по предыдущей аналогии можно выбрать отображаемую валюту в разделе страны
- В окнах ввода страна выбирается автоматически по уже автоматически определенному IP страны
- Оценить, является ли место, где отображается цена, лучшим (?), может быть её надо вывести где-нибудь во всегда видимой шапкой? (тогда надо убрать из шапки рекламные надписи + можно рядом добавить баннер? Вопрос по дизайну.
- Юридическое лицо - галочка с возможностью отображения дополнительных окон для названия компании и налогового номера
Admin
- Возможность отключить «Choose shape», размер формы, параметры, режим... для конкретных материалов в админке по отдельности, значения во внешнем интерфейсе остаются серыми или исчезают. Причина изменения - необходимо, чтобы некоторым материалам можно было придать единую неизменяемую форму (например, в разделе предметов).
- Порядок материалов может быть изменен в админке
- Счет, который автоматически отправляется клиенту, генерируется в админке, а не в Stripe (плагин создания счета?)
- Применить SSL-сертификат
Мобильная версия со своим форматированием
- Сделать существующий дизайн, чтобы он работал и хорошо смотрелся на мобильной версии (правильное форматирование и фунционал существующей версии для узких окон)
P.S. Изменения в оформлении дизайна приблизительны, а не точно продуманы!
Behance
