{"id":5006,"date":"2018-07-26T16:13:41","date_gmt":"2018-07-26T13:13:41","guid":{"rendered":"https:\/\/tubikstudio.com\/?p=5006"},"modified":"2023-10-11T12:08:24","modified_gmt":"2023-10-11T12:08:24","slug":"case-study-florence-app-illustrations-for-healthcare-service","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/case-study-florence-app-illustrations-for-healthcare-service\/","title":{"rendered":"Case Study: Florence App. Illustrations for Healthcare Service"},"content":{"rendered":"

Custom illustrations created for websites and mobile apps have numerous advantages. And among them, the big one is their great potential in telling the bright and clear story to the user. Today our case study is right about that: let’s check a fresh project on storytelling illustrations for a healthcare service Florence based in the UK. The Tubik designer for the project was Yaroslava Yatsuba\u00a0who earlier shared with you the tips on creating blog\u00a0illustrations<\/a> and working out personal artistic style<\/a>.<\/span><\/p>\n

\"tubik<\/p>\n

Project<\/span><\/h2>\n

Creating original digital illustrations presenting the features and benefits of the\u00a0healthcare service connecting nurses and patients.<\/span><\/p>\n

Process<\/span><\/h2>\n

Florence is an online marketplace where self-employed nurses can find high-paying shifts across the UK. It removes the hassle of booking through agencies: nurses connect directly to clients and choose suitable shifts. The task for the designer was to create illustrations in which characters will reflect the nature of the service and the benefits it brings to improve life for both nurses and patients.<\/span><\/p>\n

The first stage of the task required creating a set of sketches of nurses doing typical activities and elderly patients enjoying life.<\/span><\/p>\n

\"florence<\/p>\n

\"florence<\/p>\n

At this stage, the graphic designer created\u00a0six quite detailed sketches and then added two more. There weren’t too many alterations for them: just little changes were made in the nurses’ uniforms to give them more modern looks and also the male nurse character was added.<\/span><\/p>\n

\"florence<\/p>\n

Having discussed the hand-drawn sketches with the client, the designer made one of them digital and presented in two color palettes based on the corporate color of the company (#7158CD) and its shades. Two-color schemes were chosen for it: four-color contrast harmony and analogous colors<\/a>. The choice turned next to the four-color contrast harmony.<\/span><\/p>\n

\"color<\/p>\n

The next stage involved digitizing and detalization of the sketches.<\/span><\/p>\n

\"case<\/p>\n

Then the designer moved to\u00a0creating\u00a0<\/span>an extended and complex illustration that would unite many sketches into one integral composition. The artist defined the task for herself to combine all those separate scenes harmonically and this way to transfer the message about the core idea behind the app – connection\u00a0with health workers that care about elderly people.<\/span><\/p>\n

After the process of creative search in the aspect of the effective composition, the designer came up with the idea of placing the characters on various gadgets. This way each pair of elderly people would be connected to a nurse and this way will transfer the key message: we are close, in the one-click distance, don’t worry, enjoy your life.<\/span><\/p>\n

\"florence<\/p>\n

When all the parts of the image were digitized, and details were polished, the designer provided the clients with two options of the background color – cold and warm. The clients made a choice upon the warm one.<\/span><\/p>\n

\"illustration<\/p>\n

The variant with a cold background color<\/em><\/span><\/p>\n

\"website<\/p>\n

The variant with a warm background color<\/em><\/span><\/p>\n

As we mentioned in the article devoted to hot UI design trends<\/a>, the trend of custom graphics<\/a> has opened a wider perspective of storytelling in the interfaces. More and more websites and mobile apps turn to specially designed characters showing the story, setting the atmosphere, sending the message, or presenting the benefits in a way that corresponds to the mood, tone, and voice of the platform. Original characters help to make the interactions more human-like, set strong visual associations with the real world, and instantly transfer the needed mood. What\u2019s more, depending on the composition, the characters may become an effective tool to make the page or screen dynamic and lively.\u00a0<\/span><\/p>\n

\"florence<\/p>\n

Useful Reading<\/span><\/h2>\n

Here’s a bunch of handy articles and case studies on graphic design and digital art:<\/span><\/p>\n

Design Process: How to Create Illustrations for IT Blog or Landing Page<\/a><\/span><\/p>\n

Graphic Design: 24 Elaborate Flat Illustrations for Your Inspiration<\/a><\/span><\/p>\n

How to Create Original Flat Illustrations: Designer\u2019s Tips<\/a><\/span><\/p>\n

Real Racing. Graphic Design for Mobile Game<\/a><\/span><\/p>\n

Winter Olympics Illustration. Step-by-Step Process<\/a><\/span><\/p>\n

OK Boomer. Trivia Game Design and Branding<\/a><\/p>\n

Real Bitcoin. Creating Website Illustrations<\/a><\/p>\n

Many Faces of Graphic Design: What Do Graphic Designers Do?<\/a><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

The case study shows the process of designing custom digital illustrations for a healthcare service: from the idea and sketches to a complex digital artwork.<\/p>\n","protected":false},"author":3,"featured_media":8877,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4,6,9],"tags":[414,434,57,482,123,491,127,529,168,533,169,534,170,536,191,548,212,569,213,622,216,223,248,256,263],"coauthors":[],"class_list":["post-5006","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-case_study","category-illustration","category-ui_ux","tag-sketching","tag-theme-illustration","tag-case-study","tag-user-experience","tag-design-for-business","tag-user-interface","tag-design-for-marketing","tag-visual-storytelling","tag-digital-art","tag-web-design","tag-digital-design","tag-web-design-article","tag-digital-illustration","tag-web-design-case-study","tag-flat-illustration","tag-website-design","tag-graphic-design","tag-2d-illustration","tag-graphic-design-article","tag-healthcare","tag-graphic-design-process","tag-health","tag-illustration","tag-interaction-design","tag-interface-illustration"],"acf":[],"yoast_head":"\nCase Study: Florence App. Illustrations for Healthcare Service<\/title>\n<meta name=\"description\" content=\"The case study shows the process of designing custom digital illustrations for a healthcare service: from the idea and sketches to a complex digital artwork.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tubikstudio.com\/blog\/case-study-florence-app-illustrations-for-healthcare-service\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Case Study: Florence App. Illustrations for Healthcare Service\" \/>\n<meta property=\"og:description\" content=\"The case study shows the process of designing custom digital illustrations for a healthcare service: from the idea and sketches to a complex digital artwork.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tubikstudio.com\/blog\/case-study-florence-app-illustrations-for-healthcare-service\/\" \/>\n<meta property=\"og:site_name\" content=\"Tubik Blog: Articles About Design\" \/>\n<meta property=\"article:published_time\" content=\"2018-07-26T13:13:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-11T12:08:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/11\/graphic-design-case-study.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"750\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Marina Yalanska\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marina Yalanska\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-florence-app-illustrations-for-healthcare-service\/\",\"url\":\"https:\/\/tubikstudio.com\/blog\/case-study-florence-app-illustrations-for-healthcare-service\/\",\"name\":\"Case Study: Florence App. Illustrations for Healthcare Service\",\"isPartOf\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-florence-app-illustrations-for-healthcare-service\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-florence-app-illustrations-for-healthcare-service\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/11\/graphic-design-case-study.jpg\",\"datePublished\":\"2018-07-26T13:13:41+00:00\",\"dateModified\":\"2023-10-11T12:08:24+00:00\",\"author\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\"},\"description\":\"The case study shows the process of designing custom digital illustrations for a healthcare service: from the idea and sketches to a complex digital artwork.\",\"breadcrumb\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-florence-app-illustrations-for-healthcare-service\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tubikstudio.com\/blog\/case-study-florence-app-illustrations-for-healthcare-service\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-florence-app-illustrations-for-healthcare-service\/#primaryimage\",\"url\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/11\/graphic-design-case-study.jpg\",\"contentUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/11\/graphic-design-case-study.jpg\",\"width\":1000,\"height\":750,\"caption\":\"graphic design case study\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-florence-app-illustrations-for-healthcare-service\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tubikstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Case Study: Florence App. Illustrations for Healthcare Service\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\",\"url\":\"https:\/\/tubikstudio.com\/blog\/\",\"name\":\"Tubik Blog: Articles About Design\",\"description\":\"Tubik Studio\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\",\"name\":\"Marina Yalanska\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/2ddde1c118fcf989ce8e73997a3909dd\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g\",\"caption\":\"Marina Yalanska\"},\"url\":\"https:\/\/tubikstudio.com\/blog\/author\/marina-yalanska\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Case Study: Florence App. Illustrations for Healthcare Service","description":"The case study shows the process of designing custom digital illustrations for a healthcare service: from the idea and sketches to a complex digital artwork.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/tubikstudio.com\/blog\/case-study-florence-app-illustrations-for-healthcare-service\/","og_locale":"en_US","og_type":"article","og_title":"Case Study: Florence App. Illustrations for Healthcare Service","og_description":"The case study shows the process of designing custom digital illustrations for a healthcare service: from the idea and sketches to a complex digital artwork.","og_url":"https:\/\/tubikstudio.com\/blog\/case-study-florence-app-illustrations-for-healthcare-service\/","og_site_name":"Tubik Blog: Articles About Design","article_published_time":"2018-07-26T13:13:41+00:00","article_modified_time":"2023-10-11T12:08:24+00:00","og_image":[{"width":1000,"height":750,"url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/11\/graphic-design-case-study.jpg","type":"image\/jpeg"}],"author":"Marina Yalanska","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Marina Yalanska","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tubikstudio.com\/blog\/case-study-florence-app-illustrations-for-healthcare-service\/","url":"https:\/\/tubikstudio.com\/blog\/case-study-florence-app-illustrations-for-healthcare-service\/","name":"Case Study: Florence App. Illustrations for Healthcare Service","isPartOf":{"@id":"https:\/\/tubikstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tubikstudio.com\/blog\/case-study-florence-app-illustrations-for-healthcare-service\/#primaryimage"},"image":{"@id":"https:\/\/tubikstudio.com\/blog\/case-study-florence-app-illustrations-for-healthcare-service\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/11\/graphic-design-case-study.jpg","datePublished":"2018-07-26T13:13:41+00:00","dateModified":"2023-10-11T12:08:24+00:00","author":{"@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f"},"description":"The case study shows the process of designing custom digital illustrations for a healthcare service: from the idea and sketches to a complex digital artwork.","breadcrumb":{"@id":"https:\/\/tubikstudio.com\/blog\/case-study-florence-app-illustrations-for-healthcare-service\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tubikstudio.com\/blog\/case-study-florence-app-illustrations-for-healthcare-service\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/case-study-florence-app-illustrations-for-healthcare-service\/#primaryimage","url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/11\/graphic-design-case-study.jpg","contentUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/11\/graphic-design-case-study.jpg","width":1000,"height":750,"caption":"graphic design case study"},{"@type":"BreadcrumbList","@id":"https:\/\/tubikstudio.com\/blog\/case-study-florence-app-illustrations-for-healthcare-service\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tubikstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Case Study: Florence App. Illustrations for Healthcare Service"}]},{"@type":"WebSite","@id":"https:\/\/tubikstudio.com\/blog\/#website","url":"https:\/\/tubikstudio.com\/blog\/","name":"Tubik Blog: Articles About Design","description":"Tubik Studio","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f","name":"Marina Yalanska","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/2ddde1c118fcf989ce8e73997a3909dd","url":"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g","caption":"Marina Yalanska"},"url":"https:\/\/tubikstudio.com\/blog\/author\/marina-yalanska\/"}]}},"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/5006","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/comments?post=5006"}],"version-history":[{"count":6,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/5006\/revisions"}],"predecessor-version":[{"id":14443,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/5006\/revisions\/14443"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media\/8877"}],"wp:attachment":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=5006"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=5006"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=5006"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/coauthors?post=5006"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}