{"id":25,"date":"2022-09-07T02:08:13","date_gmt":"2022-09-06T23:08:13","guid":{"rendered":"https:\/\/nanid.ru\/en\/?post_type=projects&#038;p=25"},"modified":"2022-09-07T18:06:32","modified_gmt":"2022-09-07T15:06:32","slug":"traffic-filtering-system","status":"publish","type":"projects","link":"https:\/\/nanid.ru\/en\/projects\/traffic-filtering-system\/","title":{"rendered":"Traffic filtering system"},"content":{"rendered":"<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-166\" src=\"https:\/\/nanid.ru\/wp-content\/uploads\/traffic_slide1.jpg\" alt=\"\" width=\"1135\" height=\"646\" \/>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h2>The goal<\/h2>\n<p>To make a service with complex functionality as simple and understandable for the user as possible, taking into account the specifics of the niche. The dashboard design should look light and pleasant.<\/p>\n<p>Additionally, it was necessary to develop a dark theme, since most of the arbitrators work mainly at night.<\/p>\n<p>&nbsp;<\/p>\n<h2>Where did we start<\/h2>\n<p>Based on the provided &#8220;raw&#8221; schematic screens with a description of the functionality, a project map was created and finalized.<\/p>\n<p>&nbsp;<\/p>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-169\" src=\"https:\/\/nanid.ru\/wp-content\/uploads\/Traffic_Map.jpg\" alt=\"\" width=\"1335\" height=\"800\" \/>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h2>UX<\/h2>\n<p>We have analyzed the TOP 10 similar services for the availability and implementation of the necessary functionality.<br \/>\nBased on the information received, the functional windows of the service were designed with the addition of convenient functions that competitors lacked.<\/p>\n<p>&nbsp;<\/p>\n<h2>Colors and fonts<\/h2>\n<p>We have drawn and approved the design concept using the example of a single screen. We have selected fonts, UI elements style and color scheme.<br \/>\nThen, in the course of all the work, the UI-kit of the project was created and supplemented.<\/p>\n<p>&nbsp;<\/p>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-174\" src=\"https:\/\/nanid.ru\/wp-content\/uploads\/traffic_color.jpg\" alt=\"\" width=\"1135\" height=\"680\" \/>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h2>The main page<\/h2>\n<p>We also edited the texts and drew the main page of the site to introduce users to the capabilities of the service and offer various tariffs.<\/p>\n<p>&nbsp;<\/p>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-177\" src=\"https:\/\/nanid.ru\/wp-content\/uploads\/traffic_main.jpg\" alt=\"\" width=\"1135\" height=\"1260\" \/>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h2>Logo<\/h2>\n<p>Initially, customers ordered naming and logo from a third-party company. But unfortunately none of the options appealed to them. Therefore, we offered our own version of the icon and logo, which was approved.<\/p>\n<p>&nbsp;<\/p>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-204\" src=\"https:\/\/nanid.ru\/wp-content\/uploads\/filter_logo_1.jpg\" alt=\"\" width=\"1135\" height=\"756\" \/>\n<p>&nbsp;<\/p>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-165\" src=\"https:\/\/nanid.ru\/wp-content\/uploads\/filter_logo.jpg\" alt=\"\" width=\"1135\" height=\"742\" \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-198\" src=\"https:\/\/nanid.ru\/wp-content\/uploads\/filter_logo_2.jpg\" alt=\"\" width=\"1135\" height=\"756\" \/>\n<p>&nbsp;<\/p>\n<h2>Statistics screen<\/h2>\n<p>The ability to view detailed statistics on all created companies.<\/p>\n<p>&nbsp;<\/p>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-179\" src=\"https:\/\/nanid.ru\/wp-content\/uploads\/traffic_statistic.jpg\" alt=\"\" width=\"1135\" height=\"770\" \/>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h2>Campaigns<\/h2>\n<p>The campaigns screen provides many actions. Creating a new campaign, stopping and starting, editing, duplicating and deleting campaigns. As well as viewing basic statistics.<\/p>\n<p>&nbsp;<\/p>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-178\" src=\"https:\/\/nanid.ru\/wp-content\/uploads\/traffic_camp.jpg\" alt=\"\" width=\"1135\" height=\"674\" \/>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h2>Dark and light mode<\/h2>\n<p>&nbsp;<\/p>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-162\" src=\"https:\/\/nanid.ru\/wp-content\/uploads\/traffic-01.jpg\" alt=\"\" width=\"1135\" height=\"720\" \/>\n<p>&nbsp;<\/p>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-135\" src=\"https:\/\/nanid.ru\/wp-content\/uploads\/2022\/05\/traffic-cover.jpg\" alt=\"\" width=\"1135\" height=\"720\" \/>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-193\" src=\"https:\/\/nanid.ru\/wp-content\/uploads\/traffic_filter_dark.jpg\" alt=\"\" width=\"1135\" height=\"1190\" \/>\n<p>&nbsp;<\/p>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-194\" src=\"https:\/\/nanid.ru\/wp-content\/uploads\/traffic_dark_1.jpg\" alt=\"\" width=\"1135\" height=\"1617\" \/>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>In total, more than 50 screens and windows were designed and rendered, this is just a part of them:<\/p>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-197\" src=\"https:\/\/nanid.ru\/wp-content\/uploads\/traffic_all.png\" alt=\"\" width=\"1135\" height=\"619\" \/>\n","protected":false},"featured_media":0,"template":"","_links":{"self":[{"href":"https:\/\/nanid.ru\/en\/wp-json\/wp\/v2\/projects\/25"}],"collection":[{"href":"https:\/\/nanid.ru\/en\/wp-json\/wp\/v2\/projects"}],"about":[{"href":"https:\/\/nanid.ru\/en\/wp-json\/wp\/v2\/types\/projects"}],"wp:attachment":[{"href":"https:\/\/nanid.ru\/en\/wp-json\/wp\/v2\/media?parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}