Ulepszyć projekt bloków landing page
6500 UAH 
Tylko zleceniodawca ma dostęp do oglądania prac konkursowych
Użycie obrazów stockowych oraz AI jest dozwolone
 |
Anatolii L. Fernir 
Bajonna 4 0 1 |
Firma zajmuje się tworzeniem oprogramowania. Pracujemy przez platformę freelancerów, gdzie zabronione jest podawanie linku do strony przy pierwszym kontakcie, dlatego na razie nie oczekujemy sprzedaży z landing page. Głównie będą go widzieć programiści z Ukrainy, których chcemy zatrudnić, oraz stażyści. Dlatego strona powinna wyglądać jak najbardziej profesjonalnie i reprezentacyjnie. Nie potrzebujemy landing page, który zbytnio próbuje coś sprzedać.
Potrzebny jest stylowy landing page, który pozostawi dobre wrażenie na kandydacie do pracy.
Należy poprawić projekt bloków landing page:
https://4af0d97b.public-site-46n.pages.dev
Potrzebne są poprawki w “Drugim bloku”, “Formie”, “Zespole” i “Stronie stażysty”. Inne bloki nie muszą być zmieniane.
Interesuje nas minimalistyczny styl, biały tło. Grupa docelowa to programiści w wieku 20 - 40 lat, przeważająca większość to mężczyźni. Powinno wyglądać drogo i jakościowo, nie jak landing page za 1000-4000 UAH. Inspiracje: Apple, Tesla (nie ich konkretne strony, a podejście do designu).
Czcionka
Należy zaproponować czcionkę, ponieważ obecna źle działa z językiem rosyjskim. Preferowana maksymalnie podobna do obecnej. Może być płatna.
Drugi blok
Drugi blok to ten, który znajduje się pod gradientem hero i nad blokiem logo. To obrazy dwóch biegaczy i teksty “Szybko się poprawiamy...”, “Nienawidzimy…”.
Obecnie wygląda to jakoś amatorsko.
Nad drugim blokiem trzeba mocno popracować.
Użyliśmy obrazów biegaczy, aby podkreślić temat szybkości. Głównym tematem jest jakość i szybkość.
Możecie zaproponować całkowicie swoją wersję lub poprawić naszą.
Co obecnie nie odpowiada w naszej wersji:
Tekst wygląda jakoś pusto.
Nie jesteśmy pewni kompozycji biegaczy i tekstu. Tę kompozycję wybraliśmy sami, bez projektanta. Dlatego nie jesteśmy pewni, czy to odpowiada zaleceniom dotyczącym kompozycji.
Drugi szary biegacz należy pokolorować, aby lepiej wpasował się w design (jest plik wektorowy .eps i .png).
Naszą wersję możecie zmieniać jak chcecie lub zaproponować całkowicie swoją wersję.
Nasze obrazy możecie pobrać ze strony przez F12 w Chrome:
https://4af0d97b.public-site-46n.pages.dev
Link do wektorowego biegacza (jego .png można pobrać ze strony):
https://drive.google.com/file/d/1iqoGqSzlPAHdhbjPjyW5w19wCVei0lKN/view?usp=sharing
Zespół
Pod blokiem logo należy dodać blok zespołu z zdjęciami 5 osób, w przyszłości może być więcej. Zdjęcia będą przycinane powyżej pasa, oto przykład, gdzie zdjęcie będzie przycinane:
https://drive.google.com/file/d/1FgFLFFmjpT33vcK6gEMOXcbzfTvBNeCI/view?usp=sharing
Należy wpisać imię i nazwisko. Pozycję, przykłady:
.Net Developer
Hr Manager
Angular Developer
I miejsce na jakąś cytat lub osiągnięcia, na przykład:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam imperdiet, leo
Forma
Forma zaczyna się od tekstu “Porozmawiajmy”. Tutaj w zasadzie jest w porządku, ale wydaje nam się, że przycisk Wyślij w takim stylu nie pasuje do designu. Należy coś zrobić z przyciskiem.
Strona stażysty
Grupa docelowa to ludzie w wieku 18-45 lat z Ukrainy, którzy chcą zostać programistami.
Ta strona nie powinna wyglądać jak landing kursów IT. Ta strona to opis oferty pracy dla stażysty programisty od prawdziwej firmy zajmującej się tworzeniem oprogramowania. Na tę stronę ludzie trafiają z oferty pracy na stronie z ogłoszeniami.
Nie myślcie “sprzedaż kursów IT”, myślcie “opis stażu”.
Należy zrobić, aby strona wyglądała profesjonalnie, stylowo i estetycznie przyjemnie. Tło pozostawić białe.
Tekst zmieniać nie trzeba.
Link Trainees lub https://4af0d97b.public-site-46n.pages.dev/trainees
Blok hero
Blok nie zmieniać, po prostu wewnątrz gradientu dużymi białymi literami jakoś ciekawie skomponować tekst:
FlexDev Pozycja Stażysty
Problemy z rosyjską czcionką
Na tej stronie angielski tekst i cyfry są wyróżnione pogrubioną czcionką, ponieważ dla angielskiego i cyfr czcionka działa, a dla rosyjskich liter nie. Nie wyróżnialiśmy tego pogrubieniem. Nie zwracajcie uwagi na to, że jakiś tekst jest pogrubiony. Przy użyciu waszej nowej czcionki wszystko powinno być w porządku.
Компания занимается разработкой программного обеспечения. Мы работаем через биржу фрилансеров, там запрещено давать ссылку на сайт при первом контакте, поэтому пока от лендинга мы не ожидаем продаж. Его в основном будут видеть программисты из Украины которых мы хотим нанять и трейни/стажеры. Поэтому сайт просто должен выглядеть максимально профессионально и презентабельно. Не нужен лендинг который сильно пытается что-то продать.
Нужен стильный лендинг который оставит хорошее впечатление у кандидата на найм.
Нужно улучшить дизайн блоков лендинга:
https://4af0d97b.public-site-46n.pages.dev
Нужны улучшения на “Втором блоке”, “Форме”, “Команда” и “Трейни странице”. Другие блоки не нужно менять.
Нас интересует минималистический стиль, белый фон. Целевая аудитория программисты 20 - 40 лет, подавляющее большинство парни. Должно выглядеть дорого и качественно, не так как на лендингах за 1000-4000 грн. Вдохновление: Apple, Tesla (не их конкретные сайты, а подход к дизайну).
Шрифт
Нужно предложить шрифт, так как текущий плохо с русским языком работает. Желательно максимально похожий на текущий. Можно платный.
Второй блок
Второй блок это то, что под hero градиентом и над блоком логотипов. Это картинки двух бегунов и тексты “Quickly improving...”, “We hate…”.
Сейчас выглядит как-то по-аматорски.
Над вторым блоком нужно само сильно потрудиться.
Мы использовали картинки бегунов, чтоб сделать акцент на теме скорости. Основная тема качество и скорость.
Можете предложить полностью свой вариант или улучшить наш.
Что сейчас не устраивает в нашем варианте:
Текст как-то голо выглядит.
Не уверены в компоновке бегунов и текста. Эту компоновку выбрали самостоятельно, без дизайнера. Поэтому не уверены если это соответствует рекомендациям по композиции.
Второй серый бегун нужно раскрасить, чтоб он в дизайн лучше вписывался (есть векторный .eps файл и .png).
Наш вариант можете менять как хотите или предложить полностью свой вариант.
Наши картинки можете взять с сайта через F12 в Chrome:
https://4af0d97b.public-site-46n.pages.dev
Ссылка на векторного бегуна (его .png можно взять с сайта):
https://drive.google.com/file/d/1iqoGqSzlPAHdhbjPjyW5w19wCVei0lKN/view?usp=sharing
Команда
Под блоком логотипов нужно добавить блок команды с фото 5 человек, в будущем больше может быть. Фотографии будут заканчиваться выше пояса, вот пример где фото будет обрезаться:
https://drive.google.com/file/d/1FgFLFFmjpT33vcK6gEMOXcbzfTvBNeCI/view?usp=sharing
Нужно написать имя фамилию. Позицию, примеры:
.Net Developer
Hr Manager
Angular Developer
И место для какой-то цитаты или заслуг, например:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam imperdiet, leo
Форма
Форма начинается от “Lets talk” текста. Тут в принципе нормально, но нам кажется что кнопка Send такого вида не вписывается в дизайн. Стоит что-то сделать с кнопкой.
Трейни страница
Целевая аудитория люди 18-45 лет с Украины, которые хотят стать программистами.
Эта страница не должна выглядеть как лендинг курсов ИТ. Эта страница описание вакансии трейни программиста от реальной компании которая занимается разработкой. На эту страницу люди попадают с вакансии на сайте поиска работы.
Не думайте “продажа ИТ курсов”, думайте “описание стажировки”.
Нужно сделать, чтоб страница выглядела профессионально, стильно и эстетически приятно. Фон оставить белый.
Текст менять не надо.
Ссылка Trainees или https://4af0d97b.public-site-46n.pages.dev/trainees
Hero блок
Блок не менять, просто внутри градиента большими белыми буквами как-то интересно скомпоновать текст:
FlexDev Трейни Позиция
Проблемы с русским шрифтом
На этой странице английский текст и цифры выделены жирным шрифтом, это из-за того что для английского и цифр шрифт работает, а для русских букв нет. Мы это жирным не выделяли. Не обращайте внимание на то что какой-то текст жирный. При использовании вашего нового шрифта, всё должно быть нормально.
Przesłano pracę, która całkowicie zmieniła projekt całej strony. Nie trzeba tego robić. Należy edytować tylko bloki, które były wspomniane wcześniej, tak aby pasowały do istniejącego projektu.
Была прислана работа которая полностью поменяла дизайн всего сайта. Это делать не нужно. Надо отредактировать только блоки которые упоминались выше, так чтоб они в существующий дизайн вписывались.
Zwycięska praca
Ivan M.
