https://www.fredrickwilliams.design/blog daily 0.75 2021-03-15 https://www.fredrickwilliams.design/blog/blog-post-title-one-crzsy monthly 0.5 2020-08-25 https://www.fredrickwilliams.design/blog/blog-post-title-four-7r9hz monthly 0.5 2020-05-20 https://www.fredrickwilliams.design/blog/blog-post-title-three-z872k monthly 0.5 2020-05-20 https://www.fredrickwilliams.design/blog/blog-post-title-two-jnrr7 monthly 0.5 2020-05-20 https://www.fredrickwilliams.design/thestory daily 0.75 2021-04-06 https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1616621804081-JSUI57G7HZT5Y5G5JYZM/Screen+Shot+2021-03-24+at+5.34.54+PM.png HOME I created a Responsive App design to communicate the best UX features that matters most to a users' traveling experience. https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1613273234160-B37NC8OQEWULZPQA5R32/Artboard%403x.png HOME - Hello! My name’s Fredrick and I'm a people person with a brain for marketing who believes UX design should be accessible, and stir a desire for involvement to champion users on an enjoyable path that is inclusive, relevant, And human. I call Beford-Stuyvesant commonly known as Bed-Stuy, Brooklyn NYC home. Myers-Briggs: ENFJ-A https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1616519724299-ORPJ0FVJIOVV19N31W4P/Group+1398.png HOME https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1617586080681-QK9IIKVQTXV5IN69PLRP/Frame+39.png HOME A mental health website with resources to promote affordable wellness and provide online counseling services https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1616504189643-1KCRV7PW67SMGCBJAWEX/Group+1364-2.png HOME https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1613938049158-VJJE8QI0TEK2SIUWGEL9/Frame+25.png HOME research, UX/UI Design https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1613710012709-ZKHRVW4DV04BYWI90ZGS/trythis.png HOME research, Marketing strategy, UX/UI Design https://www.fredrickwilliams.design/resume daily 0.75 2021-05-01 https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1619880416809-RY451J9EHY2MEJACMUWK/%2805%29+Resume+for+Fredrick+Douglas+Williams.jpg RESUME ATS Resume https://www.fredrickwilliams.design/bon-voyage daily 0.75 2021-04-09 https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1615496357995-CWQ40MQCCPXDDC7CGHP3/Screen+1.png portfolio - Bon Voyage I created a Responsive App design to communicate the best UX features that matters most to a users' traveling experience. CLIENT Flatiron School Design Challenge TIMING & TOOLS 5 weeks, Sketch, Figma, InVision, Flinto, Mural, Miro CATEGORY Ecommerce, Travel, Art Direction Role Remote UX Research & UI Designer (Fredrick Williams) DELIVERABLES Branding, UX Design, Visual Design, Prototyping https://www.fredrickwilliams.design/member-areas-1 daily 1.0 2021-05-23 https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1619362909185-EH3Y45OFUPM4ETBT58KQ/HomePage_Cover.png HOME https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1621752907720-I6E9GVYA6RYNH02YIW3V/Frame+56.jpg HOME - Catalyst How I used 6-8-5 Sketching, User Surveys, and Paper Prototyping and Formative testing to configure an old publishing source to prioritize its users. 11 weeks, 4 Sprints, InVision, Sketch https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1618974039556-FPP60WUKQB7GJRTNZLHM/Frame+48.png HOME - SWAY How I designed an advanced technology tool to share more information publicly to enhance the informal relationship between the community and their city government 10 weeks, 4 sprints, Otter ai, Figma, Miro https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1617926129378-ERH6BT01F0H067QJD2EQ/Frame+42.png HOME - One Healing Space How I used Contextual Research, User Interviews and User Testing to update an existing online mental health counseling website. 8 weeks, 3 sprints, Otter.ai, Figma, Miro https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1617939101020-2SM91SO01ZN6I6DGBDJ6/Frame+47.png HOME - Bon Voyage How I created a Responsive App Design to communicate the best UX features that matters most to a user’s traveling experience. 5 weeks, Figma, Sketch, InVision, Flinto, Mural https://www.fredrickwilliams.design/morefredrick daily 0.75 2021-04-20 https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/de8ffa3b-68f2-4bc1-9eda-94cbab0ebb60/IMG_1359.jpg More About Fredrick https://www.fredrickwilliams.design/portfolio daily 0.75 2021-05-20 https://www.fredrickwilliams.design/portfolio/ohs monthly 0.5 2021-05-01 https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1619366866661-RIY3S8TDFULGZ75BRNVN/Screen+Shot+2021-04-25+at+12.07.21+PM.png PROJECTS - One Healing Space, Web Design - Dream it. It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1612920240628-06BM0IMQW1CU429Y1UDW/Screen%2BShot%2B2021-02-08%2Bat%2B8.21.20%2BPM.jpg PROJECTS - One Healing Space, Web Design - Build it. It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1617648461191-AQX6T20BS7GIUNITHEP6/Screen+Shot+2021-04-05+at+2.35.05+PM.png PROJECTS - One Healing Space, Web Design https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1617648511679-48SL9NLSGR473ENBC8EH/Screen+Shot+2021-04-05+at+2.38.08+PM.png PROJECTS - One Healing Space, Web Design https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1617648486144-X2H8IXVAKCGDTBR9DMJD/Screen+Shot+2021-04-05+at+2.37.37+PM.png PROJECTS - One Healing Space, Web Design https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1617597084263-UH5TYB2WB91CHJG4VKYO/OHS3.gif PROJECTS - One Healing Space, Web Design - Build it. Pictured: Mid-fi mockup of the One Healing Space Website Increasing user engagement by creating the right web pages to drive more customers to her business. https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1617628849166-DO35OQFTCUDYFS1CCQWU/White+iPhone+6S+on+old+table.jpg PROJECTS - One Healing Space, Web Design - Dream it. It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1612477667250-YZDB72ING84HDH7MASED/Screen+Shot+2021-02-04+at+5.27.17+PM.png PROJECTS - One Healing Space, Web Design https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1613719131847-8SB9SAQK2QU9150V37DJ/Screen+Shot+2021-02-19+at+2.18.28+AM.png PROJECTS - One Healing Space, Web Design Pictured: Transcript from Outter. ai of One Healing Space intwerview with Zijia Increasing user engagement by creating the right web pages to drive more customers to her business. https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1619402433331-U10KGSFODM5XHDSXIHTC/ZijiaTestimony.png PROJECTS - One Healing Space, Web Design https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1617681050013-GDQGTUUXWWX39L5G2F0S/Screen%2BShot%2B2021-04-05%2Bat%2B11.49.03%2BPM.jpg PROJECTS - One Healing Space, Web Design https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1617681026425-V8RN2B0THCSQMCRVMWQL/Screen%2BShot%2B2021-04-05%2Bat%2B11.46.12%2BPM.jpg PROJECTS - One Healing Space, Web Design https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1617824789490-2D3BUAPE7G9LYP7W5DC8/Group+331.png PROJECTS - One Healing Space, Web Design https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1612301912924-EOFYEL2AU02CJZBOPNCA/Screen%252BShot%252B2021-01-16%252Bat%252B5.40.21%252BAM.jpg PROJECTS - One Healing Space, Web Design - Maya Kasim From there, we settled on the most frequent responses among those interviewed to create a persona. In order to communicate their motivations, pain points, and preferred user experience. Don't be shy, Maya, say "Hello." https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1612479065818-ICP3VKS6H3TTX1ZF6MRE/Screen%2BShot%2B2021-01-16%2Bat%2B5.52.55%2BAM.jpg PROJECTS - One Healing Space, Web Design Our User | Defining the pain points Cindy was so gracious to provide us with a list of participants excited about the process. She did a remarkable job of building their eagerness to be a part of this project. The participants' concerns range from transparency, worries about comfortability, to establishing a connection with their therapists. After a qualitative analysis, we defined one persona as the user of One Healing Space based on their weaknesses. https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1617828200380-R7DC68GPEBQ0CSY89QME/Group+333.png PROJECTS - One Healing Space, Web Design - Dream it. It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1619405361825-RRXXIZ9WANFDKYF0RFF3/Group+338.png PROJECTS - One Healing Space, Web Design - A Design mistake that tested well with users And on screen five, a user can opt to play the video or read to learn more about the client’s story. This wasn’t the intended purpose but it tested well and ended up in the final version of the prototype. https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1619405490550-Q9ZAQDFID1LCOPQUS7B5/Group+340.png PROJECTS - One Healing Space, Web Design - “Hello” translated in target user native language "Hello" is in the native language of each target user. This detail will promote the inclusion of culture. This feature tested well and ended up in the final version of the Med-fi prototype. https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1617833213222-RS04F2R2B1CRI8IPSD88/Group+335.png PROJECTS - One Healing Space, Web Design - What I wanted to Validate It was time to apply what I found from gathering data on the context and user behavior and draw some critical conclusions about their intentions and interaction patterns for design thinking. And deliver tests and report on their use of the interactive divergent prototype to the team and client. https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1617831003444-8S6IOAWYLQ2JKOC2PI7J/Group+334.png PROJECTS - One Healing Space, Web Design https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1619407284787-24KZQIYQQTBFPI2XEXFS/Group+346.png PROJECTS - One Healing Space, Web Design - Matching the system and the real world I forgot to think about the user in crisis. The user who needing immediate help right away would be too inundated with the amount of information on the screen. My design decision, in my opinion, would possibly lead to more harm than good. https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1619407394156-7R2K2HFYU3JERHVU4BV5/Group+345.png PROJECTS - One Healing Space, Web Design - Reducing difficulty on forming effective conceptual models Ah-Ha! Remember earlier in my research how they described how to employ a combination of platform and publication reviews, therapist credentials and their specializations, website language, real pictures of people, and available resources to foster credibility and get inspired by the business value proposition? https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1619409445789-0QXKYRNK6MLZXQTWI9WK/Screen+Shot+2021-04-25+at+11.56.32+PM.png PROJECTS - One Healing Space, Web Design - Prioritizing the customer journey Following the two rounds of divergent testing, I synthesized my findings and was able to create a customer journey to improve engagment which I presented and discussed with the client and team. These exercises formed a great foundation to move into feature ideation and prioritization. I volunteered to be the organizer of the UI toolkit to keep our remote space tidy! https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1619409959402-1AUDL0GFGDSRQKQMXXIT/Screen+Shot+2021-04-26+at+12.05.21+AM.png PROJECTS - One Healing Space, Web Design - Build it. It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1619413937342-0GIDULCYGY4SJUTSV7QZ/Group+352.png PROJECTS - One Healing Space, Web Design - validating | design Decisions My second Ah-Ha moment! Thinking back to an earlier reveal from users on their best practices to prospect for online therapy. I now can prove that I was building the right product at this stage of the development cycle. So, after presenting and discussing my research with the team, I revised, and we converged. I added the name of the onboarding user to build, personalize, and target guidance based on behavior. https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1619412478071-YOCS91YT0MDR3LD7XN73/Frame+32.png PROJECTS - One Healing Space, Web Design - Hello | The signup user flow I chose to design the signup portion of the project to make heavy use of my research from my user and SME interviews. I understood their frustrations and pain points well, and felt my prior work in client onboarding would help guide new users and highlight new functionality. https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1619416276037-FVPEDLNNF3PW6NKWQ9WB/Group+355.png PROJECTS - One Healing Space, Web Design https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1619414611253-US6Z9MA85J92TXHN5MI6/Group+354.png PROJECTS - One Healing Space, Web Design https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1617983050357-2L3EI987AXQN6ZJGJY7C/Sign+Up+-+Start+3.jpg PROJECTS - One Healing Space, Web Design https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1617983004405-14YSNMJNP9JNCOXLEC0K/Sign+Up+-+Start+2.jpg PROJECTS - One Healing Space, Web Design https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1617982325243-PZL4SM32BI8J5HNIVII7/About+Us+-+Landing+Page.jpg PROJECTS - One Healing Space, Web Design https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1617983097714-HWJIHINUN4ER5WXACVDL/Sign+Up+-+Start+4.jpg PROJECTS - One Healing Space, Web Design https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1617981849730-N1K142UTUAE8BKGN271Q/Home+-+Individual+Therapy1.2.png PROJECTS - One Healing Space, Web Design https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/965c1ab2-a22e-466e-994c-55de06c8be5e/Home+-+Couples+Therapy.jpg PROJECTS - One Healing Space, Web Design https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/0f257ae8-1c73-4bfe-a1f8-b39fc48fc63b/Home+-+Family+Therapy.jpg PROJECTS - One Healing Space, Web Design https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/66a63cad-842e-410f-b961-f56f855f4845/Home+-+Meditation.jpg PROJECTS - One Healing Space, Web Design https://www.fredrickwilliams.design/portfolio/catalyst monthly 0.5 2021-05-20 https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1613972507216-6A9USB8SGFNIU39BXHJV/Screen+Shot+2021-02-22+at+12.41.11+AM.png PROJECTS - Catalyst, Responsive Web Mobile Design (UPDATING) - [Pictured: 6-8-5 sketches from the project used as part of the testing to validate the final design prototype] https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1612822861942-YKBJP10M5KFSDW6YFJ10/Screen+Shot+2021-02-08+at+5.20.41+PM.png PROJECTS - Catalyst, Responsive Web Mobile Design (UPDATING) - [Pictured: Comparative analysis from the project used as part of the testing to validate the final design prototype] https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1613767283403-CPEA2FMM9OVGRRXN7UYZ/Group+302.png PROJECTS - Catalyst, Responsive Web Mobile Design (UPDATING) - user behavior I interpreted this data and concluded our users as resourceful and skeptical. I ran my findings by the team, they agreed, and together we used the nouns for the archetype to brand our users. https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1613767471205-FE64RVRNU0VEXVY67A8R/Screen+Shot+2021-02-19+at+3.42.56+PM.png PROJECTS - Catalyst, Responsive Web Mobile Design (UPDATING) - Pictured: Affinity Diagram from the user interviews of Catalyst Responsive Web Mobile Design Project Using 6-8-5 Sketching, User Surveys, and Paper Prototyping and Formative testing to configure an old publishing source to prioritize its users https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1610609755789-UZU82SZ6J3B4O9XD6TS2/Screen%2BShot%2B2021-01-12%2Bat%2B4.31.12%2BPM.jpg PROJECTS - Catalyst, Responsive Web Mobile Design (UPDATING) - Thanks, Stephanie | SME Interview We needed an SME to affirm our proposed design features and confirm the user's feelings. So, the team and I connected with a Children's Librarian at Chicago Public Library. I appreciate Stephanie for lending her voice to the project. After interviewing her we found an institute restricted by budget, void of a standardized way to offer identical resources by location. To me, this meant users needed to travel to different libraries to find what they needed. https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1610612880764-OZ7D43UP1LJN2DXJTWR7/Screen+Shot+2021-01-11+at+10.46.23+PM.png PROJECTS - Catalyst, Responsive Web Mobile Design (UPDATING) - Pictured: User Persona from the user interviews of Catalyst Responsive Web Mobile Design Project https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1621561177521-THVPAR00ET144Y0JCJXW/Screen+Shot+2021-05-20+at+9.39.07+PM.png PROJECTS - Catalyst, Responsive Web Mobile Design (UPDATING) - Pictured: Customer Journey Map from the user interviews of Catalyst Responsive Web Mobile Design Project https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1613760298726-8DDT6KCQ2R8Y9Y4JTVL4/Bomb-2.png PROJECTS - Catalyst, Responsive Web Mobile Design (UPDATING) - Dream it. It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1612320709317-55FQYSBBIU4CXY6S6NS9/Screen+Shot+2021-02-02+at+9.51.02+PM.png PROJECTS - Catalyst, Responsive Web Mobile Design (UPDATING) - Research Goals I want to make it easier for users to access resources on the go. I’d also like to test the difference between one visit, never returning, or someone engaging. Determine what people use in the library for professional services Detect a way to update the library's communication within the community and foster connection with its users https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1621567560404-P3015372B2XA9JG1E0JW/Group+377.png PROJECTS - Catalyst, Responsive Web Mobile Design (UPDATING) - Filtering | Selecting a Course The user can ask a question in the form field to define the action the product is asking the take. The user testing shows that participants were confused about what to input here, So here, the ability to ask, makes the user flow less confusing and frictionless. https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1610611837988-SFV4KNK5UE06Y8471C1L/Screen+Shot+2021-01-14+at+3.06.15+AM.png PROJECTS - Catalyst, Responsive Web Mobile Design (UPDATING) https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1621568328828-WYQDP0GTM3SDL6E7CQ16/Group+381.png PROJECTS - Catalyst, Responsive Web Mobile Design (UPDATING) - Scaling with dates | register now, or by month The design now offers a location, phone number, and link to the site of the library, as well as all upcoming courses for the month. This feature allows the user to scale a course plan for now or for their future needs. We also decided as a team to use breadcrumbs at the top of the product screen so the user knows where they are in the user sequence. https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1621566747754-SOSGWJQECDAMSKN0M4HT/Group+371.png PROJECTS - Catalyst, Responsive Web Mobile Design (UPDATING) - recommended and Explore | Personalization Courses and explore recommendations improve the site services and suitability to our user's preferences. In return, the user will maintain their original goals to view the products or services. https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1621621522283-YEROGEUMAMZMWEAYAPV6/Group+385.png PROJECTS - Catalyst, Responsive Web Mobile Design (UPDATING) https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/458b9348-2931-41bc-b119-ec79d29f5b10/Group+305.png PROJECTS - Catalyst, Responsive Web Mobile Design (UPDATING) https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/c2150ff9-7c7f-4be6-a8e3-08a50b969991/Group+304.png PROJECTS - Catalyst, Responsive Web Mobile Design (UPDATING) https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/5d8b7469-4b58-4474-8f4c-0e0abd3ee5d4/Group+303.png PROJECTS - Catalyst, Responsive Web Mobile Design (UPDATING) https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/c690a7ae-779c-4ee0-af50-1e999e7693a6/Group+306.png PROJECTS - Catalyst, Responsive Web Mobile Design (UPDATING) https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/fd3fc66d-7550-4aaa-bf64-4d9400e60aec/Group+307.png PROJECTS - Catalyst, Responsive Web Mobile Design (UPDATING) https://www.fredrickwilliams.design/portfolio/sway monthly 0.5 2021-04-22 https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1619113793060-RF4T5JN8OZI6H4LFL5SO/Frame+51.png PROJECTS - SWAY, Mobile Application Design - Dream it. It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1612640146959-YAAHQFVZ7NPLMXOSU0EX/Group+297.png PROJECTS - SWAY, Mobile Application Design - Dream it. It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1612835394759-2SS7LCYNCG989Y4I6I1C/Screen+Shot+2021-02-08+at+8.46.19+PM.png PROJECTS - SWAY, Mobile Application Design - Dream it. It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1612664197743-48NYYUM2M62R8SPAOO20/Group+299.png PROJECTS - SWAY, Mobile Application Design https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1612662137547-O8NROMDFHW8V3TS5IXGX/Group+298.png PROJECTS - SWAY, Mobile Application Design https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1612663978724-I2HI403XLEE5JPMXGD8V/Screen+Shot+2021-02-06+at+9.07.21+PM.png PROJECTS - SWAY, Mobile Application Design - Dream it. Pictured: Affinity Diagram from the user interviews of SWAY Mobile App Design Project Designing an advanced technology tool to share more information publicly to enhance the sometimes informal relationship. https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1619466939711-8L5P4VGT6HLYDTT71RJJ/Screen%2525252BShot%2525252B2021-01-13%2525252Bat%2525252B2.37.44%2525252BPM.jpg PROJECTS - SWAY, Mobile Application Design https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1610558509818-WIGAXX0MXF0G09UVQH72/Screen+Shot+2021-01-13+at+12.19.36+PM.png PROJECTS - SWAY, Mobile Application Design https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1610558645451-94XTUDB9OHW7RS6A973Y/Screen+Shot+2021-01-13+at+12.23.34+PM.png PROJECTS - SWAY, Mobile Application Design https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1610558645451-94XTUDB9OHW7RS6A973Y/Screen+Shot+2021-01-13+at+12.23.34+PM.png PROJECTS - SWAY, Mobile Application Design https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1612839136576-9UOYJLHYG0OXVGDQJM0V/Screen+Shot+2021-02-08+at+9.50.50+PM.png PROJECTS - SWAY, Mobile Application Design - Dream it. It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1612668127843-Q7VSQEL149LDCLLY0LTC/Screen+Shot+2021-02-06+at+10.21.36+PM.png PROJECTS - SWAY, Mobile Application Design - Build it. Pictured: Low-fi design from the SWAY Mobile App Design Project Designing an advanced technology tool to share more information publicly to enhance the sometimes informal relationship. https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1612713018691-DD3UNTMOJY0VT367DFYC/Screen+Shot+2021-02-07+at+10.49.50+AM.png PROJECTS - SWAY, Mobile Application Design - it feels so good to be wrong I tend to have private laughs with myself at the end of the first round of usability testing, because, when you think you've figured out the solution beforehand, you tabulate and see where users discover something that might work better. I instantly pivot and continue with research, because The Usability test has taught me to take pride in being completely wrong about your design decision because it's the only way to find a solution. https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1619475910280-KC16AO4BLOB3T760AR0P/Screen+Shot+2021-02-07+at+9.13.30+AM.png PROJECTS - SWAY, Mobile Application Design - Dream it. Pictured: Site map from the SWAY Mobile App Design Project Designing an advanced technology tool to share more information publicly to enhance the sometimes informal relationship. https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1612921630516-0NL645GMZH22RETJY61N/Screen+Shot+2021-02-09+at+8.46.43+PM.png PROJECTS - SWAY, Mobile Application Design - Dream it. It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1612708705550-L0WR8A1S826K2O2ZBE16/Screen+Shot+2021-02-07+at+9.37.26+AM.png PROJECTS - SWAY, Mobile Application Design https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1619471928111-D7AFGMB1KN7IDQBGFGGN/Group+361.png PROJECTS - SWAY, Mobile Application Design - Choose your official and redirect to thier landing page I placed information important to users on the elected officials, landing page so that the user can become even more familiar with their work. I thought this would be a great way to help a user feel more connected to their government and increase transparency. https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1619471638135-2MSSLJCLDWSTZBOWWDN1/Group+359.png PROJECTS - SWAY, Mobile Application Design - Filter by Name, Role, or Committee | Personalization The enhanced filtering by name, role, and committee allows the user to feel reassured that they are contacting the right official. And now the user can click on an individual's profile to be redirected to their landing page for more information on their voting history, contact, and office hours. https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1619472245190-89Z639PA5T2YVPTPQMCU/Group+367.png PROJECTS - SWAY, Mobile Application Design https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1619472299574-V5UNF7DW4T2LPJ4H6V9B/Group+368.png PROJECTS - SWAY, Mobile Application Design https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1610563681970-2NTEXY1C2K0EDE92Q25N/Screen+Shot+2021-01-13+at+1.47.08+PM.png PROJECTS - SWAY, Mobile Application Design https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1610563781625-3EHKEU1ZB6RK9FY8JSLK/Screen+Shot+2021-01-13+at+1.49.11+PM.png PROJECTS - SWAY, Mobile Application Design https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1610563886293-MSP0T5VZ7QB1QG72T4L4/Screen+Shot+2021-01-13+at+9.36.12+AM.png PROJECTS - SWAY, Mobile Application Design https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1610564033025-R4KOUM0419LXCE0ZZE2W/Screen+Shot+2021-01-13+at+1.52.42+PM.png PROJECTS - SWAY, Mobile Application Design https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1610564043162-3VRALKJ8NNTKN5WQ4DLC/Screen+Shot+2021-01-13+at+1.53.07+PM.png PROJECTS - SWAY, Mobile Application Design https://www.fredrickwilliams.design/portfolio/bon-voyage monthly 0.5 2021-04-09 https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1617940568594-0ZRQW217CY5CIYSF44IX/Group+1419.png PROJECTS - Bon Voyage UI Design https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1617939548815-Z6Z5OOQ0L2BORAIDTQZK/Group+1422.png PROJECTS - Bon Voyage UI Design - Tools Figma & Sketch https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1617932295126-5OU8RY8ME2G1Q7O0VJG7/Group+1421.png PROJECTS - Bon Voyage UI Design https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1617932377589-2L3QUOLKK7EUNQIMT9II/Group+1422.png PROJECTS - Bon Voyage UI Design https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1617932762181-DFN9ILRBB2BL2RB5UXBL/Group+1421.png PROJECTS - Bon Voyage UI Design https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1617935621587-HNS950V4KL767SVHPHE4/Group+208.png PROJECTS - Bon Voyage UI Design - 02. Main Screens For either new or returning users, in this case, they use it as returning to the Bon Voyage app. And it's going to log in using Instagram. https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1617936851159-FQXAECOR92CWLL4C495M/Group+213.png PROJECTS - Bon Voyage UI Design - 03. Search The user dashboard and on the next screen is the master trip itinerary. From here, Ryan can view the details of her upcoming trip in progress. https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1617938234284-1VJJ7OORAC0WVUFY8U42/Group+217.png PROJECTS - Bon Voyage UI Design - 04. Filtering Filtering options to narrow the search, while updating options such as restaurants, hotels, and activities. https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1617972907345-73M94NU8M2XTQKQT4BTB/Group+218.png PROJECTS - Bon Voyage UI Design https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1617974362236-OTTDGLR9TFVJU5WYJPJ9/Smaller-Trim-.gif PROJECTS - Bon Voyage UI Design https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1617975920415-1D0TFPX8O2DVORZ9G88L/Group+220.png PROJECTS - Bon Voyage UI Design - 07. select your food Now that the reservation is selected from here, the user can add and confirm a reservation, and then move over to the calendar option to select and confirm the date. https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1617975228316-4RWGMC158KZUIFHGLMM5/Group+219.png PROJECTS - Bon Voyage UI Design - 06. Service Choice Once selected, the user can view new options based on search criteria. Once located. The user can select and add the options to a list to reserve. https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1617976232870-Q4UM97Z97XDEEOKLEEY8/Group+208.png PROJECTS - Bon Voyage UI Design - 08. Reservation and Calendar The user confirms the date and the background is tinted to limit the chance of being distracted by the background. https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1617976837038-QZGBPMVIO52FBTBRRK81/Group+223.png PROJECTS - Bon Voyage UI Design - 09. updated itinerary with (2x) food reservations. And we're back to the dashboard where the user now successfully updated her trip. The view shows a hotel reservation, two food reservations, and an activity. Ryan is all set for her upcoming trip to India. https://images.squarespace-cdn.com/content/v1/5fe0b86d9df0e632dd438ed4/1617943517700-B5GIAHQ43QXSA8C6WTH8/Mask+Group.png PROJECTS - Bon Voyage UI Design