Scottish Financial News
Тип на проекта:
Уеб Редизайн
Извършени услуги:
Уеб редизайн,
UI/UX
Клиент:
Scottish Financial News е водещата ежедневна новинарска услуга за шотландската общност от счетоводители, одитори, финансови директори и специалисти по несъстоятелност. Те публикуват безплатен ежедневен имейл бюлетин, който се изпраща директно до пощенските кутии на хиляди шотландски граждани, работещи в много различни области на професията.
Цели на проекта
Клиентът се свърза с мен с молба да направя редизайн на няколко от техните уебсайтове. Те управляват както ирландски, така и шотландски уебсайтове за правни и финансови новини, които имат много сходна структура, така че по същество се нуждаят от модерен шаблон за дизайн на уебсайт за новини, който могат да използват повторно и просто да променят цветовите нюанси и лога за различните пазари. Предизвикателството тук беше да се измисли дизайн, който да пасне на много ниши, но все пак да има някакъв характер. Друга цел на този проект беше да повиши информираността за техните социални мрежи, както и за техните седмични/дневни бюлетини, които са от голяма полза за читатели им. Трябваше също така да включим директория със събития и работни места, в която потребителите да търсят.
Клиентът имаше лого, базирано на серифен шрифт, така че обсъдихме, че това може да бъде добро начало за творческа посока. Изработих moodboard, за да се съгласим с цялостния външен вид и усещане, включвайки шрифта, който са използвали, и той пасна идеално на вестникарското усещането, което търсихме за проекта. Текстовата природа на уебсайта ме накара да се ориентирам към лек и просторен стил, за да подобрим четливостта.
Подход
След като се съгласихме за стила, продължих с wireframing. Избрах мрежа от 4 колони за повечето страници, където оформлението ще се редува между статии с 1 колона и големи новини с 2 колони, съдържащи снимка. Навигацията е решена да бъде на две нива дълбочина съответно на два отделни реда. Уебсайтът разчита на рекламата за финансирането си, така че трябваше да направя място и за банери с различни размери.
За страницата със статии избрах мрежата от 5 колони, за да използвам по-голямата част от пространството - 3-те средни колони за показване на основното съдържание, центрирано за най-добро читателско преживяване. Другите две колони съдържаха плаващи елементи като бутони за споделяне и информация за автора.
Решенията
-
За такива проекти типографската йерархия и контрастът между текстовете имат най-голяма влияние към естетиката на дизайна. Прекарах доста време заигравайки се с различни размери и начертания, за да постигна оптимална четливост и да имаме този вестникарски облик. Използвал съм иконография в стил тънки линии за повтарящи се раздели като "последни статии/работни места" или "представени новини", за да "оживя" малко дизайна.
Наличието на толкова много текст може да бъде претоварващо за читателя, така че реших да имам специално оформление на таговете на статията, като ги направих да имат фон и очертание, за да се отличават повече.
Използвах фини линии за разделяне на секции, които иначе биха могли да станат твърде претрупани.
Друго страхотно нещо, което решихме да добавим, е времето, необходимо за четене на статия, което би могло да насърчи хората да четат повече, особено ако пътуват до работното си място или чакат на опашка. -
Страницата със статии се нуждаеше от специален подход, тъй като това е най-използваният шаблон в уебсайта. След като основното съдържание е центрирано, използвах оставащото пространство за подобряване на ангажираността на потребителите, чрез показването на плаваща "стики" колона, съдържаща бутони за споделяне, както и подканване за абониране за бюлетина на сайта. Цитатите на статията също излизат от центрираната област на основното съдържание, което ги кара да се откроят повече и оформлението да изглежда както нетривиално така и по-интересно.
Други допълнения към интерфейса бяха необходимите надписи на изображения с връзка, особено за уебсайта за правни новини, както и контейнера за свойства. Този контейнер се появява за жилищни статии и показва местоположението на сградата, както и друга важна информация като тип, съвет, екип и т.н. -
Уебсайтовете на клиента трябваше да дадат допълнителна стойност на читателите в областта на финансовите и правни новини, като това беше постигнато, предлагайки им търсене на работа в тяхната сфера, както и събития, които могат да бъдат филтрирани по дата и местоположение. Освен заделените страници за тези функционалности, ние сме включили най-новите оферти за работа и събития в секции на началната страница, както и колони от дясната страна на други страници.
Мобилна версия
За мобилната версия трябваше да измисля типография с намален размер за повечето заглавия. Навигацията беше скрита хамбургер менюто, така че винаги да се вижда само важният за читателите бутон „Абониране“. Оформлението също беше сведено до грид с две колони и най-важните новини, които направихме с пълна ширина.
