https://nattygsmith.com/about daily 0.75 2026-02-13 https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/5b1fcd9f-a17c-4dc9-b355-d239ab87e205/IMG_2853.jpg About - Make it stand out Photo by Maddie Freeman https://nattygsmith.com/contact daily 0.75 2024-04-06 https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/1634822676729-D1R4L3LI215Z4LLPWI14/nsmith_listening_cropped.png Contact - Be in touch! nattygsmith@gmail.com (781) 710-6131 Designing from Cambridge, Massachusetts. Find me on Linkedin. https://nattygsmith.com/404-page-not-found daily 0.75 2021-08-29 https://nattygsmith.com/back-and-forth daily 0.75 2022-02-10 https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/1634685783941-KLJ429ESTRJTBI8F5R62/1-Brand.png Designing document-sharing support for teachers and students during remote school https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/1634685811263-IZ7X3QAE8JDO9LY7K5EJ/2-Logo.png Designing document-sharing support for teachers and students during remote school https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/1634685862583-NJATG7CBW2BG5F3M3G6J/3-Colors.png Designing document-sharing support for teachers and students during remote school https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/1634685923639-3PA7IL212V29LERDBQ66/4-Fonts.png Designing document-sharing support for teachers and students during remote school https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/1634686095835-T3RL7A3P2DNA74TNZ7SI/5-Fonts2.png Designing document-sharing support for teachers and students during remote school https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/1634686127092-45R5GQZ99DTL3FGHSQVT/6-Grids.png Designing document-sharing support for teachers and students during remote school https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/1634686178906-4Z4BGB16QZOX5IJEB25H/7-Icons.png Designing document-sharing support for teachers and students during remote school https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/1634686243880-Z0XR4XETQIIIVTF2CRA4/8-UI+Elements.png Designing document-sharing support for teachers and students during remote school https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/1634686302249-OYT7J4DR1C2VUGKQQQSD/9-Imagery.png Designing document-sharing support for teachers and students during remote school https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/1634669585056-DTW8TZ9QSHC6ZANZOF88/hybrid_teaching-Bob_Daemmrich-Alamy+Stock+Photo.jpg Designing document-sharing support for teachers and students during remote school - Make it stand out Bob Daemmrich / Alamy Stock Photo https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/1634670249972-MFTDE1B64X37JBJFZ64U/element5-digital-OyCl7Y4y0Bk-unsplash.jpg Designing document-sharing support for teachers and students during remote school - 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/6129130130b90525c0908b42/13bc70f4-ef14-4dcd-8423-66824f605a47/Secondary+research.png Designing document-sharing support for teachers and students during remote school - Make it stand out Secondary research report https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/3e964a07-7c19-4136-b797-239142402aeb/User+interview+documents.png Designing document-sharing support for teachers and students during remote school - 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/6129130130b90525c0908b42/99f9aa59-b84b-4e3b-95e7-8101dcb29606/User+interview+banner.png Designing document-sharing support for teachers and students during remote school - 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/6129130130b90525c0908b42/861a8062-7fac-4462-97ac-908c1143ba93/Affinity+map2.png Designing document-sharing support for teachers and students during remote school - 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/6129130130b90525c0908b42/2c49104f-fe14-4141-9e2b-ef0d685d0184/Persona+documents.png Designing document-sharing support for teachers and students during remote school - 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/6129130130b90525c0908b42/3fe4f012-c8f3-4524-a484-98e5b39b4f7f/Classroom.png Designing document-sharing support for teachers and students during remote school - 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/6129130130b90525c0908b42/2c14c549-d5a0-4a3d-9c69-3fd7b0ed569b/Dojo.png Designing document-sharing support for teachers and students during remote school - 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/6129130130b90525c0908b42/b08add5e-8ade-4bc4-b4b1-5f1d58dd660a/Seesaw.png Designing document-sharing support for teachers and students during remote school - 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/6129130130b90525c0908b42/92627333-9c90-45ea-ab44-64800854e45a/Competitive+analysis.png Designing document-sharing support for teachers and students during remote school - 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/6129130130b90525c0908b42/77e2045a-08b4-4f7c-94c8-7fdfdb20d1ac/Ideation+sketches1.png Designing document-sharing support for teachers and students during remote school - Make it stand out The dock could just automatically be a part of the teachers' projected screen. The dock might include remote students’ live videos as well as written messages and comments. The dock could live on both the teacher’s computer and their projected screen. https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/d8857bfd-f35e-4436-8098-74996ccf4ed0/Ideation+sketches2.png Designing document-sharing support for teachers and students during remote school - Make it stand out This solution would require the synchronization of three different tool: printer, scanner, and app. If a printer and scanner were designed as a part of this solution, perhaps the printer could have its own controls to match the app’s. Documents sent between teachers and students will have to follow particular and complicated paths. https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/ca9e3d42-b9a8-463b-9cae-6e3d5c9423a7/User+stories+spreadsheet.png Designing document-sharing support for teachers and students during remote school - 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/6129130130b90525c0908b42/d7947fad-b386-4f11-ac9d-6955afb6d477/MVP+User+Stories.png Designing document-sharing support for teachers and students during remote school - 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/6129130130b90525c0908b42/f3293f8f-e83f-4bff-9ad9-f2f28b7eb544/User+flow.png Designing document-sharing support for teachers and students during remote school - 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/6129130130b90525c0908b42/afe3b10f-0e72-4ad7-8119-70f7fa1e7614/User+flow+snapshots.png Designing document-sharing support for teachers and students during remote school - 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/6129130130b90525c0908b42/1bc1f912-16a6-4705-ba03-304eb41b70ee/Site+map.png Designing document-sharing support for teachers and students during remote school - 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/6129130130b90525c0908b42/966517a8-7a66-4ea7-8926-70dba4928c9b/Wireflows.png Designing document-sharing support for teachers and students during remote school - 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/6129130130b90525c0908b42/9d126817-bed6-45e9-9259-195d751debdf/Low-fidelity+sketches.png Designing document-sharing support for teachers and students during remote school - 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/6129130130b90525c0908b42/f1b47e7f-3c54-4f42-8d07-5c2e13b064bf/sketch+to+wireframes1.png Designing document-sharing support for teachers and students during remote school - Make it stand out The Home Screen needed clarification. Specifically—what actions are possible? And what are the tabs at the bottom? https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/9fda8139-e844-4578-b252-ce2e1d219331/sketch+to+wireframes3.png Designing document-sharing support for teachers and students during remote school - Make it stand out Users need a quick way from the final “Confirm” screen to edit a previous screen and return to “Confirm.” I considered the “Confirm” screens of popular applications like Airbnb. https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/46415af4-3889-4279-bf95-2ac452f32ec4/sketch+to+wireframes2.png Designing document-sharing support for teachers and students during remote school - Make it stand out The “Add note” tool is a secondary feature that is unnecessary and confusing for some users. https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/1634685500168-9NV3GJCNDQZO90I8CQ39/moodboard.png Designing document-sharing support for teachers and students during remote school - 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/6129130130b90525c0908b42/b81c303a-562f-47c2-a62c-3c28eacf27aa/High+fidelity+screens.png Designing document-sharing support for teachers and students during remote school - Make it stand out Home screen File selection screen Camera screen Document screen Student selection screen “Confirm and send” screen https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/7a7eda57-1340-4efc-a3aa-4bec4371cc1b/Usability+tests+screenshots.png Designing document-sharing support for teachers and students during remote school - 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/6129130130b90525c0908b42/9cfe1333-25d8-417f-a2e1-552ceb65c43d/Usability+testing+plan+and+report.png Designing document-sharing support for teachers and students during remote school - 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/6129130130b90525c0908b42/cf04d76c-8305-464d-bf85-fbea4369b23f/Navigation+labels.png Designing document-sharing support for teachers and students during remote school - Make it stand out Navigation labels sometimes made it unclear what a user’s “next step” should be. The solution was to change the navigation buttons from “Titles” of the next step to simple “Back” and “Next” buttons with subtitles. https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/ec752154-ddce-4da8-a891-7cd329751011/Scan-camera.png Designing document-sharing support for teachers and students during remote school - Make it stand out Language like “scan” in the “send documents by camera” flow route was confusing. I revised screens in that user flow to feature a classic “camera” button, and a simple “Take” and “Re-take photo” subtitle. https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/427389a8-81bc-4e4e-a8f1-aebe6fb882bf/Confirm+screen.png Designing document-sharing support for teachers and students during remote school - Make it stand out It was unclear for some users how to change or edit documents from the “Confirm” screen. This was partly due to semantics, so I changed the button from “Edit” to “Review.” https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/1634691008484-NMBTKALFQUV2PHLXIOUT/02.Home.png Designing document-sharing support for teachers and students during remote school - Check out the full prototype of Back & Forth! https://nattygsmith.com/gallery-pal daily 0.75 2021-12-16 https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/1634740591826-B1GMKFAB8GYABM6CO6B5/design_sprint.png Designing a mobile app to create a fulfilling art museum experience - 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/6129130130b90525c0908b42/109f2bf4-a735-42a7-be52-9d1b439d9cac/affinity+maps.png Designing a mobile app to create a fulfilling art museum experience - 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/6129130130b90525c0908b42/707e1ee5-cedf-4cad-bb63-7a29fb8670ac/persona.png Designing a mobile app to create a fulfilling art museum experience - 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/6129130130b90525c0908b42/05e80b67-afcf-468b-864a-fbd862d31da6/user+map+sketch.png Designing a mobile app to create a fulfilling art museum experience - 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/6129130130b90525c0908b42/71469793-2f42-46b5-b258-727c1eb04738/Lightning+demos.png Designing a mobile app to create a fulfilling art museum experience - 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/6129130130b90525c0908b42/055baa8c-7dcf-49da-8825-3526bb9f7e3f/Crazy+8s.png Designing a mobile app to create a fulfilling art museum experience - 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/6129130130b90525c0908b42/9ec56579-d30f-4744-ba13-604b7047285d/Solution+sketches.png Designing a mobile app to create a fulfilling art museum experience - Make it stand out The preceding screen is the last in the “story” of screens about the piece of art. The critical screen includes drop-down menus for the “Artist,” “Technique,” or “Artwork” buttons, and a text input box for typing in their own personal note about the piece of art. The third screen is what it might look like to “share” the visitor’s personal generated story about their visit on social media (e.g. Facebook). https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/dbaa8466-04f9-4b31-8053-875d9be63ca8/Storyboard.png Designing a mobile app to create a fulfilling art museum experience - Make it stand out Landing screen Artwork summary screen About the artist About the technique Critics’ thoughts “Create a post” screen Drop-down for creating a post Filled in post Share menu Share to Facebook “Thank you” message Back to the landing screen https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/b90533ac-fc7b-4a6d-bb2a-006d3192ee78/High+fidelity+screens.png Designing a mobile app to create a fulfilling art museum experience - Make it stand out Landing screen Artwork summary screen About the artist “My Impressions”—Screen 1 “My Impressions”—Final screen https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/534e79d5-8b4b-442a-aa20-0b9ca9805d9c/High+fidelity+usability+testing.png Designing a mobile app to create a fulfilling art museum experience - 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/6129130130b90525c0908b42/49d5c29d-c777-41cd-946d-9c6f93b6b031/viewfinder+iteration.png Designing a mobile app to create a fulfilling art museum experience - Make it stand out Added a viewfinder on the camera screen. https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/1dd5ce31-39d1-475c-b51d-6b35693fdbb9/navigation+panel+iterations.png Designing a mobile app to create a fulfilling art museum experience - Make it stand out Revised the navigation panel to provide more information for the user about their location on the flow, flexibility of movement, and better visual balance. https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/85046697-20aa-4f93-9505-72690fe903b4/impressions+iterations+2.png Designing a mobile app to create a fulfilling art museum experience - Make it stand out Revised the “impressions” screen further for more clarity on possible “editing” actions and better visual balance. https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/f9d7dce4-4286-43c9-b3b6-297363eae790/home+screen+iterations.png Designing a mobile app to create a fulfilling art museum experience - Make it stand out Cleaned up the primary results “Home” screen, including typography work and improving the navigation panel at the bottom. https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/8cbd1402-3739-41c9-83d2-02e7c40e5838/impressions+iterations+1.png Designing a mobile app to create a fulfilling art museum experience - Make it stand out Revised the “impressions” screen for more clarity on possible “editing” actions, better visual balance, and to add a “save” button. https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/1634757428358-I9NN74AT3TEP0RSP8BOE/Screen+1-Camera.png Designing a mobile app to create a fulfilling art museum experience - Check out the full prototype of GalleryPal! https://nattygsmith.com/communify daily 0.75 2021-12-14 https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/67b69bef-5323-479c-8deb-396a8246daf7/Research+banner.png Events app that creates motivation and converts users to attendees - 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/6129130130b90525c0908b42/0fd727c1-2da3-4759-9083-a9c6ee7b0631/User+interview+banner.png Events app that creates motivation and converts users to attendees - 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/6129130130b90525c0908b42/1634830800104-8NM62MJQILNHMRNVFLRZ/Affinity+map+round+2+screenshot.png Events app that creates motivation and converts users to attendees - 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/6129130130b90525c0908b42/95a109b6-a499-4bd5-b92b-4f7940331e7d/Persona.png Events app that creates motivation and converts users to attendees - 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/6129130130b90525c0908b42/61126685-70eb-4e2f-b3c1-e40a2efc9528/Competitors+banner.png Events app that creates motivation and converts users to attendees - 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/6129130130b90525c0908b42/26523011-dd10-4f18-90fa-5b436d388ea2/ideation+sketches.png Events app that creates motivation and converts users to attendees - 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/6129130130b90525c0908b42/947f6206-d5be-4743-805c-03fa7ee2ea8e/User+flows.png Events app that creates motivation and converts users to attendees - 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/6129130130b90525c0908b42/a201897a-fd2d-4109-97b3-29dd98553b8e/Low-fidelity+sketches.png Events app that creates motivation and converts users to attendees - Make it stand out Splash screen Home screen “Explore” screen “Invest in yourself” incentive explanation modal Event screen Registration screen “Than you for registering” screen https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/e6423299-c3ef-4a43-80e4-5f1f984694d7/Low-fidelity+testing.png Events app that creates motivation and converts users to attendees - 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/6129130130b90525c0908b42/a143f2de-4f19-48f2-8f4a-c11870641b2d/Style+guide.png Events app that creates motivation and converts users to attendees - Make it stand out Company logo and logotype Company’s brand personality and attributes Typography Color palette UI Elements https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/9cf0ca30-856f-4719-8a41-7ad41dc05554/High-fidelity+screens.png Events app that creates motivation and converts users to attendees - Make it stand out Key design choices included: Including a home screen that prominently features a user’s next event, their next series of events, and an “Explore” section. Easy access to a simple and compelling explanation for the “donation-as-motivation” system. A registration format that encourages buy-in from prospective attendees. Design elements that emphasize that users have “tickets” to events, to encourage them to attend. Easy control of a users’ payment and donation settings. https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/3c50ae8a-e3ff-4d8c-897f-41afe98b574b/High-fidelity+testing.png Events app that creates motivation and converts users to attendees - 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/6129130130b90525c0908b42/28955073-451f-4de5-93cf-34d51e4730c3/Payment+settings.png Events app that creates motivation and converts users to attendees - Make it stand out Users wanted to know that their “Payment settings” were being saved, and they found the UI on this screen to be slightly confusing. I added the “Changes saved automatically…” banner on the “Payment settings” screen. I revised the checkbox to be a toggle, and laid out the elements in a more easily readable way. https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/d4396205-556f-4381-9e85-da71ba513880/Cancellation.png Events app that creates motivation and converts users to attendees - Make it stand out Users were curious if there was a cut-off on when they would be able to cancel their attendance to an event and avoid donating to their charity. I implemented a 24-hour cutoff on event cancellation/donation opt-out, and communicated this policy across the application. https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/0b806e73-b2c1-4749-a2a1-082286380dbb/Tone1.png Events app that creates motivation and converts users to attendees - Make it stand out I revised the copy across the application to better reflect the brand personality of caring, familiar, humorous, and optimistic. https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/ad75ef4b-8ec6-4261-9af2-ff0dfb3876b1/Tone2.png Events app that creates motivation and converts users to attendees - Make it stand out I added emojis along with encouragement for users to consider what “motivates” them. https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/40428bbc-361d-4cb4-b8d3-d6d4c6f269c3/Tone3.png Events app that creates motivation and converts users to attendees - Make it stand out I made sure to include some humor! https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/1634915560234-W4V63M1SNOPPGC0GVBH0/image-asset.png Events app that creates motivation and converts users to attendees - Check out the full prototype of Communify! https://nattygsmith.com/home daily 1.0 2026-01-17 https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/746ec5a6-1fca-42f4-8b67-e438cedc88bc/IMG_2883.jpg Home - Hello! My name is Nathaniel, but people call me Natty. I design intuitive and delightful experiences for millions of users, transforming complexity into clarity with access and impact as my priorities. https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/088c153c-a8a6-44f0-88d9-5183c3f30847/gallopade_icon.png Home - UI/UX Design & Research Six reports serving teachers, admins, students, and families. https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/324efce0-0991-4c3f-b9a6-5f51c390cac5/content_snippets_icon.png Home - AI-Accelerated Prototyping & Research AI-powered research reducing timelines by 70%. https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/e8564081-d248-4ad9-acba-31b480daa381/content_refi_icon.png Home - UI/UX Design & Stakeholder Collaboration Aligning ebook elements with new design system. https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/3995d3e5-1d79-49d7-a9a9-ee41b8f233f0/responses+tab+fade.png Home - UI/UX Research & Design Redesigned instructor experience of student data. https://nattygsmith.com/interview-prep daily 0.75 2021-12-16 https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1618497259178-6XJGK9GR6YAVBQL5L519/20140301_Trade-151_012-2.jpg Storytelling tools for job interviews https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1607694583486-2PQT0LQ193RL7MCB6DX4/20140228_Trade+151_0046.jpg Storytelling tools for job interviews https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1618497259178-6XJGK9GR6YAVBQL5L519/20140301_Trade-151_012-2.jpg Storytelling tools for job interviews https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1607694583486-2PQT0LQ193RL7MCB6DX4/20140228_Trade+151_0046.jpg Storytelling tools for job interviews https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1607694644871-IC85FNH781UNZSZEGHDR/Aro+Ha_0428.jpg Storytelling tools for job interviews https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/ca8ede77-9b7d-483f-afd7-a15555294553/Savviest+logo.png Storytelling tools for job interviews - 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/6129130130b90525c0908b42/2c1f097b-afe2-4a8a-b287-2fd9cf4339de/Affinity+Map.png Storytelling tools for job interviews - Make it stand out Stickers are expressions of interest or priority from the Savviest team during our affinity map presentation and workshop. https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/0575ddd7-66fb-4bda-b1cd-1bb86946d90a/archetypes_all.png Storytelling tools for job interviews - 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/6129130130b90525c0908b42/c64bafc3-70d6-4715-8445-ca84ac2975a5/competitor_banner.png Storytelling tools for job interviews - 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/6129130130b90525c0908b42/b86a1e4b-f6ef-4847-9f9e-4a39af7888bd/Competitor+Evaluation.png Storytelling tools for job interviews - 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/6129130130b90525c0908b42/01940c20-7c19-4c2e-9dbf-d742efc8fcea/sketches.png Storytelling tools for job interviews - 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/6129130130b90525c0908b42/8e7d4342-2efd-4f18-bc41-3a0595007cd1/user+flows.png Storytelling tools for job interviews - 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/6129130130b90525c0908b42/88a6f5e8-573f-4860-b106-5d7ac699c2eb/wireframes.png Storytelling tools for job interviews - Make it stand out Job overview screen Question set screen Storybuilder screen #1 Storybuilder screen #2 Story overview screen https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/d031005d-5606-482e-a06e-c50b9477f233/Affinity+maps+usability+testing.png Storytelling tools for job interviews - 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/6129130130b90525c0908b42/82f4d628-f6d4-440d-9a9c-95755eb460ef/Prep+for+interview.png Storytelling tools for job interviews - Make it stand out The language of the call to action on the “Job overview” screen— “Prep for interview”—was not fully intuitive for users. They considered all of the different actions on this screen to be interview preparation. https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/fcdab9f6-b7b6-4f7a-b119-6316f3bb6465/Write+your+own+questions.png Storytelling tools for job interviews - Make it stand out Users liked having the option to write their own practice interview questions. https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/b88cd6de-0c27-4e3b-b398-9ad37a98c1d4/Storybuilding+UI.png Storytelling tools for job interviews - Make it stand out The “Storybuilding” route was exciting for users, but the actual prompts and the UI design needed revision. https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/7a819852-995e-492c-b1d7-f9d78a86ac37/Flexibility+between+practice+compose.png Storytelling tools for job interviews - Make it stand out Users did not always want to write their “stories” and then practice, in that order. Users needed the flexibility to move back and forth between the practice and composition tools freely. https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/2710d86e-4bf3-4fbf-9a0f-355a6f9bc604/Storybuilding+study+test.png Storytelling tools for job interviews - Make it stand out Words like “Practice” and “Record” were vague for users. What is the difference? What does practicing involve? We revised the language to be “Study” and “Test” and unified the story-building and “Practice” flows. https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/a5892b07-4212-4f29-98d6-a31b4ea8c4dc/High+fidelity+screens2.png Storytelling tools for job interviews - Make it stand out “Interview Practice Overview” screen Featuring a dashboard and the “Question Sets” a user has been utilizing to practice. “Available Question Sets” screen With suggested and recently viewed Question Sets and the ability to “Star” Question Sets for later viewing. “Question Set” screen With an emoji meter for each question displaying how confident a user rated themselves and the ability to “Flag” questions that users need to focus on. “Question Study” screen Where a user can practice answering, flag a question for further work, and view their prepared answer. “Storybuilder” screen Where a user can prepare notes using the “STAR” method, and click the “i” for tips and strategies from Savviest for answering this kind of question. “Question Confidence” screen Every time a user practices a question they will be prompted to log how confident they felt in their performance. https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/6e39ce66-7605-4335-8c2a-f35eeb4db405/1.Storybuilder+Overview.png Storytelling tools for job interviews - Check out the full wireframe prototype! https://nattygsmith.com/writing-accessibility daily 0.75 2025-06-18 https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1618497259178-6XJGK9GR6YAVBQL5L519/20140301_Trade-151_012-2.jpg Instructor and Student Writing Accessibility https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1607694583486-2PQT0LQ193RL7MCB6DX4/20140228_Trade+151_0046.jpg Instructor and Student Writing Accessibility https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1607694644871-IC85FNH781UNZSZEGHDR/Aro+Ha_0428.jpg Instructor and Student Writing Accessibility https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/45ed3291-7276-4257-9167-538244eb18c2/Common+practices.png Instructor and Student Writing Accessibility - 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/6129130130b90525c0908b42/2a1aad12-6c7d-422d-8ec2-ebe838b776cd/Accessibility+audit.png Instructor and Student Writing Accessibility - 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/6129130130b90525c0908b42/ef5c3917-e34c-41a6-91bf-625be9c62fa9/ideas+and+reviews.png Instructor and Student Writing Accessibility - 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/6129130130b90525c0908b42/b110fe85-212c-4f26-b2ee-42cbe83ac61e/options+1.png Instructor and Student Writing Accessibility - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://nattygsmith.com/content-creation daily 0.75 2025-06-17 https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1618497259178-6XJGK9GR6YAVBQL5L519/20140301_Trade-151_012-2.jpg Content Creation Redesign https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1607694583486-2PQT0LQ193RL7MCB6DX4/20140228_Trade+151_0046.jpg Content Creation Redesign https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/55f1865e-42b5-4906-872a-e6013a0e5e38/Flow.png Content Creation Redesign - 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/6129130130b90525c0908b42/c4f96c10-b9b9-4230-a3f3-b202135e170a/explorations.png Content Creation Redesign - 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/6129130130b90525c0908b42/6f19db4e-a705-4415-a37d-495025cf88c4/options.png Content Creation Redesign - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://nattygsmith.com/read-me daily 0.75 2025-05-13 https://nattygsmith.com/responses-tab daily 0.75 2025-06-19 https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/e547a063-68f8-43e2-867a-127185819611/dot_view.png Responses Tab Redesign - Make it stand out Previous Version 1: Legacy “Dot View” https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/385da19c-ead8-43cd-ab7f-209cb369306b/beta_view.png Responses Tab Redesign - Make it stand out Previous Version 2: Beta View https://images.squarespace-cdn.com/content/v1/6129130130b90525c0908b42/b9c92375-cfb6-413e-bbc2-6c4690edf892/Sketching.png Responses Tab Redesign - 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/6129130130b90525c0908b42/c335c5a1-67da-411a-b2d5-19a53321dc1d/responses+tab+finals.png Responses Tab Redesign - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://nattygsmith.com/content-refinement-summary daily 0.75 2026-01-15 https://nattygsmith.com/ai-concept-testing-summary daily 0.75 2026-01-16 https://nattygsmith.com/reporting-redesign-summary daily 0.75 2026-01-16