Oferty ukryte
Aktualnie brak ofert
Oferty ukryte
Oferty ukryte
-
Danilo N. 13 listopada 2019хорошо, не подскажите какую Вы программу используете для открытия данного формата?
-
Aleksandr Vasilenko 13 listopada 2019Для этого формата можно использовать программу "Фигма".
Скачивать отсюда: https://www.figma.com/downloads/
-
Aleksandr Vasilenko 13 listopada 20192 дня назад вы писали, что срок 2 дня. Сейчас тоже пишете, что срок 2 дня. так может стоит найти того, кто сделает за 4?
-
Maksim S.
14 listopada 2019
никто не мешает потенциальным исполнителям предлагать свои сроки и суммы.
-
Dmitry Hristoyev 13 listopada 2019зачем делать ширину 1440, если десктоп 1920? Зачем делать элементы на вылет, некоторые не по центру и ограничивать макет шириной, если при версткепод . Где 991?
-
Aleksandr Vasilenko 13 listopada 2019Все там нормально нарисовано.
Ширина видимой области 1440 подразумевает, что большинство пользователей будут смотреть страницу при разрешении экрана 1366x768, а у кого разрешение экрана 1920х1080 - стоит масштабирование 150% 1920/1,5 = 1280.
Элементы блока портфолио, выходящего за пределы "1366" - можно считать резиновыми.
Элементы бекграунда выходящие за пределы видимой области подразумевают, минимальной масштабирование сайта по CTRL-/+
И почему должно быть 991?
-
Dmitry Hristoyev 14 listopada 2019А почему должно быть 768?
Как написанное вверху Pixel Perfect, совмещается со словом подразумевает и со словом масштабирование?
1366 большинство? Оно либо наравне с 1920 либо процент чуть менее.Покажи мне верхнюю секцию, резиновой, на 1920?
ЗЫ Нравятся мне такие вот "вылизанные" дизайны, вот вам 3 разрешения, больше меньше, хз, сами сделаете, но пиксель перфект. Не знаете что рисовать, возьмите сетку бутстрапа, и добавьте 1920, если у вас элементы дизайна на вылет и со скошенными углами.
-
Ustim R. 14 listopada 2019Согласен! Последним временем дизайнеры ложили на какую-то сетку и прочие такие штуки, зато "красиво"!!! А ты потом сиди думай как это подогнать и сделать адаптивным. Бесит ужасно! Честно хочется мордой тыкнуть в макет и сказать "Ты чё, упырь, нарисовал!!!")))
-
Aleksandr Vasilenko 14 listopada 2019Я не сказал, что должно быть 768. Десктоп, таблет, мобайл - вполне достаточно.
1366 - да большинство.
https://hotlog.ru/global/screen
https://www.hobo-web.co.uk/best-screen-size/
https://www.rapidtables.com/web/dev/screen-resolution-statistics.html
А большинство тех у кого 1920 имеют масшьабирование интерфейса 150% - т.е. получается меньше чем 1366.
А почему я должен использовать Бустрап? Это мое дело, как разработчика - использовать или нет.
-
Dmitry Hristoyev 14 listopada 2019А вы макет смотрели? Там есть 768, таблетка, только 991 это тоже таблетка.
Из ваших 3х статистик, только 1 за 2019 год, остальное 2/2014 и 11/2017.
Вот за 2019 - первый https://www.reinisfischer.com/browser-wars-screen-resolutions-2019 - второй https://gs.statcounter.com/screen-resolution-stats
Что понимается за масштабирование интерфейса относительно данного макета? Что я должен масштабировать для верстки? Макет 1400 что бы получить 1920?
Что вы хотите использовать, бутстрап, не бутстрап, меня не волнует, я писал про сетку бутстрапа для рисования дизайна в контексте размеров экранов и их количества. -
Aleksandr Vasilenko 14 listopada 2019Макет смотрел. Я могу других статистик понаходить. Вы видимо тоже.
"Масштабирование интерфейса" - ПКМ на рабочем столе Windows 10 - параметры экрана - Масштаб и разметка. Если у вас разрешение 1920, по умолчанию там 150%. 1920/1,5 = 1280, что еще меньше чем 1366. freelancehunt сделан на 3-м Бустрапе. Посмотрите с масштабированием выглядит норм, без масштабирования - слишком мелко.
"Что я должен масштабировать для верстки? Макет 1400 что бы получить 1920?"
Ок, представим, что разрешение 1440. Все должно влезть.
Логотип по левому краю минус 50рх. Верхнее меню - по правому краю. Сжимаем экран, до ширины 1280 - это и будет ваше 1920 с масштабированием 150%. -
Roman S. 13 listopada 2019И за это все два дня...Хм...
Либо я такой новичок что не смогу сделать за 2 дня либо хорошо и качественно за такие сроки реализовать нельзя )
Два дня назад вам надо было это сделать за два дня
Сейчас опять надо то же за два дня
Те два дня уже прошли как-бы и у вас ничего нет
Внимание вопрос: к чему такая спешка?
-
Maksim S.
14 listopada 2019
никто не мешает потенциальным исполнителям предлагать свои сроки и суммы.
-
Ivan P. 14 listopada 2019Запропонував за 50000 зробити а Ви відхилили ставку. Можна дізнатись чому саме?
-
Ivan P. 14 listopada 2019Звичайно потрібні! Тому що бред який я написав в ставці набагато коректніше виглядає чим Ваш опис та вимоги до проекта! Верстка це не натяжка і не розгортання на хостингу а тим більше не базове СЕО.
-
Maksim S.
14 listopada 2019
вместо того ,чтобы так язвить можно было просто дать совет . Я не разработчик, я заказчик "
-
Maksim S.
14 listopada 2019
просьба писать в обсуждение конструктивные вопросы и комментарии,а не всякий спам и приколы . Для этого есть другие сайты
Aktualne zlecenia dla freelancerów w kategorii Układ HTML i CSS
It is necessary to reproduce as accurately as possible:– the structure of the pages; – the layout of the blocks; – the catalog grid; – the sizes of the elements; – the margins; – the typography; – the colors; – the header and footer; – product cards – the menu structure; – menu categories; – modal windows; – adaptive behavior; – hover, active, and mobile states. – the product page must have microdata for products – Pages must be optimized according to Google SEO recommendations1. Type of siteResponsive online sushi delivery store.Main versions:– desktop – from 1280 px; – tablet – 768–1279 px; – mobile – 320–767 px.2. NavigationHomeCategoriesPromotionsAbout UsDelivery and PaymentContactsMenuProduct CardShopping CartPage TemplateThe “Page Template” block should contain:– header;– breadcrumb;— “up” arrow— Light and dark theme switcher with user choice retention.— A watermark with the logo on the background of the page— Fix an image of chopsticks on the right edge of the background— Footer ResultDeliver:– Figma mockup for desktop and mobile; – HTML files; – CSS; – JavaScript; – a folder with placeholders; – responsive version of the page; – archive of the completed project.The main requirement is the most accurate reproduction of the structure, design, and behavior of the page example.com
Kontynuacja projektu. Redesign i restart strony internetowej kliniki stomatologicznej Brovchak Family Dental Care 0680006609 http://brovchak-clinic.com.ua/ specyfikacja od eksperta SEO https://docs.google.com/spreadsheets/d/17_WyPf3XVpzbuBjpJ7MNFs12QUL-aHv7iIbKudY-IEw/edit?gid=0#gid=0 https://miro.com/app/board/uXjVHXxFvIE=/O projekcie Wymagany jest pełny redesign istniejącej strony internetowej kliniki stomatologicznej na podstawie gotowego prototypu w Miro. Wynik powinien obejmować: projekt UI/UX responsywne kodowanie integrację z WordPress SEO-bezpieczny restart optymalizację techniczną ustawienie analityki możliwość łatwej samodzielnej edycji treści Krytycznie ważne: strona nie tylko musi wyglądać nowocześnie, ale także poprawiać wskaźniki biznesowe i nie tracić aktualnych pozycji SEO.Cele biznesowe projektu Redesign jest realizowany w celu: zwiększenia liczby zapytań z strony; podniesienia konwersji formularzy rejestracji; wzmocnienia zaufania do kliniki; prezentacji ekspertyzy lekarzy; prezentacji skomplikowanych przypadków klinicznych; formowania premium pozycjonowania; zwiększenia liczby zapytań o implantację, ortopedię i kompleksowe leczenie.Koncept wizualnyPozycjonowanie Premium autorska stomatologia. Nie sieciowa klinika. Nie masowy napływ pacjentów. Indywidualne podejście, przewidywalne wyniki i skomplikowane rozwiązania kliniczne.Emocja, jaką ma wywoływać strona "Tutaj pracują nie tylko stomatolodzy. Tutaj zespół ekspertów tworzy długoterminowe i przewidywalne rozwiązania, zwracając uwagę na każdy detal."Styl Warsztat / Atelier Stomatologiczne. Autorska stomatologia. Premium minimalizm. Akcent na: mikroskopię; nawigacyjną implantację; cyfrowe skanowanie; gnatologię; skomplikowane rehabilitacje. Używać: wielkich profesjonalnych zdjęć lekarzy; zdjęć lekarzy w trakcie pracy; realnych przypadków pacjentów; zdjęć kliniki. Zminimalizować lub całkowicie wykluczyć: zdjęcia stockowe; szablonowe obrazy stomatologiczne; typowe rozwiązania projektowe sieciowych klinik.SEO i restart Krytyczny wymóg: Redesign nie powinien prowadzić do znacznego spadku organicznego ruchu. Wymagane: zachowanie struktury SEO strony; zachowanie lub poprawne przeniesienie URL; ustawienie 301 przekierowań; przeniesienie wszystkich metatagów; zachowanie indeksacji stron; sprawdzenie robots.txt; sprawdzenie sitemap.xml; sprawdzenie canonical; sprawdzenie schema.org; przeprowadzenie audytu SEO przed i po uruchomieniu.KPI SEO Dopuszczalny spadek organicznego ruchu po uruchomieniu: nie więcej niż 10%. Preferowani są wykonawcy, którzy mają udane przypadki SEO-bezpiecznych migracji.UX i konwersja Strona powinna zapewniać: szybki dostęp do rejestracji na konsultację; zrozumiałą strukturę usług; łatwą nawigację; mobilną wygodę; szybki kontakt z kliniką. Przewidzieć: bloki CTA; formularze rejestracji; szybki telefon; messengery; bloki zaufania; wideo-rekomendacje; przypadki leczenia.Wymagania technicznePrędkość Google PageSpeed: Desktop — 90+ Mobile — 95+ Core Web Vitals muszą odpowiadać zaleceniom Google.Optymalizacja Wymagane: optymalizacja CSS; optymalizacja JS; ustawienie cache; optymalizacja obrazów; użycie WebP; zminimalizowanie zewnętrznych skryptów.Jakość kodu Ważne: czysty kod; brak zbędnych wtyczek; użycie standardowych możliwości WordPress i motywu; kompatybilność z przyszłymi aktualizacjami WordPress.Asystent AI (agent) Wymagane jest zaproponowanie rozwiązania do wdrożenia konsultanta AI. Pożądana funkcjonalność: odpowiedzi na typowe pytania; rejestracja na konsultację; integracja z Telegram; integracja z Instagram Direct; integracja z Facebook Messenger; integracja z Viber; przekazywanie leadów do CRM lub administratorów, lub do bota telegramowego Proszę opisać zaproponowane rozwiązanie osobno.Wynik pracy Na wyjściu należy uzyskać: Nowy projekt strony. Responsywne kodowanie. SEO-bezpieczne uruchomienie. Optymalizowany kod. Ustawioną analitykę. Instrukcję dla administratora. Gwarancyjne wsparcie po uruchomieniu. Realizacja AI Search i AI-wydania W ramach projektu należy zrealizować osobny kompleks prac przygotowawczych strony do Google AI Overviews, AI Mode, ChatGPT, Gemini, Perplexity, Copilot i innych systemów wyszukiwania AI. Do prac należy: Projektowanie mapy podmiotów kliniki: organizacja, filie, lekarze, usługi, przypadki, artykuły, FAQ, wideo i ceny. Tworzenie logicznych powiązań między: lekarzami a usługami; usługami a przypadkami; usługami a FAQ; artykułami a autorami; filie a dostępnymi kierunkami leczenia. Realizacja danych strukturalnych JSON-LD: Organizacja; KlinikaMedyczna / Dentysta; LokalnyBiznes; Osoba; ProfilStrony; Usługa; ProceduraMedyczna — gdzie semantycznie poprawnie; Artykuł / BlogPosting; ObiektWideo; FAQPage; BreadcrumbList; WebSite; WebPage; ObiektObrazu. Tworzenie w WordPress strukturalnych typów treści: usługi; lekarze; przypadki; artykuły; FAQ; wideo; filie; ceny. Realizacja powiązań ACF między typami treści oraz automatyczne generowanie schema.org z zatwierdzonych pól. Budowa FAQ w trzech poziomach: FAQ na stronach usług; osobne strony eksperckie decision-guide; ogólny centrum pytań pacjentów. Zabezpieczenie dostępności podstawowej treści w HTML bez zależności od klienta JavaScript, obrazów lub PDF. Realizacja autorstwa treści medycznej: autor; recenzent medyczny; data publikacji; data aktualizacji; link do profilu lekarza. Dodanie transkrypcji do eksperckich wideo oraz powiązanie wideo z usługami, lekarzami i przypadkami. Sprawdzenie robots.txt, sitemap.xml, canonical, noindex, snippet controls i dostępności strony dla wyszukiwarek i crawlerów AI. Ustawienie śledzenia ruchu AI: osobna grupa kanałów w GA4; źródła referrer ChatGPT, Perplexity, Gemini, Copilot, Claude; przekazywanie źródła do CRM i zgłoszeń Telegram; raport w Looker Studio; uwzględnienie self-reported attribution od pacjenta. Stworzenie podstawowego zestawu zapytań do regularnego monitorowania widoczności kliniki w AI-wydaniu. Sprawdzenie danych strukturalnych przez Rich Results Test oraz Schema Markup Validator. Przygotowanie instrukcji dla administratora: jak dodawać FAQ; jak tworzyć przypadek; jak wskazywać autora; jak aktualizować datę przeglądu medycznego; jak dodawać wideo i transkrypt; jak powiązać materiał z usługą i lekarzem. inne.
Potrzebny specjalista od Wix do stworzenia strony według makiety Figma. Jest gotowy projekt strony w Figma. Należy go jakościowo zrealizować w Wix, maksymalnie przestrzegając makiety. Wymagane: przenieść projekt z Figma do Wix; zaadaptować wszystkie strony; ustawić wersje desktopową i mobilną; zapewnić poprawne wyświetlanie na różnych urządzeniach. Preferowani wykonawcy z doświadczeniem w pracy z Wix. Proszę przesyłać portfolio z zrealizowanymi projektami.
# Potrzebny frontendowiec (WordPress / WooCommerce): karta produktu ## O projekcie Działający sklep internetowy Projekt już gotowy — trzeba go starannie zakodować i zintegrować kartę produktu (single product). - Aktualna strona (przykład): https://obertshop.com.ua/shop/dysky/audi/r21-audi/disk-r21-na-avto-audi-obr9006/ Kodowanie szablonu single-product ## Wymagania - Kodowanie zgodnie z makietą Figma. - Responsywność: desktop + mobile, poprawne wyświetlanie w głównych przeglądarkach. - Integracja z istniejącą tematyką WooCommerce, czysty i wspierany kod. - Wynik — działająca strona na stronie, która odpowiada projektowi. ## Co wysłać w odpowiedzi 1. Portfolio (preferowane WordPress / WooCommerce, karty produktów). 2. Koszt — zaproponuj wygodny format (stała kwota za projekt lub stawka godzinowa). 3. Termin w dniach. 4. Pytania dotyczące makiety oraz lista dostępów/materiałów, które potrzebujemy od nas do rozpoczęcia. Dostęp do Figma, strony i potrzebne materiały przekażę w prywatnych wiadomościach po odpowiedzi.
Potrzebne jest zrealizowanie strony według projektu. Makieta jest trochę krzywa, więc pixel perfect nie jest konieczne. Wykonanie, responsywność dla urządzeń MOB, otwieranie stron po linkach oraz strona w 3 językach. Wszystkie teksty w blokach w innych językach prześlemy później. Dodatkowo: optymalizacja dla Google PageSpeed 100 / 100 dla MOB i PC. Albo przynajmniej 98 z 100, nie mniej!!! Proszę o propozycje terminów i kosztów. Makieta: https://www.figma.com/design/AkM2GAvaLAPw7IAOtkGPIy/DSL-2010--%D0%9F%D1%80%D0%B0%D0%B2%D0%BA%D0%B8-1-?node-id=6177-908&t=u7qPBPqxIifkwaug-0