http://kendallwagner.com/work-1 daily 1.0 2022-08-22 https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1553576300750-ILDPAN5KWCHJLDMREABJ/EmptyVS.jpg Work I added a tab system to the Bulk Manage page, “Filter and Search” and “Verify and Search” are now the two tools that can be used to assign actions in bulk. A user can only work with one tool at a time, therefore a tab menu was the right choice, as it enforces this rule. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1553647382469-79IIVIMCEH9MXEXWWI85/BulkManage.gif Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1553581427599-XHI5E2K1VGQMU06XHM0V/Step4.5_VerifyandSearchWarning.jpg Work If a user clicks Verify Items, and some of the items inputted were invalid, a yellow warning status bar will pop up to relay this info to the user. There will be a link to a downloadable error report that shows a user how many items were invalid, which items they were, and the reason they failed. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1553389814703-UQRNYEAYB8WTL7FPQ0HM/SignUp.gif Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1553488845676-4B86A8IJ74XA6I5Y9Z80/EmbedVideoPaywall.png Work This video paywall design stays consistant no matter where it’s displayed, shown here as an embed in an article body. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582157472952-P36LO6OBUP0A37XVG9KN/competitiveAnalysis.png Work Snapshot of my research on how paywall is handled on other sites. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1553492012676-LHP6HX06YW4ERSN7DJ2S/ExclusiveStamp.png Work A “Member Exclusive” badge is displayed on all video cards that have been marked as paywalled. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582157126744-WWNC0TTA2RRVJQO402F4/TempestUX2.jpg Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1553301984309-WH1MROFS3RQEXQK9GSUK/CommentLogOut.gif Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1553580862241-XCBKZZT10980OOQIXIYX/VSFilledOut.jpg Work A user must input the list of articles to verify they exist, before a search query can be initiated. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582157620055-J3YVLBE28IMPLVB4NOOZ/brainstorm.png Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1553581065700-E7ILG72TIFUY1TMI497L/Step4_VerifyandSearchSuccess.jpg Work If all items have been successfully verified, a green status bar will pop up to relay this info to the user. The Search button is then enabled, and the next step for the user is to click it to find all their items. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1553403264702-TSB7E1AVKHJZCECPOF4Y/VideoPaywall.gif Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1581469267046-PZU3E71WZLH3WP1GQ2EV/whiteboard5.jpg Work Original whiteboard session for the beacons user map. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1581473107771-7LHNP1HWG3MS7PCHRCIQ/User+Flow Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1581564458727-73QLKXW6IY15R1LLZH1I/beaconsDetail.png Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1581469938000-IY0HHCYOX4UYY2RLHF6P/Tags_User_Mapping.jpg Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1581470260733-5N5ZNPF3N9DA6X80WAGV/whiteBoard1.jpg Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1581470296885-DDNN5N8PA51DN738N0QX/whiteBoard2.jpg Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1581565218915-KC6GAY2KT1Q5372B62HQ/tagDeploy2.png Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1581565287220-5MINE2LVGD6HJXY3HSCB/tagDeploy4.png Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1581561129844-BRL1DPXL0ZHN5CCXXPDC/beaconsFilter.png Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1581469295048-J5FAHRD74PMLMYP9UP68/whiteboard6.jpg Work Original whiteboard session for the tags user map. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1581548987966-4A7XJXPWQRQ70GQAFUOB/Beacon+Detail+Expanded.png Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1581564991355-L7PZSYRLYFLRAJJ7WC0S/beaconsMapDetail.png Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1581565862706-OAO1U8Z2Y8736BPJQBX0/associatedBeacons2.png Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1581544599410-YPY1JXA42LGAVWZCRODE/tagMap_Original.PNG Work Screenshot of the original Aruba Tags app. A user would need to navigate to this tab to see their assets on a map. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1581565792760-TE6FMKWUZC3K8569IFQ5/image-asset.png Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1581565344446-XQMO57UNP5N2S5LR2FFV/troubleshoot5.png Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1581565818179-R6342U0TYVJAO2QKM9SX/associatedBeacon.png Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1581543951876-O55OLOMB79LV1PIPA2P5/beaconsMap_Original.PNG Work Screenshot of the original Aruba Beacons app. A user would land on this map of their beacons once they logged in. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1581565198114-CS9O0QMA7MM85UC1K8ZD/tagDeploy1.png Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1581557670501-CHFU1UZ9F4WMRC3G5AO7/troubleShoot4.png Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1581561961280-JYJXDPV1BZ6KNC6L9VPV/beaconsList.png Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1581544414458-0OBPWR8FDD5NKTFTW16I/beaconDetail_Original.PNG Work In the original Aruba Beacons app, this is what a user would see when they click on a beacon to get more info. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1581560972262-HY3KAWP4F8691OFU7ZZQ/ListSlider.gif Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1581565260533-ZU31JFH9HHQLLYEW4FU6/tagDeploy3.png Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1581559014222-G7QKK1W0D4W3CGI9LMBR/beaconTagSwitch.gif Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1581470330597-SSN1K9FJH6CZ7TJKH7PT/whiteBoard3.jpg Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1581544172499-0Y5X0G3KL2UAZCFXZYQ5/tagsList_Original.PNG Work In the original Aruba Tags app, the map and list of the tags hardware were kept separate from each other. This is what they would see upon logging in. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1581469793203-9YKK1FNM578KZF8PKGT7/Beacons_User_Mapping.jpg Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1581565893159-9XI0GAU8R1GBGN3G72FK/associatedBeacons4.png Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1581548141707-04JOS4SJ42ZLT7X1HLQ0/beaconMap%3AList.png Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1581550525130-PQ4EL9Z7DJWGMH7NQCOH/tagDeploy.png Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582149567562-CTL77K3I7MMXU68TYD4Y/SensorsApp2.jpg Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1581557596595-KLSC8RKMZKIXCD0H88GB/troubleShoot2.png Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1581557633198-E5AZQ7P9L2NRWS1OM27F/troubleshoot3.png Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582064741609-Y8680V3VB5FZSJCFVGYC/routingPathsConnections.png Work A lo-fi mock demonstrating the Paths and Connections tabs under Routing mode. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582074648621-6NJ5UCQ2ZA6CQUBQEO51/Screen+Shot+2020-02-18+at+4.50.55+PM.png Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582073628096-I1O04VBGKXXKYJR6KCAR/placemark3.png Work A scrollable list of placemark types becomes available to choose from. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582062545283-48EVQQ6E6H0354J69DN0/whiteboard2.png Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582077839430-W7V4W6SX9X96LH7M3QST/visibilityLayers.gif Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582074607838-10GAG4GZ53TXHIJ4MCWS/addingPlacemarks.gif Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582077460795-VRB2DNIH585A9QF4WTZC/addingConnections.gif Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1581984156703-HZSK9NELPBUHX4G1MHV0/placemarkNotCustom.png Work In this screenshot of the original maps editor, a user is setting up a placemark. A common complaint from users was that the placemarks could not be custom, and the type choices were limited to common things such as “Dining,” “Bathroom,” and “Conference.” This created a very limiting experience. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1581995778260-DQ13IW93D0BFGVP6VPNJ/userFlow.jpg Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582062395397-QZRVYEFTC4H7QJAYHJ08/whiteboard.png Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582061164311-71O26YAM4E6KJL99M82W/placemarkLofi.png Work On the left screen is the idea for what the category selection could look like. Once a category is chosen, they will be directed to the right screen, which will house more customizable fields. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582077122073-JXHQRKU27FT3R66GME5P/routing+2.png Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582153049569-SRUYB1YE4JK6J8793Q2V/MeridianMapsThumbnail.jpg Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1581983997244-XAG3FU5W63779ICSMGJW/oldRouting.png Work Here is an example of the original maps editor screen in routing mode. Overall the interface is more confusing than it is helpful. In this mode, a user is restricted to setting up only the pathways. They needed to go elsewhere in the editor to add elevators and stairs. Highly inconvenient! https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582064776705-J3V5YKMJXNC5Y7H2VV0T/routingConnection.png Work By including a floor picker on the map, the idea that a user could toggle between floors to add connections seemed intuitive. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582067889026-EUM8DHNBC08NQPM0VNEK/newPlacemark.png Work Simply click anywhere on the map to initiate a new placemark. Choose from the three placemark types at the top of the editor. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582076855320-ZR58PKJJE2ARY4YWOG68/routing1.png Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582142249786-XPD3JZ48IYUQO0XTBCK6/Feedback.png Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582067568056-QVBWCTSYGD181O4LUGB2/placemark1.png Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582522266121-LIXTMLYS4MJNHXS5FT7H/HistoryThumbnail.jpg Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582253861253-T5R5ZPR09ZF9RCYKR7SA/Topics.png Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582510836618-YKEYVMDF9789CG0HJU5N/stories1.png Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582255249934-33JT18M37VLA73706SF9/DatePicker.png Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582522542886-2B38WOPVEKECU4LQJGLW/HistoryShowcase.png Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582250051259-0W1D9GH4H081BCM9OQAJ/fontsHistory.png Work Font exploration snapshot. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582508009020-DKA2UN2N711RV54ASFS2/TOCHistory.png Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1543017755031-Q9NE6Z8FFX1WUN21K3GR/TJXHOLIDAYAd.jpg Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1543018433942-EMPMN3S0465JRJXMMK3O/VuseAllScreens.jpg Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582327904975-JFQ4P2ME5QY3FW95QAZM/3x6Broswer.gif Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582327708263-XGKN27CJQW5ZZKQJKU2O/adBrowser1.gif Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582325328308-5BFFTGNU4WQ1HVNU2KRT/Nexus.gif Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582329702498-AM8NSA9OGBVKXB08GBSW/tjx3x6.gif Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582339121401-N0ZYRQ96BY7QG0PLFKHA/vuseTakeover3.gif Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582330104261-V4USXMPQN5TVNMLYEGNI/tjx9x7.gif Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582334992038-97HTMYZAQ3ZNZCTASID9/vuseSquare.gif Work 300 x 250 mobile embed https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1543019976121-9SRHOC67J5CENQ99FTLB/USBeatiful.jpg Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582335599586-8DKRT665ZWUGUTCRCI0M/vuseStrip.gif Work Strip mobile embed https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582333631098-CBOFEUQUU4TTBB64ZGTF/tjxtakeover-min.gif Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582588039421-ZXF66LVPFZJ62TCE3I4N/YogaShowcase.jpg Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582583240271-9KD665LLIB017W3A2QMF/PosesBenefit.png Work Subpage of the poses encyclopedia https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582585634861-HZ0RTJN9ONJDUF4W86OX/homepageYoga.png Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582582157038-HSBHE7MKWXQKFWSACC28/Poses.png Work The landing page for the encyclopedia of yoga poses https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582590255219-YMC134WVFNV950V1GZ90/YogaThumbnail.jpg Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582579150837-RTN90EBEPTAYNIP69MLF/YJStyling.png Work Style sheet for Yoga Journal https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/5a23bae6-c829-4cf7-9161-369b7c3a380e/Transactions_detailView.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/f1922ef3-2587-456b-b5c4-ba9174954eda/perfectworld2.gif Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/ef1d25c7-fa73-440b-90a2-f1056a8172d2/ADMINCONSOLE_HERO.jpg Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/9700b3ba-4551-4817-aeac-ae62a5078ef3/User+Profile+-+Compact+Dashboard.png Work - Make it stand out The dashboard-style profile was attractive from a UI perspective because we could house a lot of information in one place. However, it felt less connected to the previous dashboard because of its structure. The many components of a dashboard create a clunky look, and I was worried the admin user would feel lost arriving here from the searchable table. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/edcca5e3-113f-4343-8bb3-1bc6b0c732a3/Persona_DirectorBankingOps.jpg Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/8153b899-3aff-4eb4-a61c-8acac79522bb/docupload2.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/6bb24137-f5f3-4ea5-9080-cd9774f48dc6/tabSearch.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/8753cdf8-4e44-4488-9675-145a04150138/Persona_ComplianceOfficer.jpg Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/0ae27a11-06d6-48c0-a747-e73f423ba5cf/checklists.gif Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/f8a3a528-5685-481a-af00-a8d273aa4f0a/Limitation2.jpg Work - Make it stand out An example of the basic structure of an info page and editable fields. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/53a2d7e6-daca-4a43-8539-9405f3157a44/Transactions_Dashboard_Filters.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/7475c410-cf42-4d40-af09-0754fae59c8a/Limitation3.png Work - Make it stand out The main table component for the Console. This component has a big presence in the admin tooling! https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/a99c8257-e969-4680-9e8f-1d31c57cff49/User+Profile+-+Cards.png Work - Make it stand out The card style approach had the same problem, a user would find themselves on another landing page, needing to choose a card for a user profile. This approach felt disconnected and required more cognitive load from the admin user to find the data they were looking for, and introduced more navigation. While this could be scalable, it wasn’t a great user experience. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/f89c3d63-3d99-4363-8cd1-0de41bcc28bf/Screen+Shot+2022-07-17+at+4.02.54+PM.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/d3f31de1-37b0-41a3-8ad7-c8591bae5cff/Portfolio+version+permissions.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1c7176b6-d3b4-4102-b7f0-9100bb318b76/consoleUsers_Filters.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/720d9e35-1201-4c98-a234-672b4da63258/adminDashFlow.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/2641ea0f-7f74-4e96-bfb6-87cd79374a43/User+Profile+-+Tabs.png Work - Make it stand out I explored the idea of different tabs within a profile to house grouped information. While this looks nice and could function well for a while, it would not lend itself well to scaling. These tabs would quickly become cluttered if we added more in the future. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/25ca3e8a-0cc7-4f64-9cca-4173cc9c7e87/Persona_CustomerSuccess.jpg Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/53463d6e-ead6-420c-944e-efaaa14bf6b3/userflow1.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/247f8a48-4ced-4ac3-965a-ca3d64bc6f0e/Edit3.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/f9639b1f-2fca-44e5-b7ce-68b115253d34/endUserDashMVP.gif Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/4a822417-16e9-437c-8233-74bce92eee65/verification.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/f3d0321d-be21-443d-94f3-e637cb43bc25/User+Profile+-+Left+Rail.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/bed339c9-cf8a-44ef-a796-23c9d8bfdd97/userflow2.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/fe9ffdbe-a708-4e53-89bd-a97fb6c844d7/Transactions_Dashboard_Closed.png Work - Make it stand out Much better! The upgrade to an expandable/collapsable navigation rail helped with the readability of our dashboards. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1e98bd3a-a916-43ec-bec0-03612ce258cb/globalFilter.gif Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/72f09825-907a-44b8-baff-72eb6d27c1a9/Limitation1.png Work - Make it stand out Here’s a screenshot of the original landing page style navigation for the Console. The “block” style component was prevalent in the design system. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/95cb459b-db33-46cb-8062-654b5f8b8313/landingPage.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/f28867ab-9bd4-49eb-829f-368f4e105350/Transactions_Dashboard_Open.png Work - Make it stand out Here’s an example of how the navigation menu took up a prime amount of real estate, squishing the Transaction dashboard where breathing room was needed. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/dca3375a-cd87-40c9-923a-43a3c015d436/Persona_SeniorDev.jpg Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/6a69b4d5-fd95-4355-a183-959390a35b2d/demoMay2020_portfolio.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/df78dbba-1167-4298-b087-e4cbbdadbe00/businessMembers.png Work - Make it stand out With business onboarding, information about the Controlling Officers and Beneficial Owners of the business had to be collected, along with general business information. Each business member needed to pass KYC, in addition to the business passing KYB and being certified. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/03ee0235-9ed9-44d2-bc2a-826b8a3495af/Screen+Shot+2022-07-23+at+8.08.04+PM.png Work - Make it stand out For the MVP version of the demo, we only mocked out the full KYC requirements. Down the road, we would add various KYC levels. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/f50172fb-f2aa-418c-96b9-f88a94e2ab48/User+Flow+Demo+1.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/72439ffa-14dd-423b-a707-f008a2e4545b/businessInfo.png Work - Make it stand out The registration screen for KYB Standard, which is one of the few KYB levels you can choose from in this demo to register your business under. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/c4c3f8d1-6fb5-4c55-9fcc-4e600cdedac8/linkBankAccountPortfolio.jpg Work - Make it stand out Hi-fi of the original bank account linking screen, where a user could demo our Plaid integration or manually enter an account and routing number to connect a bank. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/efddde82-9b7f-49b3-96be-0aefd8d94a59/Screen+Shot+2022-07-23+at+7.42.11+PM.png Work - Make it stand out An overview of the various steps being mapped out for the MVP version of the demo. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/2a6dfe0a-4eeb-4437-8ade-b63cc381b845/demoPortfolioFinal.jpg Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/066e4f18-7da6-4f92-883b-2e1db2f97b77/Screen+Shot+2022-07-23+at+7.47.48+PM.png Work - Make it stand out To use this demo, a user would need to provide their app credentials, which they could set up on the Sila Console. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/5d8bf04b-2bf1-4430-bce6-11c0aadb9a53/transactionsPortfolio.jpg Work - Make it stand out The MVP version of the Transaction page allowed users to choose a bank account to issue Sila from, and allowed users to transfer Sila to other users on the demo by entering their handle in the destination. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/73b61e1f-2da8-4895-9fd5-f101fc749d5e/businessdemo.gif Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/07df54da-8c81-47e9-ad19-2ec1f8d67d8f/transactionsdemov2.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/88a48090-5cc7-4828-948b-7e97610f05a5/Screen+Shot+2022-07-21+at+8.12.05+PM.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/b278345e-f392-4255-b2e3-f568397ba705/Screen+Shot+2022-07-21+at+8.59.57+PM.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/4ba951a7-aa91-4fef-9b42-e1d07ae56955/registrationPortfolio.jpg Work - Make it stand out Hi-fi of the original KYC registration screen. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/aaaaf9ea-e25d-4219-bedd-a0398eb1bae1/demoMay2020_3.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/416c11c9-1e3f-49b3-b7e6-c626816313f9/linkBankAccountPortfolio2.jpg Work - Make it stand out This demonstrates our integration with Plaid, which allows users to instantly connect their bank accounts by logging in to their banks with their credentials. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/76b1916e-b050-45a1-ac79-0d2d8d4a4ceb/businessAdmin.png Work - Make it stand out Every business needs an administrator to be registered, here we collect all the necessary information to register this type of business member. I added the ability to link an existing user that was previously registered during a KYC session, to save the sales team time as they were presenting. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/271c0697-0d34-4a51-988f-937547951392/sdkDemoMay2020.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/3ef5cba8-4cc2-47b6-be41-f1ed010bc68c/Screen+Shot+2022-07-23+at+7.45.34+PM.png Work - Make it stand out Transacting was the last step in the demo, where a user could issue Sila to their digital wallet, redeem Sila to their bank account, or transfer Sila to another digital wallet. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/b21b5c33-9544-4824-b3c7-73b1766ded2e/requestKYB.png Work - Make it stand out Once the business information and the business member information has been collected, they can request KYB. Both the business and the business members will undergo an identity verification process in the background. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/7839c567-9d9c-4b2e-9aad-50cf3a6a067b/tooltipsDemo.gif Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/c34092bf-11f6-41f8-a8aa-1a7f3220b14f/portfolioDemoNav.gif Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/fff91104-bfb6-4b44-9ae9-d9c7206176d6/Screen+Shot+2022-07-21+at+8.42.06+PM.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/d89803df-1a96-4e5b-bf90-645b6ffa2e94/Persona_Founder.jpg Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/8c96b3bf-73ec-4120-a8dd-34201091607f/logosExplore.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/059e9810-a388-4195-8da9-7ac9951b2dfe/brand2.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/b0a8bd8c-c5cd-412a-b1b9-382b11beda35/Screen+Shot+2022-07-24+at+8.57.45+PM.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/c103772a-89a3-4b46-8367-facf1f453068/brand5.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/084b8dea-7d50-4919-a204-dd0dea9ea2be/selectedLogo.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/19cabf5c-a83f-4aa2-9364-1b17314d188e/Screen+Shot+2022-07-24+at+9.23.56+PM.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/7ee26cd4-2c06-47e0-ad28-560826fb56a2/iconExploration.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/7a49a8b9-3314-4255-9e00-72d4f213f95c/logoSelections+1.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/253f4b13-e5af-4f5b-a736-f0605daf3bff/colorPalette.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/0924c1e9-7a98-4de6-9993-bd01de2b6d35/Typography+17+1.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/31cd4407-a6e8-409b-8e4e-8445b5e0e6b4/originalBrandingSila.jpg Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/aaed0018-4ae2-407b-abd8-49ae87545a0e/Screen+Shot+2022-07-25+at+4.20.51+PM.png Work - Make it stand out A few different homepage iterations. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/209e7087-8092-4e1f-b19d-8d00ce4a1402/NEWHOMEPAGE.png Work - Make it stand out The final homepage design packed a punch with a large bespoke graphic and it continued to feel unique and balanced as you scrolled down the page. A tabular system under “Our Features” allowed visitors to cycle through our various offerings and see bespoke graphics with each tab. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/7108c31e-1b79-43aa-8e17-8603e35d0c61/Fintech+Marketplace+%28Partners%29.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/96ba6776-ad94-40e6-bbbb-e37faf724f5a/About+Us.png Work - Make it stand out Here’s a depiction of a peer-to-peer transfer, two people sending and receiving Sila to their digital wallets. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/65593f09-e190-4290-9417-ccfe64858a3d/Hero+Section.png Work - Make it stand out The main hero image for the homepage of our website, which depicts the Sila ecosystem within one app. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/275b947a-79af-4491-be7e-d990525572ac/Screen+Shot+2022-07-24+at+8.44.34+PM.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/a4b72590-e512-4ce4-b596-240d64aea363/Screen+Shot+2022-07-24+at+8.12.06+PM.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/3937218c-e29f-46cb-8fde-c424f90d299f/Screen+Shot+2022-07-24+at+8.10.42+PM.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/3c830ce4-4666-46fa-8282-646363a96309/Screen+Shot+2022-07-24+at+9.29.01+PM.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/48b664a0-1e2a-4c74-a984-35bb726094da/Crypto.png Work - Make it stand out Many of our pages displayed bespoke interfaces and graphics to help explain our product offerings. It was important that we use imagery to help people fully connect the dots of more complicated concepts. This is a snapshot of our Crypto page, which touches on a variety of product features. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/5ee29bd6-f59a-4147-9d54-bf1c6db86d36/Screen+Shot+2022-07-24+at+8.18.01+PM.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/4a8eaf23-8e0d-4bd3-a1b2-0caafd7476bf/Home+Page+Original.jpg Work - Make it stand out This is a snapshot of the original site, showcasing a portion of the homepage. This was designed prior to me joining the Sila team. This served as the original content and where we took inspiration for site structure. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/76df025d-7a2e-45ca-9abb-d1f364237a87/silaRebrandThumbnail.jpg Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/85853c51-cef6-4e14-a9e1-e22413f887f3/brand4.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/0f0ba4b1-6cbc-4039-81bc-ddab9a00d702/homepageVariation.jpg Work - Make it stand out This is a version I designed as I was playing around, prior to hiring the agency for our big rebrand. Here you can see a snapshot of a potential homepage. We used a lot of the components here for inspiration for the new site. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/65abd2d6-0970-46f0-9e7d-1fb6fd8dafdc/moodboard2.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/544a642a-4f5a-46ee-990c-2ccba5a93f93/Screen+Shot+2022-07-24+at+8.45.04+PM.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/926ac6b3-924c-4316-9cd8-40bbdb8396fe/Screen+Shot+2022-07-24+at+8.50.05+PM.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/bf2bb0f3-858d-45f8-936a-8b0cf5a2d19a/brand6.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/f86dfb18-a404-4330-a301-0bdced42dcce/brand1.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/29316c9d-dfec-4ef2-bced-ddc6c9824eec/brand3.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1543107632732-MJPWEVGA0GZMUEZMK7UP/WebDesignThumbnail.jpg Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1581568549565-QIMB14OUZERL2JUMXXKM/SensorsThumbnail2+%281%29.jpg Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582522266121-LIXTMLYS4MJNHXS5FT7H/HistoryThumbnail.jpg Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582148000014-8IWT298RNU2WDFD60H66/MeridianMapsThumbnail.jpg Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582591121298-YIRTIJO7F4X4B63GEJQA/YogaThumbnail2.jpg Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1582598523009-IKF80P98RZ5O54TRH96L/TempestThumb2.jpg Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1543018433942-EMPMN3S0465JRJXMMK3O/VuseAllScreens.jpg Work - VUSE MOBILE UNIT (Copy) Live Preview https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1658455630603-JFGICBJGSOMHWKH0XYDU/ADMINCONSOLE_HERO.jpg Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1658710958016-CY0UIM50JGPDLENW28I2/demoPortfolioFinal.jpg Work https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1658811982788-XOISRIY551PFT2T0PNLC/silaRebrandThumbnail.jpg Work http://kendallwagner.com/play daily 0.75 2022-07-12 https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1539213721530-OCP8ZJK3S8EDOG2HDV1J/CollageDoodle.jpeg Play https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1545872781175-YMCLT4K3OUUR14VBFP2H/Cloud.jpg Play https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1545869818931-XRHKKAM6PT8Y8XOT53G4/sideThreeThumb.jpg Play https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1657584189082-2YAW78PC34U8A0IBX5LS/eyes.gif Play http://kendallwagner.com/about-1 daily 0.75 2022-07-12 https://images.squarespace-cdn.com/content/v1/55db7ebee4b08af9f620a801/1547770057747-PWUY6ZJ9YISCH04VBSKU/IMG_5345.jpeg About