Необходимо сделать небольшие доработки в html/css/js на моем проекте
2000 UAHДобрый день. Необходимо сделать небольшие доработки в html/css/js на моем проекте. Адрес проекта: https://1.medgain.biz/ , кабинет - https://1.medgain.biz/account.html
1. Переделать графики с панели администратора https://www.1.medgain.biz/adminpanel/index.html на такой дизайн - файл https://www.1.medgain.biz/04.jpeg , но без "10% APY". Просто вот такой зеленый график. Сверху над графиком https://www.1.medgain.biz/adminpanel/index.html есть переключатели "Депозиты | USD" Всего/Новых, а также "Новых пользователей" Всего/Новых. Оформить вот эти переключатели можно как тут - https://www.1.medgain.biz/02.webp (All-time/monthly/yearly). Толко в нашей зеленой расцветке (в цветовой палитре графика). Также, при наведении курсора на тот или иной день (на кружочек) - должно показываться число (сколько именно кол-ва депозитов/итд. в числовом формате за тот или иной день). Всего дней в графиках будет 7.
2. Оформить панель администратора в лучшем виде (размещение объектов/графиков/таблиц/меню) - все подходит. Но нужно как-то стильно оформить, возможно, в таком же стиле как и график с прошлого пункта.
На главной странице кабинета есть "Показаны с 1 по 15 из 132 записей" , а справа - номера страниц. Номера страниц оформить в таком стиле - https://www.1.medgain.biz/01.jpeg
На главной, там где балансы - биткоин, эфириум, лайткоин - оформить 1:1 как на сайте https://lineone.piniastudio.com/dashboards-crypto-1.html - справа. Там шрифт красивее, и градиент есть на рамочках. Так же и оформить другие криптовалюты, просто под фирменный дизайн самих криптовалют (рамочку). Также, на этом же сайте есть "Latest Activities" - можно так же оформить историю операций на главной странице в админке. Просто вместо "ACTIVITY" - писать "пользователь". Итд. Без иконок слева.
Также оформлять и другие таблицы из панели администратора.
Шрифт переделать на более красивый по всей админке. Возможно, на такой, как написано "Bitcoin" на сайте https://lineone.piniastudio.com/dashboards-crypto-1.html
3. Анимация в логотипе сверху js (что бы полочки в фирменном значке двигались, как на картинке https://www.1.medgain.biz/1.gif ) Это мне подходит. Но проблема в том - что анимированый лого в формате .gif на белом фоне, и если сделать на прозрачном фоне .gif - будут пиксели с анимацией (палочками движущимися). А так как при скролле главной страницы логотип везде присутствует, то он должен быть только либо в прозрачном формате, либо в .svg (как сейчас - https://1.medgain.biz/logo.svg) , но как-то нужно написать на JS что бы конкретные палочки двигались то вверх то вниз.
4. Дизайн личного кабинета улучшить https://1.medgain.biz/account.html
Что бы хотелось - главная кабинета как-то скудно сейчас выглядит, хотелось бы с этими что-то сделать. Не нравится расположение справа иконок. Возможно, сделать также как и слева функция "Select cryptocurrency", а дальше в зависимости какую криптовалюту выберет человек - показывать крупным планом "Referral bonus", "Invested", "Earned" каждой конкретной криптовалюты. Возможно еще как-то, подумайте, как бы можно было бы красиво оформить.
Или даже можно что бы один раз человек выбрал криптовалюту - слева в разделе "Select cryptocurrency", а справа уже что бы также показывался баланс от выбранной криптовалюты слева.
5. В личном кабинете анимированная gif по центру - хочется сделать её с дополнительными эффектами. Возможно, взять её в такой вот щит https://www.1.medgain.biz/06.jpeg где вместо замочка будет наша анимация. Но убрать при этом все маленькие картинки - FaceID, отпечаток и снизу еще иконку.
Все остальные файлы по личному кабинету находятся у вас в архиве.
6. Значки переключателей страниц внизу историй операций https://1.medgain.biz/history.html оформить вот так — https://www.1.medgain.biz/01.jpeg, а саму таблицу - как таблица https://lineone.piniastudio.com/dashboards-crypto-1.html, только с нашими ячейками и данными (без иконок слева). Также, возле "History list" сделать выпадающий список как тут https://www.1.medgain.biz/08.png - "Status". Что бы пользователь мог отфильтровать нужные ему истории операций по выбранной категории.
По странице https://1.medgain.biz/settings.html возражений нет, вроде там и так все хорошо.
Подумайте еще, как можно было бы оформить сами вкладки в личном кабинете (Dashboard/Your deposits/Affiliate program/Financial history/Personal settings). Вроде как выглядят достойно, но возможно, у вас будет лучше какой-то вариант под наш дизайн
7. Сделать тикет-систему в личном кабинете. Таким образом, что бы человек писал запрос и получал ответы непосредственно в личном кабинете (от вас толькo html/css/js, не программирование). Сделать новый пункт в меню кабинета после "Personal settings" - "Ticket". На главной в разделе тикетов должно быть: список тикетов пользователя актуальных и закрытых (в двух разных таблицах), и кнопка «создать тикет». При нажатии на эту кнопку - открывается форма, в которой нужно указать поля: «тема обращения», выбрать департамент к кому идет обращение (из выпадающего списка) , «текст обращения». После - кнопка «отправить». После нажатия на кнопку «отправить» человек должен попадать к своему созданному тикету. Оформление должно быть приметно как в Сообщениях на iPhone, но что бы дизайн соответствовал нашему проекту конечно же. То есть, там должна быть тема письма, которую указал пользователь, ID его обращение в системе, и название департамента куда он адресовал обращение. После - его сообщение. В тикете можно добавить еще сообщение от пользователя (даже если после первого сообщения не было ответа от оператора). Также, у человека должна быть сверху тикета (там где название его и другая информация) - кнопка «закрыть тикет». То есть, пользователь сам может закрыть тикет свой даже если в нем не отписался еще оператор. Далее, если тикет закрыт (не важно кем, пользователем или оператором) - должно появится «оцените качество обслуживания», где можно выставить звездочку от 1 до 5.
8. Сделать тикет-систему в панели администратора (только html/css/js). Таблицу, где будет список тикетов , с темой и предварительным куском сообщения (что бы влезло в одно строчку, дальше - «….», и продолжение будет когда я открою этот тикет). В самом тикете должна быть кнопка «закрыть тикет» (красная) и поле, где оператор может написать сообщение с кнопкой «отправить» (синяя).
9. На главной странице сайта есть картинка https://www.1.medgain.biz/images/5percent_v3.png. Нужно сделать её анимированной на JS. Как сделано это на сайте https://web.archive.org/web/20220807094752/https://www.joinburst.com/ в разделе "Burst Secure". Что бы картинка плавно то вверх то вниз опускалась.
Готов работать как с предоплатой , так и без неё. Покажите свое портфолио возможно, с аналогичными работами или похожие на такие.
Цель - улучшить текущий дизайн платформы.
Файлы стилей, всех картинок и файлов прикрепил к проекту.
Что не нужно делать - не нужно править faq, how to start , signup , login , forgot password, contact.
В принципе, эти страницы выглядят красиво и я бы не стал их редактировать, там все в норме.
И другие страницы личного кабинета (многие из них) я бы оставил как они есть. Но если вы предложите варианты оформления более красивые - я рассмотрю их.
Писaть в тelegрам youtube_buy
Скачать архив с файлами: https://dropmefiles.com/m0PIl
Цена договорная, как оцените
-
105 "Здравствуйте!
Опытный разработчик HTML и CSS, JS опыт работы более 4х лет, на счету много успешно реализованных проектов, сделаю всё в лучшем виде по оговоренным срокам.Пишите, обсудим все подробности."
Актуальные фриланс-проекты в категории HTML и CSS верстка
Разработка iOS-приложения для онлайн-шахмат аналога (возможно через Vibe Coding)
20 000 UAH
Необходимо разработать MVP мобильного приложения только под iOS. В качестве основы можно взять концепцию Chess.com, но без копирования дизайна или кода. Желательно максимально использовать Vibe Coding/AI для ускорения разработки и снижения стоимости, но код должен быть чистым,… HTML и CSS верстка ∙ 52 минуты назад ∙ 11 ставок |
Ищем специалиста по ДжумлеВсем привет, есть проект, по которому нужен специалист по Джумле. Сейчас нужно разобраться, как там всё устроено и какие есть страницы. Найти страницу и форму регистрации и рассказать, показать, как всё работает и куда идут заявки и т. д. HTML и CSS верстка ∙ 2 часа 21 минута назад ∙ 14 ставок |
Веб-дизайн и разработкаПривет! Для текущего проекта ищу двух отдельных специалистов: веб-дизайнера (Figma) веб-разработчика (Frontend / WordPress) Проект включает задачи по типу: лендинги, интернет-магазин, админ-панели, сайт на WordPress, а также при необходимости небольшие задачи на React /… HTML и CSS верстка, Дизайн сайтов ∙ 3 дня 4 часа назад ∙ 115 ставок |
Нужен разработчик Drupal для правок на нескольких сайтах.Нужен разработчик Drupal для правок на нескольких сайтах. Сайт раздувается и заполняет весь хостинг .. HTML и CSS верстка, Веб-программирование ∙ 3 дня 11 часов назад ∙ 39 ставок |
Оптимизация скорости сайта WordPress
5092 UAH
полные детали отправим в личные сообщения Цель Максимально ускорить загрузку сайта, особенно на мобильных устройствах. KPI (обязательно) После завершения работ необходимо добиться следующих показателей. Mobile Performance 90+ LCP менее 2.2 сек INP менее 200 мс CLS менее 0.1… HTML и CSS верстка, Javascript и Typescript ∙ 4 дня 2 часа назад ∙ 68 ставок |