https://www.seankeenansdesigns.com/blog daily 0.75 2021-05-01 https://www.seankeenansdesigns.com/blog/destination-doylestown-prototype monthly 0.5 2021-05-01 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619871776864-ES641UXSA7LEL1G7YK4A/dd-full-nav-set.png Blog - Destination Doylestown Prototype https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619871726863-V2GXF079OSWSL0SWQ21K/dd-snow-ice.png Blog - Destination Doylestown Prototype The “Snow and Ice Removal” screen stayed mostly unchanged from the paper prototype https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619871678286-SHU8LDDFHX8ITZW1JSAN/destination-doylestown-full-process-page-37.png Blog - Destination Doylestown Prototype Now you click on the schedule to see that day’s event https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619871776864-ES641UXSA7LEL1G7YK4A/dd-full-nav-set.png Blog - Destination Doylestown Prototype Full navigation screen set https://www.seankeenansdesigns.com/blog/the-elements-of-user-experience-motion monthly 0.5 2021-04-26 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619459524340-477E7SMACJ08ZNUPOVOF/motion-header.jpg Blog - The Elements of User Experience: Motion https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619459626745-S9IRM8E9RL4LRE50BFOG/screen-shake-sample.gif Blog - The Elements of User Experience: Motion The words shaking help show the input didn't properly process (source via CleverTap) https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619459669952-HTBCB6IOSMF60LHW2EVQ/loading-bar.gif Blog - The Elements of User Experience: Motion By having each percent shown, it gives the user a sense of comfort knowing the app is working (source via Fabien Dorville) https://www.seankeenansdesigns.com/blog/the-elements-of-user-experience-typography monthly 0.5 2021-04-25 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619390029931-ITPJONUHSC8JDK9SUMWI/paragraph-styling.png Blog - The Elements of User Experience: Typography An example of how proper paragraph styling can make the same paragraph look far more presentable https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619390115097-LA6H1CJPB3IVKZ3PEIIN/IMG_7659.PNG Blog - The Elements of User Experience: Typography - Another major factor is the use of other elements like space and color to enhance an experience. Many apps have a dark mode of some variety nowadays and with that, they need to make sure every part of the app transitions so that’s all legible. All the type needs to go from black to white and maybe the grays, yellows, and greens that were potentially used will need a different shade. On the other hand, apps like your basic calendar one utilize their negative space very well. Each date is clearly separated, with a little space available for a dot on each day. Once you click on a day you’ll then see even more lines, again all a set distance apart to help show the idea of time moving. Overall, type may be the most important element of every user experience. Most website or app content contain heavy amounts of reading, with information all throughout the app. If any of this was not legible, the user would quickly leave the app, not wanting to waste time with something they can’t even understand. By having a stable and consistent type throughout, your user will gain a sense of comfort, knowing that each piece of text will remain consistent throughout the whole app. https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619389921928-6Y7WWVAU4RR3JM93VL31/type-header.jpg Blog - The Elements of User Experience: Typography https://www.seankeenansdesigns.com/blog/testing-your-users monthly 0.5 2021-05-01 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619811957888-QH2U4I5TMACWRWA4ND6J/user-testing-script.jpeg Blog - Testing your Users My full testing script https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619798825659-8JBFU6N0J1Y77ANFPPFJ/user-testing-results-brandonsuzzane.png Blog - Testing your Users Some of the results and analysis of the first two subjects https://www.seankeenansdesigns.com/blog/the-elements-of-user-experience-shape-and-line monthly 0.5 2021-04-25 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619389777032-45WJ58F4X8BUQ6AQ4ILH/Screen+Shot+2021-04-13+at+1.11.53+PM.png Blog - The Elements of User Experience: Shape and Line A sample of one of Squarespace's divs. Throughout the site, most divs are aligned like this, with clear separation of content and proper spacing to make it easy for a user to read https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619389598233-GPLKFUQEDRZY2DOGGKKD/Screen+Shot+2021-04-13+at+1.11.09+PM.png Blog - The Elements of User Experience: Shape and Line Despite having a lot going on, MLB.com uses it's space effectively, properly spreading each item out and making sure essential items like scores and headlines are at the forefront https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619389658708-TTWHUJ6JU7D9Q9BZOAIB/Screen+Shot+2021-04-13+at+1.13.57+PM.png Blog - The Elements of User Experience: Shape and Line By using lines, google is able to separate content to allow easy viewing and selecting for the user https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619389856993-TQ988Y07SL44VWV9VDOH/space-and-line-header.jpg Blog - The Elements of User Experience: Shape and Line https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619389715625-CBUH6CV2KY67UKOQM61T/Screen+Shot+2021-04-13+at+1.11.23+PM.png Blog - The Elements of User Experience: Shape and Line A sample of Squarespace's header. Like other similar sites with a hero image, the text is aligned so that it takes up minimal space, as well as being positioned to where a user's eyes first go https://www.seankeenansdesigns.com/blog/prototyping-on-paper monthly 0.5 2021-04-30 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619811562924-I5LAY1Z34EDXU3KS411E/IMG_6762.JPG Blog - Prototyping on Paper How one of the screens looks when cut out and placed in a sample phone holder https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619811519056-NXRFUKCMTOEFT384XJ1P/IMG_6761.JPG Blog - Prototyping on Paper Using a pen and ruler, I sketched out 30+ different screens for this app prototype https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619798318218-04JXCNIO5ALYNVPZ96G4/paper-prototype-cover.png Blog - Prototyping on Paper https://www.seankeenansdesigns.com/blog/the-elements-of-user-experience-shape monthly 0.5 2021-04-25 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619389233696-WY66EF9GDW5XWDIKE1OV/blog-header-3.jpg Blog - The Elements of User Experience: Shape https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619389394601-7MWLCWL3Z2YI9RQEL1EQ/athletic-sample.png Blog - The Elements of User Experience: Shape A sample of both The Athletic's main feed and story review pages https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619389330746-KAV0FT0NGT8J66PP2407/infographic.jpeg Blog - The Elements of User Experience: Shape An very in depth graphic showing the many different meanings shapes have in logos https://www.seankeenansdesigns.com/blog/how-a-user-flows monthly 0.5 2021-04-30 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619811230980-4MFQ3VLR542UHG3C2RCR/user-flow-jennifer-image.png Blog - How a User Flows https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619811268064-XJXIHNI2LKPIEGB56IYD/user-flow-terry-image.png Blog - How a User Flows https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619811184486-FF9GRF1K7ESP91C8NX7O/ux-flow-example.jpeg Blog - How a User Flows A great example of a user flow, as shown by UXMisfit.com https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619811305841-V4FCANUJRLZYVJGR0G3S/user-flow-grace-image.png Blog - How a User Flows https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619811139273-R0FIOS6MOV4Q1QHWNBGI/user-flow-cover.png Blog - How a User Flows https://www.seankeenansdesigns.com/blog/the-elements-of-user-experience-color monthly 0.5 2021-04-25 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619389039359-80VBL3KINITSBSXKY10Y/blog-header-2-test.jpg Blog - The Elements of User Experience: Color https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619389058967-M5FTGKBTGVOEM0FVZ8MM/blog-chart.jpeg Blog - The Elements of User Experience: Color A sample of some of Fugate and Franco's study results. While the connections aren't as exact as public perception would make you think, the most common colors for emotions often have similarities https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619389167767-L3UG9OP11V7JVXB6RVDZ/malificent.jpeg Blog - The Elements of User Experience: Color Maleficent from Disney's Sleeping Beauty. Her outfit is accented with purple, which you can either view in a regal sense since she's "The Mistress of Evil" implying some sense of royalty, while also representing purple as a color of evil https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619389107133-AAZAJC21I3HVGVOAEUTT/Screen+Shot+2021-03-29+at+1.21.04+PM.png Blog - The Elements of User Experience: Color A brief look at some of the main terms and visuals of color theory, via ShutterStock https://www.seankeenansdesigns.com/blog/mobilizing-your-information-architecture monthly 0.5 2021-04-30 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619810296548-YQNCZ1UYCKJDXL5EPWIN/blog-headers-IA.jpg Blog - Mobilizing Your Information Architecture https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619810926391-AHDZBJP3S5W74IP220QA/info-arch-mobile.jpg Blog - Mobilizing Your Information Architecture My information architecture for a potential mobile app version of the town site. I tried to make sure the navigation was as simple as possible https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619632939121-H1IWGEY77OOV78QKQTC0/Info-arch-2.png Blog - Mobilizing Your Information Architecture This is a look at my information architecture for my mobile app BacklogTrack. I used iPhone screens as a sample to better show the user journey through the app https://www.seankeenansdesigns.com/blog/the-benefits-of-an-information-architecture monthly 0.5 2021-04-30 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619810430925-XC34RODD8YKL0TQ5CWQA/Screen+Shot+2021-03-28+at+1.30.17+PM.png Blog - The Benefit's of an Information Architecture “Is it a general deal of the day, or does it depend on the category I click it on?” Having a question like this be frequent throughout their site would severely hamper best buy's user experience https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619798419838-IIO4AC3FMSEKK95A8JOP/info-arch-new.jpg Blog - The Benefit's of an Information Architecture Compared to the original, I trimmed a good amount of the sub navigation options https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619810760660-IIAJLYKVIOLUJ50ZFRE0/IA-blog-header.jpg Blog - The Benefit's of an Information Architecture https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1de9cf46-5128-45ba-82f2-4d9b332406e3/keenan_information-arch.png Blog - The Benefit's of an Information Architecture First created by Architect, Designer, and TED Conference founder Richard Saul Wurman in the late 1970’s, information architecture’s have become commonplace for the organization of content in web and mobile sites and applications. https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619810488015-FUEFIKWWLIQF17HP66LR/Screen+Shot+2021-03-28+at+1.31.26+PM.png Blog - The Benefit's of an Information Architecture The site in general does a very good job at being very responsive and adjusting to the user’s needs https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619810577605-ILB9XPAGGMSK7K0Z6MGP/info-arch-old.jpg Blog - The Benefit's of an Information Architecture The site overall wasn’t terrible, but the overly crowded navigation makes it difficult to both navigate and discern where in the site you are https://www.seankeenansdesigns.com/blog/the-elements-of-user-experience-introduction monthly 0.5 2021-04-25 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619388857757-29ZJ3GXRO8KB1D0X58LH/blog-header-1.jpg Blog - The Elements of User Experience: Introduction https://www.seankeenansdesigns.com/blog/my-dream-application monthly 0.5 2021-04-30 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619810077340-TW52ZZ7WK45GE57XJQXJ/fgc-hub-doc-wpi.png Blog - My Dream Application My worst possible ideas, each paired with a better idea using a similar concept https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619810131567-WMKJK1TS3AUSCGO5LOMV/fgc-hub-doc-po-1.png Blog - My Dream Application This became a three step process, going from problem statement -> Provocation -> Solution https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619810050064-TT4R76QVZY17RPONXP2H/fgc-hub-doc-cover.png Blog - My Dream Application https://www.seankeenansdesigns.com/blog/mapping-your-mind monthly 0.5 2021-04-30 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619809867055-T0D625DMG2VWR14PI0BI/mindmap-header.png Blog - Mapping your Mind https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619809896858-VX6UEK7REY0OX70POLR9/mindmap-ideation.png Blog - Mapping your Mind My full mindmap https://www.seankeenansdesigns.com/blog/mapping-your-journey monthly 0.5 2021-04-26 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619480315259-P4BF2KIR5ADHN1QVCUW8/journey-map-cover.png Blog - Mapping Your Journey https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619480273955-FH9GZHDJLEC2B14J6T9M/map-example.png Blog - Mapping Your Journey A great example of what a Journey Map should contain from NNGroup.com https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619466265964-Q8Y3C5ZDQ7Q1TBDXVTH4/skyler-journey-map.png Blog - Mapping Your Journey My full journey map https://www.seankeenansdesigns.com/blog/ideation-techniques monthly 0.5 2021-04-26 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619480092007-8BGGS9LOAFEW1WMKV482/ideation-techniques-ubereats.png Blog - Ideation Techniques An overview of my Uber Eats ideations https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619480149483-OZBG50KD7T2M1MHQI1GF/ideation-technique-grubhub.png Blog - Ideation Techniques An overview of my Grubhub Ideations https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619480109545-I13R75D3QEX5E2VIG245/ideation-techniques-doordash.png Blog - Ideation Techniques An overview of my Doordash Ideations https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619479917852-IIXH22NOAX15F27F8MYX/brain-header.png Blog - Ideation Techniques Working out your brain is key for creativity https://www.seankeenansdesigns.com/blog/let-the-ideas-flow monthly 0.5 2021-04-26 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619479727727-XOHWPALYV97AL3MLUN69/blog-post-mashup-header.png Blog - Let the Ideas Flow https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619479780677-XYSHW7S0UN9HX6GXCKH1/mashup-lines.png Blog - Let the Ideas Flow My ideas and how I choose to mash them up https://www.seankeenansdesigns.com/blog/point-of-view-statements monthly 0.5 2021-04-26 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619479530385-5ONJG92SG38V1SO2641E/overview-doordash.png Blog - Point of View Statements An quick overview of the Doordash app https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619479575057-506BROUX1LCIFQGUY9NU/overview-grubhub.png Blog - Point of View Statements An quick overview of the Grubhub app https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619466126912-JVSF47NTKDKYB1EQT22R/over-ubereats.png Blog - Point of View Statements An quick overview of the Uber Eats app https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619479414167-AYSMGZC9ATH8SU6WABUT/pov_cover.png Blog - Point of View Statements https://www.seankeenansdesigns.com/blog/whats-the-problem monthly 0.5 2021-04-26 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619479241221-AMX9X7UL7DKJH9VOHP1Z/problem-blog-cover.png Blog - What’s the Problem? https://www.seankeenansdesigns.com/blog/expanding-your-personas monthly 0.5 2021-04-26 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619479016311-S8NCI6A23FA7KB82HBHE/title-page-expand-persona.png Blog - Expanding your Persona’s https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619387182151-8RPXRYRN0FLS69S0J4LT/ruiz-persona.png Blog - Expanding your Persona’s How a usual Persona looks https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619478769819-D9ECZRGFTAFFR6M0MRGJ/danny-persona-page7.png Blog - Expanding your Persona’s As he goes on fangraphs for a career, he only uses the desktop version of the site https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619465967189-3FHQ9B9SBFERN99WGRDA/keenan-persona-page9.png Blog - Expanding your Persona’s How the matrix looks for my personal persona https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619465925075-616WNNTGSNU7ZK9GZ8OK/keenan-persona-page2.png Blog - Expanding your Persona’s A designed photo that looks similar to this old Mickey Mantle card https://www.seankeenansdesigns.com/blog/a-study-of-empathy-undercover-boss monthly 0.5 2021-04-26 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619478569062-MC5XOI166P2APAZG4WTA/empathy-map-discovery-cover.png Blog - A Study of Empathy: Undercover Boss https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619478401963-7U8T24G19B1K2CFLOB1O/ray-undercover.jpg Blog - A Study of Empathy: Undercover Boss A look at Ray before and after the disguise https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619465842222-DX4PPDW70SH6BGI3NL9Q/empathy-map-abdul.png Blog - A Study of Empathy: Undercover Boss Abdul’s empathy map https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619478449899-I7FF57P2MZFIAVEDA11M/empathy-map-ray.png Blog - A Study of Empathy: Undercover Boss Ray's empathy map https://www.seankeenansdesigns.com/blog/the-strength-of-empathy monthly 0.5 2021-04-26 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619478062557-I4O9Z52TC10WENAHNRBI/user-exp-empathy-cover.png Blog - The Strength of Empathy https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619478206083-XRKQV90CQC2H8G2I8UME/Empathy-Map-example.png Blog - The Strength of Empathy An example of an empathy map I created for a previous project https://www.seankeenansdesigns.com/blog/website-analysis-baseball-reference-and-fangraphs monthly 0.5 2021-04-26 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619477794283-QYP2MI2R1NP6A7CCKAK7/website-analysis-cover.png Blog - Website Analysis: Baseball Reference and Fangraphs https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619477851029-WF26FQMSRP9H6MXMMAGX/Screen+Shot+2021-02-08+at+6.40.20+PM.png Blog - Website Analysis: Baseball Reference and Fangraphs Every graph on the site looks like this https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619477931909-U9O9I1QFA53G7994F0FD/Screen+Shot+2021-02-08+at+7.29.02+PM.png Blog - Website Analysis: Baseball Reference and Fangraphs Leaderboards are a major feature of stat sites and baseball reference's leave a lot to be desired https://www.seankeenansdesigns.com/blog/how-emotion-affects-products-services-and-devices monthly 0.5 2021-04-26 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619477533305-CMIPXHPN203POAJJUA8T/IMG_4326.JPG Blog - How Emotion affects Products, Services, and Devices What my Switch currently looks like https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619477295157-2WWHRI9LDRO45OUJVWM6/IMG_4325.JPG Blog - How Emotion affects Products, Services, and Devices My winter hat of choice https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619477574315-Y5MEDWKPHUUYHSNY84DN/IMG_4302.JPG Blog - How Emotion affects Products, Services, and Devices The creativity is unlimited with this many different characters (Dragon Ball Fighterz, 2018) https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619477484704-KBQVSJYWTUDPKXZNGTCU/spotify-screen.jpeg Blog - How Emotion affects Products, Services, and Devices I have easy access to any of my playlists, all customized with different emotional states in mind https://www.seankeenansdesigns.com/blog/design-thinking-crash-course monthly 0.5 2021-04-26 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619465348173-FWUZ3YS1L4957L7GX66W/IMG_4215.JPG Blog - Design Thinking Crash Course Final Prototype https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619477056676-JHXI8OTUJQAY9NYB5NQ7/Screen+Shot+2021-04-26+at+6.43.54+PM.png Blog - Design Thinking Crash Course An example of the first page, with an interview representing the emphasize part of the design thinking process https://www.seankeenansdesigns.com/blog/my-idea-of-design-thinking monthly 0.5 2021-04-26 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619476619824-9C49LYLG20GDLMA6L0GN/design-thinking.jpg Blog - My Idea of Design Thinking The 5 stages of design thinking as shown by Interaction Design Foundation https://www.seankeenansdesigns.com/blog/alcohol-abuse-psa monthly 0.5 2021-04-30 https://www.seankeenansdesigns.com/blog/strategy-for-unethical-content monthly 0.5 2021-04-30 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619815984266-PWTERF5OHTU5IURMX7T1/content-strat-3.1.png Blog - Strategy for Unethical Content https://www.seankeenansdesigns.com/blog/making-a-story monthly 0.5 2021-04-30 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619815135413-1SWRQOBV130MGXTGKHFU/audio-video-cover-lighting.png Blog - Making a Story https://www.seankeenansdesigns.com/blog/my-content-throughout-my-life monthly 0.5 2021-04-30 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619815857936-Q0AHHXZDTQ8LR608X177/content-strat-1.3.png Blog - My Content Throughout my Life https://www.seankeenansdesigns.com/blog/how-content-strategy-has-evolved monthly 0.5 2021-04-30 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619815705332-TAGFIBCKUP500OBDHI4Y/content-strat-1.2.png Blog - How Content Strategy has Evolved https://www.seankeenansdesigns.com/blog/keys-to-developing-a-content-strategy monthly 0.5 2021-04-30 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619815624491-LF4L5HXTNL8HRX0TVVT2/content-strat-1.1.png Blog - Keys to Developing a Content Strategy https://www.seankeenansdesigns.com/blog/how-to-fold-a-fitted-sheet monthly 0.5 2021-04-30 https://www.seankeenansdesigns.com/blog/making-a-montage monthly 0.5 2021-04-30 https://www.seankeenansdesigns.com/blog/making-an-invision-prototype monthly 0.5 2021-04-25 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619388036369-5XI1BTWU382DHX1T1AIQ/Screen+Shot+2020-07-03+at+4.26.50+PM.png Blog - Making an InVision Prototype https://www.seankeenansdesigns.com/blog/detailing-an-apps-interface monthly 0.5 2021-04-25 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619387615997-DS5UIOVK53TJTECOBIRL/Personal+Profile+-+Scorecards+-+mock+1+red.png Blog - Detailing an App’s Interface A example of what the profile page looks like https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619387452508-3GTF09E0PH5UJAQKKYLN/prototyping-page5.png Blog - Detailing an App’s Interface https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619387508894-9012NYRLHXM3HGAUK7FZ/final-color-type.png Blog - Detailing an App’s Interface Final color and type studies https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619387703016-8ZVIS17WVMUUF4B10GV4/Home+Screen+Menu+mock+2+blue.png Blog - Detailing an App’s Interface An example of the second navigation style using the home screen https://www.seankeenansdesigns.com/blog/narrowing-the-apps-focus monthly 0.5 2021-04-25 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619387182151-8RPXRYRN0FLS69S0J4LT/ruiz-persona.png Blog - Narrowing the App’s Focus An example of the format I used as for my Persona's https://www.seankeenansdesigns.com/blog/wire-framing-a-tablet monthly 0.5 2021-04-25 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619386810437-8TY5QQINSJ90OZB2IVMO/wireframe-header.png Blog - Wire Framing a Tablet https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619386959673-YZVCAWROCANOBRPRPXU9/Home+Screen.png Blog - Wire Framing a Tablet My home screen wire frame https://www.seankeenansdesigns.com/blog/researching-the-competition monthly 0.5 2021-04-25 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619386419452-009ZUI8UNIJG23Y8FXAV/user-research-cover.png Blog - Researching the competition https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619386456949-DHOMJGO3LTFHPB3VA4D0/sphere-of-influence.png Blog - Researching the competition https://www.seankeenansdesigns.com/blog/the-creative-benefits-of-project-management monthly 0.5 2021-04-25 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619385921903-KS7MP284SEK46MHMX8EB/Screen+Shot+2020-05-28+at+2.34.25+PM.png Blog - The Creative Benefits of Project Management My full project plan https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619385716912-EMXXQAT3NJ66BYNSXS76/keenan_project_plan_cover.png Blog - The Creative Benefits of Project Management https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619386141357-L1O22X39KRX522E6GHXP/week-5-1.png Blog - The Creative Benefits of Project Management - What I do know though from my past app making experiences is that wireframes can often be very dense and time consuming. That’s why for week 6, I left room open for the graphic and UI design section, as the prototypes are the only major work being created that week and are often just the wireframes with the design added, as well as some potential minor tweeks. I also kept week 7 open solely for revisions, giving me more extra time incase things don’t work out exactly as expected Full Project Plan https://www.seankeenansdesigns.com/blog/project-proposal monthly 0.5 2021-04-25 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619227280313-J0ZXOXMI5ZYG9K1Z45LS/keenan_proposal_page_2.png Blog - The Importance of a Project Proposal In my proposal, I first began by researching the topic of keeping score at a baseball game, as to better understand the appeal it has to many, as well as the issues they face when doing so. This led me to many different types of sources, such as how many consider it an art form, why it doesn’t seem to be as popular nowadays, as well as how professional broadcasters go about keeping score. With these sources, I felt I had a much better handle on what the issue is surrounding keeping score and could thus describe both the problem itself as well as a logical solution to the problem in much greater detail. https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619227560451-W3XFRPNCG5QSVWJ72BSV/keenan_proposal_cover.png Blog - The Importance of a Project Proposal https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619227453216-PX15S54HBTMXJWI7MG55/keenan_proposal_page_4.png Blog - The Importance of a Project Proposal Afterwards, I then laid out a detailed list of what artifacts the project will contain. I used my past app making experiences as a basis for much of these artifacts, making sure to include a detailed summary of each part I felt was important. This included simple user research and competitive analysis, as well as things like persona’s and empathy maps, which I put under a general “research phase”. I then laid out what I considered the “production phase”. This included artifacts such as information architecture, wire frames, and prototypes. I made sure to detail what exactly these artifacts would be used for as well. This allows a potential client to have a clear understanding of why these artifacts need to be made as well as give me help in the future if I ever need to look back and see why I choose what I chose. https://www.seankeenansdesigns.com/blog/stolen-time monthly 0.5 2021-04-25 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619391625508-P8QCDCNKK2I2ORDF4OFC/blog-post-6-01.jpg Blog - Stolen Time https://www.seankeenansdesigns.com/blog/regaining-your-focus monthly 0.5 2021-04-25 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619391532765-PXVBSA9ZVEMAJSYAZGRM/Blog-Post-5.png Blog - Regaining Your Focus https://www.seankeenansdesigns.com/blog/how-to-work-deeply monthly 0.5 2021-04-25 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619391430075-5NIAASA04RT56O347E8G/Blog-Post-4.jpg Blog - How to work deeply https://www.seankeenansdesigns.com/blog/digital-detox-a-week-without-social-media monthly 0.5 2021-04-25 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619391288069-9NLUOYWE2FS8T8ONVNAE/without_social_media.png Blog - Digital Detox: A Week Without Social Media Phone usage without social media https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619391222994-4DX7SE7EGR7EM22N6QYZ/With_social_media.png Blog - Digital Detox: A Week Without Social Media Phone usage with social media https://www.seankeenansdesigns.com/blog/how-smartphones-hijack-your-concentration monthly 0.5 2021-04-25 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619391124584-XT9E8GI2U9F29G0F1G10/Keenan_Blog_2.png Blog - How Smartphones Hijack Your Concentration https://www.seankeenansdesigns.com/blog/how-the-combination-of-a-smartphone-and-anxiety-affect-deep-work monthly 0.5 2021-04-25 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619390998499-KANZ8ONLRI6WHL3T08OH/Iphone_Blog_Post.png Blog - How the Combination of a Smartphone and Anxiety Affect Deep Work https://www.seankeenansdesigns.com/blog/category/User+Experience+Research+Methods monthly 0.5 https://www.seankeenansdesigns.com/blog/category/Audio+and+Video+Design monthly 0.5 https://www.seankeenansdesigns.com/blog/category/Ideation+and+Prototyping monthly 0.5 https://www.seankeenansdesigns.com/blog/category/Content+Creation monthly 0.5 https://www.seankeenansdesigns.com/blog/category/Deep+Work monthly 0.5 https://www.seankeenansdesigns.com/blog/category/User+Experience+Design monthly 0.5 https://www.seankeenansdesigns.com/blog/category/The+Elements+of+User+Experience monthly 0.5 https://www.seankeenansdesigns.com/blog/category/Data+Visualization monthly 0.5 https://www.seankeenansdesigns.com/blog/category/Understanding+your+Audience monthly 0.5 https://www.seankeenansdesigns.com/blog/category/Content+Strategy monthly 0.5 https://www.seankeenansdesigns.com/index daily 1.0 2022-02-14 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/57156aac-a18f-48c8-979a-7a233cd8baec/Home+Screen+Menu.png Home https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1de9cf46-5128-45ba-82f2-4d9b332406e3/keenan_information-arch.png Home https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/e6643f76-f3e5-4828-a7de-872800339f8c/user-testing-results-brandonsuzzane.png Home https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/4416f5e0-c76f-4044-b749-d74b9ed8d153/backlog-track-set1.png Home https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/96ba73a1-0a99-4e84-ac24-22357fa569d1/learn-samples.png Home https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/13b68865-c0b5-49cc-96de-5a01d217bd53/Wireframes-all-in-one.png Home https://www.seankeenansdesigns.com/contact daily 0.75 2022-01-10 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619366557261-950I5SBY1V7F0Y9MIF2C/profile-pic.png About - About me My name is Sean Keenan and I am a UX Designer who graduated from Quinnipiac University. At Quinnipiac, I was in the accelerated communications 3+1 program, obtaining an Bachelor’s in Graphic and Interactive Design and a Master’s in Interactive media. Throughout my experience, I’ve learned and utilized many different facets of design, including layout design using InDesign, coded websites using Sublime Text, and fully detailed wireframes using InVision. I’ve used these skills in a professional environment while at my internship with the Bucks County Courier Times. There, I helped design multiple ads for the Company’s original online shows, created weekly quizzes using information from that week set of papers, as well discuss and work collaboratively with a team of experienced designers. I look forward to the next opportunity I can get to another company that provides me with even more opportunities to use and improve my design skills. Get in touch: Resume https://www.seankeenansdesigns.com/store daily 0.75 2025-02-18 https://www.seankeenansdesigns.com/portfolio daily 0.75 2025-06-03 https://www.seankeenansdesigns.com/portfolio/lyman-and-mark-7 monthly 0.5 2025-01-06 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/e674ea05-679d-4210-963d-c805eada8b63/Lyman+Logo+151.jpg https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/e7b12d8c-30e1-47a2-8516-3e22b5b6ab42/catagory-display.jpg https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/f0bf1406-8576-4c71-8116-a854540367e7/reloading-presses-chart.png https://www.seankeenansdesigns.com/portfolio/digital-scorebook-manager monthly 0.5 2021-04-28 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619195403774-JT1O9ALERSRGE380LLP6/logo.png https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619194319556-TXBRVAHXLZZKEU5R3PAL/image-asset.png https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619194884322-YOHQ4W584P4ASOFJUDSS/full-plan.png https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619195226185-U5MYA8ODX0H52UYQCF0K/user-research-cover.png https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619195916857-EPZJNC39C85A3IY99BWC/keenan_information-arch.png https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619195994406-MVXFKT779P5VO8EH58NA/ruiz-persona.png https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619196375250-FXSRVEUWXRFYK5EWJYNL/wireframe-header.png https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619196564601-U5M9H4BO8RLLIRKP4IDF/prototyping-page3.png https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/97e434dd-c302-494a-a6b5-d3975b591590/Screen+Shot+2020-07-03+at+4.26.50+PM.png Portfolio - Digital Scorebook Manager Splash Screen https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/e7912944-dfa4-41b4-b341-4e0395e4e571/Screen+Shot+2020-07-03+at+4.27.03+PM.png Portfolio - Digital Scorebook Manager Start Scorekeeping Screen https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/bb66409e-cdaf-4852-b37b-f9fecc244342/Screen+Shot+2020-07-03+at+4.27.42+PM.png Portfolio - Digital Scorebook Manager User Profile Quick View https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/ec224ee4-a187-4213-86a1-9e907c7dc48d/Screen+Shot+2020-07-03+at+4.28.01+PM.png Portfolio - Digital Scorebook Manager User Profile Memorabilia https://www.seankeenansdesigns.com/portfolio/ux-research-methods monthly 0.5 2023-01-30 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619726406268-M3K3JPA58FA8T5LI596B/ux-research-thumbnail.png Portfolio - User Experience Research Methods https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619465348173-FWUZ3YS1L4957L7GX66W/IMG_4215.JPG Portfolio - User Experience Research Methods My final design for the crash course https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619465621372-JBCA08AEO31YHWKJ9R50/website-analysis-pic-finalblog.png Portfolio - User Experience Research Methods A sample of what my website analysis looked like https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619465842222-DX4PPDW70SH6BGI3NL9Q/empathy-map-abdul.png Portfolio - User Experience Research Methods Abdul's full empathy map https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619465967189-3FHQ9B9SBFERN99WGRDA/keenan-persona-page9.png Portfolio - User Experience Research Methods A matrix like this helps connect multiple persona's together https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619465925075-616WNNTGSNU7ZK9GZ8OK/keenan-persona-page2.png Portfolio - User Experience Research Methods The overview page for my personal persona https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619466043999-JB7GXHA7HDB7XHGJX681/point-of-view-end.png Portfolio - User Experience Research Methods All 6 of my POV statements https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619466149872-8NBCARF6VI135E3T4BRZ/ideation-techniques-sample.png Portfolio - User Experience Research Methods How the first POV looked under these ideation techniques https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619466265964-Q8Y3C5ZDQ7Q1TBDXVTH4/skyler-journey-map.png Portfolio - User Experience Research Methods My full journey map https://www.seankeenansdesigns.com/portfolio/video-game-pandemic monthly 0.5 2022-03-13 https://www.seankeenansdesigns.com/portfolio/backlog-track monthly 0.5 2021-04-28 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619633723770-HB3KA6UEBVCJVVFOAAUS/backlog-track-cover-new.png Portfolio - BacklogTrack https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619630958171-RKKHZFG1WFC929G4TG8E/bt-competitive-analysis.png Portfolio - BacklogTrack - Competitive Analysis To begin the process, I performed a competitive analysis. Specifically, I wanted to see what other backlog apps were available in the Apple App Store, as well as what users typically seemed to like and dislike for those applications. Through this analysis, I was able to find that most backlog apps were pretty lacking. All the user bases were quite small and all of the focus was on video games rather than all entertainment. This helped show me both what I need to do to make my app stand out, as well as what has worked the best for apps like these, such as a playlist feature. https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619632107174-ZE53E6XBXIFYDIVJ432E/bt-empathy-map.png Portfolio - BacklogTrack - User Interview and Empathy Map With a better idea of the competition, I then moved on to user interviews. Due to time constraints, I was only able to perform one interview, though I still got some good information from it. My interviewee (Jim) helped show how managing a backlog is often more mental than logistical. He knows what’s on his backlog and what he usually likes to play, but the intimidation of the size and pressure he feels to shrink this backlog causes him to enjoy the games and movies less. With this in mind, I knew that I had to focus on features beyond just tracking the backlog, features that would incentivize people to play/watch and get the most enjoyment they can. https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619632793491-C54DXB3942O76BKVHKTY/bt-persona.png Portfolio - BacklogTrack - Personas With a better understanding of what a potential user may want, I created user personas to get a clearer picture of what my audience would be. I tried to make the personas diverse, focusing on different age groups, as well as their main form of entertainment consumption. These helped show how an actual person may want to use this app. It’s one thing to say there needs to be a better way to keep a backlog, but writing out potential scenarios, with concepts such as how it affects your interaction with friends or alters a games enjoyment, makes it easier to ideate on more concrete features the app would contain. https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619632939121-H1IWGEY77OOV78QKQTC0/Info-arch-2.png Portfolio - BacklogTrack - Information Arch Now with a clear audience, I began creating the information architecture. With my user research in mind, I choose screens such as a customizable archive and a schedule as the focus, since that was a common issue in both my competitive analysis and user interview. I also wanted to make sure the app flowed well, not having too many screens and allowing the user to find the game/movie they want efficiently. For the final product, much of the content will be taken up by all the different games and movies synched with the app that you can find. https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619633295992-43PEZD2FRJNYTEQC5QAK/bt-wireframe-sample.png Portfolio - BacklogTrack - Wireframes With all the research done and a structure decided upon, I began creating wireframes for the app. To create these wireframes, I used the program InVision. When creating the wireframes, I knew I wanted the visual focus of the app to be the covers of all the different games and movies, with brief descriptions and what not only put in when necessary. This would make the app a lot easier to scroll through since there’s little reading, as well as inspiring people to play/watch certain games/movies due to an interesting cover. https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619633480775-HQOWQ5872Z2IJQ1GN44H/bt-mockup.png Portfolio - BacklogTrack - Mock Up Now that the structure was decided, all that’s left was putting in the color and detail. Originally, I wanted the main color to be a sort of metallic blue, as I felt that would present a more “techy” feel. As I soon found though, the color was too dark, causing the covers to blend in the background rather than be the focus like they should be. Due to that, I ended up going with a lighter gray as the main color, as I felt it still provided a “techy” feel (think Apple silver) while being light enough to make the game covers stick out. https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/4416f5e0-c76f-4044-b749-d74b9ed8d153/backlog-track-set1.png Portfolio - BacklogTrack https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/a641b102-da22-47fe-87a4-016c09bfb518/backlog-track-set-2.png Portfolio - BacklogTrack https://www.seankeenansdesigns.com/portfolio/mindshift monthly 0.5 2021-04-30 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619636091065-ZPMGW6YS3LWR4M69060X/mindshift-cover.jpg Portfolio - MindShift Redesign https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619636217912-UY98EXG4PRQNXBZVV4AY/ms-competitive-analysis.png Portfolio - MindShift Redesign - Competitive Analysis To begin the process, I performed a competitive analysis to see how MindShift compares to other stress relieving apps. Through this analysis, I found that there was a surprisingly large market for stress relief apps. Their user bases were much larger than MindShifts, some clocking in over 700k reviews. With this in mind, I knew I had to do something to make MindShift stand out, giving the user a reason to choose it over the alternatives. https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619636279892-LCTRK4V3ORE2C3DRPQ6I/mindshift-empathy-map.png Portfolio - MindShift Redesign - User Interview’s and Empathy Map For user interviews, I performed two different interviews and ended up finding two entirely different user bases. For my first interview, my participant didn’t have anxiety problems himself, but knew people who did and wanted to know if there was any way to help. My other interviewee had anxiety issues, so I was able to see what they might want out of an app like this. These interviews helped show me the variety of users the app may have, as well as how I may have to accommodate for those different users. https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619636326217-N1E90GKCGSG63S92J54M/mindshift-persona.png Portfolio - MindShift Redesign - Persona Knowing what potential audience I may have, I created a persona to better understand what they may need. My persona focused more on the second user interview, someone who has intense anxiety and wants help with it. I found the frustrations particularly helpful, as I found many people’s issues with anxiety stems largely from not knowing how to deal with it and who to open up about it to. By having a place to learn and vent, this app could help solve the needs of this potential user and many others. https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619636471040-L1Y98L22CHFL7F4ZF3E9/keenan_IA.jpg Portfolio - MindShift Redesign - Information Arch Knowing what my users will need, I began creating the structure of the app. One of the biggest issues I found with the original is the lack of clarity in the navigation. I and my user interviews found it difficult at times to find what they wanted. Knowing that, I tried to make the navigation fairly simplistic, having screens such as “Learn” be the same for each type of anxiety, making it easier for the user to grasp at a glance. Despite some of those issues though, I kept a lot of the core features such as goal setting and quick relief https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619636498789-RW654OSXS5N0S7FWDKC8/Wireframes-all-in-one.jpg Portfolio - MindShift Redesign - Wireframes When creating the wireframes, clarity was my main goal, similar to the info arch. For starters, I completely cut the idea of a user account. I felt people being forced to create an account after downloading this app will only increase anxiety and serve no real purpose in the grand scheme of the app. I also wanted information about the anxiety disorders themselves to be easily accessible, so that anybody can quickly find and learn about them. https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619636594813-ZO2MJDSEA0Z9S349KNLG/mindshift-mockup-1.png Portfolio - MindShift Redesign - Mock Ups With everything else put into place, I began putting in the details such as color and type. For color, I wanted lighter, calmer colors. This helps give the app a calming feeling in general. I also made sure the type was very light, not being too overbearing for the users. For the mockups themselves, I made three separate ones, choosing select screens to sample the different styles with. A dark mode option was also made for each screen. Overall, the first mockup ended up being the main basis, though for screens such as “Learn”, I used different mockups since I felt they were more effective. https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/4c11769f-e819-4f54-980d-4ec006195dcd/samples-all-in-one.png Portfolio - MindShift Redesign https://www.seankeenansdesigns.com/portfolio/imdb-redesign monthly 0.5 2021-04-29 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1618709851626-FAC3ENZP8LOMI63T7QFB/keenan_final_cover.png https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619725151957-M17Z4SIQN8S25NUNHI2R/imdb-intro-sample.png https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619725223229-RSLCJF65S898PGFZ18O3/imdb-requirements-sample.png https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619725304650-DWUXFUQA4486Z7SI3DFN/imdb-competitive-analysis-sample.png https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619725387027-DUKSTUFVNZBW30P7CEV4/imdb-interview-sample.png https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619725479757-BSPOAFILNMB40XSE5EAV/imdb-survey-sample.png https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619725569733-AXFG9KF632CXY4CKSAF7/keenan-personas-turkin.png https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619725678218-Z9248LPQ3A393BPA8FB3/imdb-diary-sample.png https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619725745141-XJ0GCC5LREZ3K6UGDFAF/imdb-card-sample.png https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619725852191-CVI5994OHS12BCQ8G0HK/imdb-user-interview-sample.png https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619725940371-OGO4TYS5CZEC8HDEQNZK/imdb-redesign-rec-sample.png https://www.seankeenansdesigns.com/portfolio/destination-doylestown monthly 0.5 2021-04-30 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619798318218-04JXCNIO5ALYNVPZ96G4/paper-prototype-cover.png Portfolio - Destination Doylestown https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619798419838-IIO4AC3FMSEKK95A8JOP/info-arch-new.jpg Portfolio - Destination Doylestown - Information Architecture Redesign To begin the process, I first wanted to recreate the information architecture for the original site. Similar to many government sites, the information architecture is often all over the place, having confusing navigation titles such as “More like this” and repeating the same information over and over. Due to that, I felt I needed a cleaner information architecture to work with before I could decide what would be in the phone app. I first started by mapping out the original info arch to about three levels deep, then took that architecture and remapped it to what I felt was best. https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619798493183-AJG1S813I91SU3VXY09S/info-arch-mobile.jpg Portfolio - Destination Doylestown - Mobile Information Architecture With a redesigned architecture in place, I could now determine what would make it into the phone app, as well as what would be the focus. As it’s a phone app, the scale must be smaller than the full desktop app. Due to that, I decided to cut most of the government section, as it’s simply info dumps and wouldn’t be very useful for a user on the go. I also decided to expand the services screen, taking tabs from all over the website and organizing them between resident services and business services. Finally, the community section stayed mostly the same, with me just picking what I felt would be most useful for a user on the go. https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619798567191-ZY1UTFHLOIID4QN67UN8/user-flow-grace-image.png Portfolio - Destination Doylestown - User Flows With a structure in place, I needed to see how the app itself flowed. To do that, I created three separate user flow scenarios, each focusing on a different aspect of the app. This included more railroaded features with little choice, such as selecting a map to download, versus the more open choices like finding a community feature to get involved with. Even with the more open ended choices, the overall flow of the app remained fairly simply throughout, only taking a few taps to get through most features. https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619798705499-89DBOZV31LOWXJDF852U/paper-prototype-sample.png Portfolio - Destination Doylestown - Paper Prototype With everything in place, I began making my initial prototype. While I typically use a program like InVision to create the prototype, that’s often quite time consuming. With how many unique screens there are throughout the app, I instead decided to make a paper prototype. By drawing out the screens by hand, I was able to rapidly develop multiple screens, as well as be more efficient at simply getting my ideas out on the table. https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619798825659-8JBFU6N0J1Y77ANFPPFJ/user-testing-results-brandonsuzzane.png Portfolio - Destination Doylestown - User Testing With a prototype now ready, I could begin testing other users to see how they flowed through the app. These tests were designed like an interview, with a full script and specified tasks for the user to go through. From these tests, one of the main issues that occurred was the navigation. Multiple users were confused, both unsure of what the icons meant, as well as what features would be under what tab. Along with that, some users felt there was a lack of clear information in some screens, such as the ticket payment options. https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/efae2341-8c34-4729-b31e-bffa48904d54/dd-business-services.png Portfolio - Destination Doylestown https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/5fad3b7b-ea54-4396-876e-b077861def9d/dd-resident-services.png Portfolio - Destination Doylestown https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/6650049f-2961-4b6e-a776-f55a1fe5f8cd/dd-community.png Portfolio - Destination Doylestown https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/6784631b-9fe2-48eb-8a6e-c562a7660b68/dd-gallary.png Portfolio - Destination Doylestown https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/de0ded27-aa84-4653-ab42-dc3b61bcea64/dd-getting-around.png Portfolio - Destination Doylestown https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/c1246b5e-d284-48e5-9658-31391d03c601/dd-contact.png Portfolio - Destination Doylestown https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/cd67e15f-746d-4f34-8cf8-4a4b742d8237/dd-discover.png Portfolio - Destination Doylestown https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/86c1c184-feb1-4afa-b950-53fde1575929/dd-our-town.png Portfolio - Destination Doylestown https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/14f3c104-668d-4e4e-894d-7f1a75f9377f/dd-home.png Portfolio - Destination Doylestown https://www.seankeenansdesigns.com/portfolio/united-ecosystems monthly 0.5 2021-04-30 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619804937019-9EMG24KT05YNBOTCB54N/eco-systems-cover.jpg Portfolio - United Ecosystems Alliance https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619808783991-SDT9LJB4QNLXCL6BEEYV/Screen+Shot+2021-04-30+at+2.52.45+PM.png Portfolio - United Ecosystems Alliance - Site Research and Personas To begin the process, we began researching other environmental non-profits. This included seeing how they styled their logos, as well as what features the site contains such as content and hierarchy structure. Along with this research, four different persona’s were created by my partners to better understand what our site’s audience may be. Research showed environmental concerns are often more prominent among the younger generations, with the persona’s showing as much. These included a current college student, a full time copy-writer and even a high school senior. Through this research, we were able to gain a better understanding of what the focus of the site should be. https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619809004294-3MQRT04U7LSOP7SOW37O/uea-info-arch.jpg Portfolio - United Ecosystems Alliance - Information Architecture With research to go off of, I then began making the site’s information architecture. As a group, we determined the site’s main focus should be information, as we found it surprisingly difficult to find lots of environmental information, such as biodiversity and deforestation. With that in mind, I decided on the main pages being “How to Help” and “News”, as I felt that was the most consistent way to present the user with new information. Along with those main tabs, I also choose to have multiple sections in tabs such as news, so that a user could find the specific info they were looking for, whether it be political news or endangered species updates. https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619809084120-ZXFHA7O0PD3VEUJ9OZEW/Screen+Shot+2021-04-30+at+2.57.53+PM.png Portfolio - United Ecosystems Alliance - Wireframes With the structure in place, I then constructed wire frames for the main navigation pages. In these wireframes, I wanted to make the visuals of the site large and apparent, as actually seeing what happens to the environment is a good way to get a user to understand the danger of climate change. I also wanted to make sure the pages were a reasonable size, not forcing the user to endlessly scroll through information they may or may not care about. https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619809186072-9BVDAL728I3T3P4FEJ9H/uea-mockups_Page_1.jpg Portfolio - United Ecosystems Alliance - Mockups With a wireframe done, mockups were then created. As a group we decided to each make a separate mockup, so we could have multiple choices for a final design. For my own mockups, I based them off my wireframes, adding in the necessary features like images and color. In the end, we ended up mixing and matching our mockups. My “News” and “Donate” mockup were the final ones for those designs, while with “Home” and “Help” we used another group members mockups https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619809308396-WK132GEEODR622C7VAL4/uea-poster-cards-sample_Page_1.jpg Portfolio - United Ecosystems Alliance - Poster and Cards Along with the website itself, we also had to expand the brand of our non-profit with items like posters and mailing cards. For both, we worked together to help make a few different mockups for each. Along with the flat image, we also put the posters on top of stock images to see how the image itself may look on a real life poster https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1619809599093-2H961XFSW387EA73JP4F/united-eco-front.png Portfolio - United Ecosystems Alliance - Site Coding With the rest of the process done, I began fully coding the site. To help code it, I used the program SublimeText. As this was my first real time coding, it was a fairly time consuming process. To make sure the site was responsive, I made multiple media queries for the many potential screen sizes the site might see. I also tried to make certain features stand out more, such as making each section on the news screen jump forward when hovered upon. While I was the site’s main coder, due to limited time I had to ask one of my group members for assistance in coding certain pages of the site. Mainly, the individual sections for Politics, Animals and Science were all created by them, allowing me to easily copy over the code and add in extra features such as the tabs jumping forward. https://www.seankeenansdesigns.com/portfolio/freelance monthly 0.5 2023-01-30 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/1618707251095-6NK3UB3HLBDFM6UF9KRR/logo-black.png https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/9ec4393a-1828-4154-9a4a-85a80f8c49ce/bh-logo.png https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/b71c3e15-ec36-4a9e-b5c5-df35c858b013/jls-logo.png https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/b35578fc-8da7-4a50-b43d-2bd5e4ca7b0a/place-vendome.png https://www.seankeenansdesigns.com/portfolio/white-paper monthly 0.5 2021-05-01 https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/a1b6c780-b6ee-4f99-9604-427f1f83b7f8/Keenan_White_Paper_page_3.png Portfolio - White Paper https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/dbaf5d9d-30de-44dc-9ee5-306a15a356e0/Keenan_White_Paper_Page_4.png Portfolio - White Paper https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/2abf9790-9530-4133-b6a3-6aebe8f6d9ab/Keenan_White_Paper_page_6.png Portfolio - White Paper https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/446e7fcd-3995-49fd-b874-70a5e4c2a009/Keenan_White_Paper_page_7.png Portfolio - White Paper https://images.squarespace-cdn.com/content/v1/6079d53091c1aa468fec326b/5f4c52cd-7285-4af2-a4fe-2c4132800162/Keenan_White_Paper_page_9.png Portfolio - White Paper