https://www.creativemolly.com/insights-hub daily 0.75 2021-11-23 https://images.squarespace-cdn.com/content/v1/6070a7f14e738227fc8d14c5/924c58dc-e4bd-4f8c-abcf-63b3cc51c835/insights-hub-page-thumbnail-orange.jpg Insights Hub - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6070a7f14e738227fc8d14c5/7250572e-5da0-4d41-8211-f0b8e47eb45c/overview-hub-generic.jpg Insights Hub Solution 1: Optimize Category Nomenclature & Improve Discovery Users failed to locate deeper-level content due to the lack of clarity around the categorization of content. By categorizing the insights hub content into four buckets, or sub hubs, the user could access these sub hubs via the 2-up cards at the top of the page. Additionally, I added secondary navigation to allow users to flow from one sub hub to another based on the content they wanted. https://images.squarespace-cdn.com/content/v1/6070a7f14e738227fc8d14c5/95fa1772-6bb9-4893-9744-1fbd87261221/overview-page-sub-hub-cards.jpg Insights Hub For additional clarity, I worked with the content team to include a summary under the title of each sub hub card. The overview was added to orient the user by previewing the content they should expect to find in each sub hub before being redirected to it. https://images.squarespace-cdn.com/content/v1/6070a7f14e738227fc8d14c5/568e641e-fa2d-4d37-8066-2f4e24592856/2019-insights-hub-desktop-mobile-navigation.jpg Insights Hub https://images.squarespace-cdn.com/content/v1/6070a7f14e738227fc8d14c5/2511d635-6ad3-4cde-bcb3-6327f58fdcf7/insights-hub-r%26i-overview.jpg Insights Hub https://images.squarespace-cdn.com/content/v1/6070a7f14e738227fc8d14c5/ec184ec3-1228-478b-8a6c-cc141bfcb208/insights-hub-r%26i-filters.jpg Insights Hub Figure 2. Filtering UI on desktop, tablet, and mobile https://images.squarespace-cdn.com/content/v1/6070a7f14e738227fc8d14c5/be651b77-7d2d-4518-93a3-12a922d97f8c/insights-hub-r%26i-filters-search-in-use.jpg Insights Hub Figure 3. A Demonstration of search interactivity As soon as the user begins to type, the outline around the search box and search term become darker, an "X" appears to clear a search, and the background behind the submit button turns blue as the magnifying glass turns white. https://images.squarespace-cdn.com/content/v1/6070a7f14e738227fc8d14c5/b2d10149-6c4e-4e4f-bef9-285d03068f1d/insights-hub-r%26i-pillbtn-overflow.jpg Insights Hub Figure 4. Additive search results in addition to pre-selected topics show up above the media cards and filtering menu. https://images.squarespace-cdn.com/content/v1/6070a7f14e738227fc8d14c5/725f486a-06f5-48b7-81e8-fb3e376a9bf0/insights-hub-r%26i-0-results.jpg Insights Hub Figure 5. Zero Search Results Scenario If users search for a term that is misspelled or doesn't exist, they will receive a message telling them so, along with content they may like. They then can click on "Clear All," which will reset the page results back to their default state. https://images.squarespace-cdn.com/content/v1/6070a7f14e738227fc8d14c5/9ac8d434-a938-47a1-94fd-7f3d8dd10dc6/insights-hub-r%26i-pagination.jpg Insights Hub Figure 5. Additions I made to pagination Providing the total amount of pages available - i.e., "1 of 20" - based on search and filtering terms. Previously this didn't exist, making it hard for the user to know how many available page results existed. I added an option to type in the page number to jump to a page quickly and easily. I added "Previous" and "Next" arrows to toggle through pages instead of having to click on the specific page number to get there. https://www.creativemolly.com/live-better-booklet daily 0.75 2021-11-15 https://images.squarespace-cdn.com/content/v1/6070a7f14e738227fc8d14c5/611aa0e8-5077-42ad-9a9f-17054a2d8abb/live_better_book_front_book_page_thumbnail.jpg Live Better Booklet https://images.squarespace-cdn.com/content/v1/6070a7f14e738227fc8d14c5/0626447a-89ec-43d2-9931-a59b6e3c4794/live_better_book_front_back.jpg Live Better Booklet https://images.squarespace-cdn.com/content/v1/6070a7f14e738227fc8d14c5/ab08f5ba-b128-4591-aa07-9704a4b42ccb/live_better_book_insidepg2_3.jpg Live Better Booklet https://images.squarespace-cdn.com/content/v1/6070a7f14e738227fc8d14c5/111dd79a-005c-4d2b-b0bd-91f036d1a433/live_better_book_quote_page.jpg Live Better Booklet https://images.squarespace-cdn.com/content/v1/6070a7f14e738227fc8d14c5/622c3deb-6f52-4460-a797-ca6062c0c89d/live_better_book_mail_piece.jpg Live Better Booklet https://images.squarespace-cdn.com/content/v1/6070a7f14e738227fc8d14c5/c3b0ddc2-4640-4391-a729-25cef5534729/live_better_book_mail_piece_2.jpg Live Better Booklet https://images.squarespace-cdn.com/content/v1/6070a7f14e738227fc8d14c5/159aef39-e2c6-45f5-b006-ff2e9ac99973/live_better_book_faq.jpg Live Better Booklet https://images.squarespace-cdn.com/content/v1/6070a7f14e738227fc8d14c5/d1628698-3a19-4ee9-91db-48c581ead61d/live_better_book_back_book_stacks.jpg Live Better Booklet https://www.creativemolly.com/kinexus daily 0.75 2021-11-15 https://images.squarespace-cdn.com/content/v1/6070a7f14e738227fc8d14c5/b768265a-e4ae-4491-a0d6-16cd485789c6/kinexus_animation_page_thumbnail.jpg Kinexus Therapy Management Platform https://images.squarespace-cdn.com/content/v1/6070a7f14e738227fc8d14c5/ec9b05e5-239c-46e1-bd48-48c9bb39fc09/kinexus-story-board.jpg Kinexus Therapy Management Platform I created several storyboards for my stakeholders. Above is the final version that I sent to them. https://www.creativemolly.com/insights-hub-2 daily 0.75 2021-11-22 https://images.squarespace-cdn.com/content/v1/6070a7f14e738227fc8d14c5/924c58dc-e4bd-4f8c-abcf-63b3cc51c835/insights-hub-page-thumbnail-orange.jpg NxStage Navigation https://images.squarespace-cdn.com/content/v1/6070a7f14e738227fc8d14c5/7250572e-5da0-4d41-8211-f0b8e47eb45c/overview-hub-generic.jpg NxStage Navigation Solution 1: Optimize Category Nomenclature & Improve Discovery Users failed to locate deeper-level content due to the lack of clarity around the categorization of content. By categorizing the insights hub content into four buckets, or sub hubs, the user could access these sub hubs via the 2-up cards at the top of the page. Additionally, I added secondary navigation to allow users to flow from one sub hub to another based on the content they wanted. https://images.squarespace-cdn.com/content/v1/6070a7f14e738227fc8d14c5/95fa1772-6bb9-4893-9744-1fbd87261221/overview-page-sub-hub-cards.jpg NxStage Navigation For additional clarity, I worked with the content team to include a summary under the title of each sub hub card. The overview was added to orient the user by previewing the content they should expect to find in each sub hub before being redirected to it. https://images.squarespace-cdn.com/content/v1/6070a7f14e738227fc8d14c5/568e641e-fa2d-4d37-8066-2f4e24592856/2019-insights-hub-desktop-mobile-navigation.jpg NxStage Navigation https://images.squarespace-cdn.com/content/v1/6070a7f14e738227fc8d14c5/2511d635-6ad3-4cde-bcb3-6327f58fdcf7/insights-hub-r%26i-overview.jpg NxStage Navigation https://images.squarespace-cdn.com/content/v1/6070a7f14e738227fc8d14c5/ec184ec3-1228-478b-8a6c-cc141bfcb208/insights-hub-r%26i-filters.jpg NxStage Navigation Figure 2. Filtering UI on desktop, tablet, and mobile https://images.squarespace-cdn.com/content/v1/6070a7f14e738227fc8d14c5/be651b77-7d2d-4518-93a3-12a922d97f8c/insights-hub-r%26i-filters-search-in-use.jpg NxStage Navigation Figure 3. A Demonstration of search interactivity As soon as the user begins to type, the outline around the search box and search term become darker, an "X" appears to clear a search, and the background behind the submit button turns blue as the magnifying glass turns white. https://images.squarespace-cdn.com/content/v1/6070a7f14e738227fc8d14c5/b2d10149-6c4e-4e4f-bef9-285d03068f1d/insights-hub-r%26i-pillbtn-overflow.jpg NxStage Navigation Figure 4. Additive search results in addition to pre-selected topics show up above the media cards and filtering menu. https://images.squarespace-cdn.com/content/v1/6070a7f14e738227fc8d14c5/725f486a-06f5-48b7-81e8-fb3e376a9bf0/insights-hub-r%26i-0-results.jpg NxStage Navigation Figure 5. Zero Search Results Scenario If users search for a term that is misspelled or doesn't exist, they will receive a message telling them so, along with content they may like. They then can click on "Clear All," which will reset the page results back to their default state. https://images.squarespace-cdn.com/content/v1/6070a7f14e738227fc8d14c5/9ac8d434-a938-47a1-94fd-7f3d8dd10dc6/insights-hub-r%26i-pagination.jpg NxStage Navigation Figure 5. Additions I made to pagination Providing the total amount of pages available - i.e., "1 of 20" - based on search and filtering terms. Previously this didn't exist, making it hard for the user to know how many available page results existed. I added an option to type in the page number to jump to a page quickly and easily. I added "Previous" and "Next" arrows to toggle through pages instead of having to click on the specific page number to get there. https://www.creativemolly.com/work daily 1.0 2026-10-06 https://images.squarespace-cdn.com/content/v1/6070a7f14e738227fc8d14c5/924c58dc-e4bd-4f8c-abcf-63b3cc51c835/insights-hub-page-thumbnail-orange.jpg Portfolio - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6070a7f14e738227fc8d14c5/611aa0e8-5077-42ad-9a9f-17054a2d8abb/live_better_book_front_book_page_thumbnail.jpg Portfolio - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/6070a7f14e738227fc8d14c5/b768265a-e4ae-4491-a0d6-16cd485789c6/kinexus_animation_page_thumbnail.jpg Portfolio - Make it stand out Whatever it is, the way you tell your story online can make all the difference.