http://ryancolgin.com/work daily 1.0 2021-03-03 https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1551729856483-46W8OPM5GW7F0Q1QYUMH/Filter+Bar.png Work Mockups of filter bar with sorting and secondary actions (pin, duplicate, merge, delete. https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1551752514664-54SEDSQC3USWLW27MP6W/Research+Detail+card+UI+Copy+39.jpg Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1551906548491-MLCCUQFZ9Q36CC6KA90N/Color+UI+Copy+2.jpg Work Defining primary and secondary branding palette as well as status indicator options. https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1551906601325-1GWDWN06WEDBU10DMJ1P/Desktop%2BHD.jpg Work Creating systems for forward progress and selection styling. https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1551729155126-3Y1XITZNM57OUY4GZLSK/card+prototypes.png Work Prototypes created by UI Developer to test masonry layout of cards, relationships between interested parties, statuses of content, and notes for in-app messaging. https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1551752149518-J97TEJDEVR3OEPHZPV0I/Research+Detail+card+UI+Copy+6.jpg Work Comparing iconography contrast on different states of the app styles for readability. https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1551750583034-0LTEKHIENTZR8H3SLH5O/Mail%2BDash%2BReD01%2BCopy%2B18.jpg Work Exploration of responsive web app styles for printing statuses enabling Mail House Operators to progress jobs on the go. https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1551729583519-SNU08VC5A8GL4HM3KWGC/Research%2BDetail%2Bcard%2BUI%2BCopy.jpg Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1551752235936-4Y5SQUHBVVZ1SNY71BUR/Research%2BDetail%2Bcard%2BUI%2BCopy%2B18.jpg Work Styling system messaging for “skimability” and appropriate icons for notifications. https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1551906742709-V7CR7FO40MOHZ1UFQ03L/Screen+Shot+2018-04-02+at+9.24.11+AM.png Work Converting of out dated iconography to crisp, scalable svgs. https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1551750182810-S1RJ8T840BA6M449OGDX/Mail+Dash+Batch+UI+Copy+14.jpg Work A dialog for finding and reprinting letters due to mismatched addresses or misprints. https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1551730591111-4FF5K39PPXUH24TBIGZB/Screenshot_2019-03-03.png Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1551750234873-B8XJKZ4GOL8KQ2VV5I6D/Mail+Dashboard+UI+Zeplin+Copy+4.jpg Work Iconography used to identify different types of mail campaigns, printing statuses and error messaging. https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1551752335837-RK4EPL93HHRZKD5KJ0KT/Snackbars%2Band%2BBanners%2BCopy%2B13.jpg Work Notification styles for either dismissable or temporary dialogs. https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1551906036199-0H7I9VW7H5PQO6NLXD0S/Screenshot_2019-03-06%2BResearch%2BDetails%2B-%2BCivicSource%2BAdministrator%25C2%25AE.jpg Work Old listing view of dashboard and people associated with a property. https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1551803227971-WBMJ1U3VLLJ8CTVVKYJE/Snackbars%2Band%2BBanners%2BCopy%2B7.jpg Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1551751115008-KX0AIKW0PZ5GUZCCCGJA/Research+Detail+card+UI+Copy+39.jpg Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1551729601105-RY1BXCM0KYOC7192MUQU/tabbed+cards+in+app+interface.jpg Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1551728503556-K5EB7JREPRFLXCA0HY4W/skiptrace-ips-03-crop.png Work Wireframes (created in Balsamiq) to filters, an expanded view of the cards, and status indicators. https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1551906088620-9RTRFK5PH06AD8AV7OP4/Screenshot_2019-03-06+Research+Queue+-+CivicSource+Administrator%C2%AE.png Work Previously, as new sections were created, different UI patterning was used in an effort to stay current. https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1551731100804-5ATUKXDBLOAR2VFLE2Z7/mail-campaign-details-tracker.gif Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1551752381931-U6AL0RRL142VLNAB2ZHP/Card+UI+colors.jpg Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1551803280732-49UN19M20YCVXCQ3RAEL/stash%2525252Bui%2525252Bmail%2525252Bdashboard.jpg Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1551905930848-J2DX0QQ9MZP7UUREQS3C/Screenshot_2019-03-06+Research+Dashboard+-+CivicSource+Administrator%C2%AE.png Work Existing interface with mismatched design styles, combination of colors with little meaning. https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1551728860068-MS2EWATAU536C6FFMYF7/research+details+interested+parties+card+UI.png Work Early layouts of a series of cards with information, namely names, addresses, and sources. https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1613880763194-KXXOOLPL1WB846PHSUA6/Screen+Shot+2019-11-14+at+9.38.58+AM.png Work Button states, inputs, and typography styles built by front end developer to test Material UI Theme styles on a “molecular” level. https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1613896867223-DP1L4ZMFLW9V7GEQBSV3/AMS%2BActivities.jpg Work Desktop view of Tours & Activities white label view with default breadcrumbs, filters, and activity cards. https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1613881512756-6DVQSTEKMCN853MRK26G/IHG+car+rental+mobile.png Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1613900842136-V3GVO81E7J37I3WTOCII/Screen-Shot-2021-02-21-at-12.55.jpg Work With color guides, typography rules, and component styles implemented—our travel paths were being populated with our custom styles and rules. https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1613900787364-JG3Y9X8TWFBBAW7ATZ3K/Screen-Shot-2021-02-21-at-12.50.jpg Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1613891928436-GJSD74GCI5FI56T5Z4V0/IHG+icons.png Work Selection of commonly used iconography. https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1613894437657-9IUABXH3UGSAOED7C3PP/hotel+cards.png Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1613881834718-ZNXIW8SF1U2UOY09K7UU/IHG+restaurants+workflow+high+rez.png Work Easily find new restaurants by location on your tablet. https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1613893814563-8K8SS40PSJ4CNG9ELY17/Visa+car+rental+workflow+screenshot.png Work User journey to reserve a rental car, filter choices, filter options, and checkout with location and add-on options emailed to customer. https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1613878805881-TYK6OCB4AU76QEPHEFYG/template.png Work Templates https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1613876489630-RP5SOBNPGRQL6VXZVSGW/Visa-Octave-Activities-Workflow-052119-1.jpg Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1613880030436-SLB71QLGVUFX6JDFG2D8/AMS-mockups-thumbnail.jpg Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1613878530287-VJDE1ZE7I789O43ZN0TO/atoms-form-elements.png Work Atoms https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1613880727915-M4AE9F69XE3F4W885F0V/Screen+Shot+2019-11-14+at+9.38.01+AM.png Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1613888199520-T5UH3OR36QIO9KS48R6Y/ihg+car+rental+mobile+workflow.png Work Mobile user path for reserving and dropping-off your car rental. https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1613879868945-1NA9Q9AZM75RGH2UEMMU/screencapture-iseatz-invisionapp-dsm-i-seatz-ihg-2-0-update-folder-components-5d82a551a0151fbd7e28d707-2019-11-20-15_45_07.png Work A selection of components made available for the development and QA teams to reference throughout the life of the project. https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1613881117843-94RFYHRJMLHX4GI0HFE3/ihg-car-rental-tablet-view-thumbnail-2.jpg Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1614027658373-6SUP6WIMYLLH1FU4VZZR/Visa-Octave-Landing-Page-Workflow-061719-5.jpg Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1614010177808-3BJJOGU6MCCOXB9KDST4/ihg-car-rental-tablet-view-thumbnail-2.jpg Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1613872760955-SL8RDYQ37VX8AP1MKV7N/ihg-car-rental-tablet-view-thumbnail-2.jpg Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1613876704269-0OFU8LEWB2AS08UCODK7/Visa-Octave-Activities-Workflow-052119-4.jpg Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1613880625725-2FUQRN90ML7FLEDSXOKD/material-ui-default-theme.png Work Material UI Theme elements to be styled. Full list here. https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1613870767280-MPT7QPZRA8DXPW2GG8YY/AMS-mockups-thumbnail.jpg Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1613879568836-7JO594AWTIMYZGVPPH4E/screencapture-iseatz-invisionapp-dsm-i-seatz-ihg-2-0-update-folder-components-5d9f8fcbb267943b684a146e-2019-11-20-15_44_41.png Work Button styles, sizes, hover states, et cetra. https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1613880030436-SLB71QLGVUFX6JDFG2D8/AMS-mockups-thumbnail.jpg Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1613878573621-EP29WA6P5IFAKK9LYLJD/molecule-search-form.png Work Molecules https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1613869987659-EB7M9UY3ZG379D2L4J2V/Visa-Octave-Landing-Page-Hotels-thumbnail.jpg Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1613878263241-FXCQEKH7Q5S76WSQLUQR/atomic-design-process.png Work Atomic Design (Methodology by Brad Frost) https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1613879519011-O34GLJF1N363TI4W1UUO/screencapture-iseatz-invisionapp-dsm-i-seatz-ihg-2-0-update-2019-11-20-15_43_41.png Work Having a source-of-truth for all styles and rules makes handoff to development frustration-free. https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1613894524768-0W9C7PWBHR2LQD7WXN0J/car+rental+cards.png Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1613879998866-H7J0N4AATE7GI0S99U73/whitebox-platform-wireframes-LVP-thumbnail.jpg Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1613896475423-EN0G030MYXHPEDJL1TYC/AMS+wireframes+SVP+grid.png Work Tours & Activities travel path wireframe for mobile view. All elements where stripped of any branded styles in order for our team to customize the experience for future customers. https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1613888749986-F6XX16BIN1V4POXN9CT3/organism-header.png Work Organisms https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1613898572689-PNNP70B0MY169DCT1FG1/Visa+hotel+workflow+short+screenshot.png Work Design of landing page, search results with map and mini card, detail view with room options, and checkout details. Major components included: filters, hotel cards, search UI, and room cards. https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1613900762520-CS4HB2O4HC8PHIHWL1V3/Screen-Shot-2021-02-21-at-12.54.jpg Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1613891804597-F5L9VYFB7OMCUX3CLBA0/Typography+Table+for+Dev.jpg Work Material UI Themed typography guide given to developers to complete content styling. https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1509424723235-M0JLJHP4BQXBMZ6MZD8R/P%26T_dribbble_03.jpg Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1514699739649-1F78LV7UKWX0OBR6GVEB/luna+fete+app+promo.png Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1519833763362-ZCL67P2YCRNG3HKU24BE/acrew-branding-and-website-design.jpg Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1520011206540-9PB7UC3A70U0X61FIJZK/brands-and-campaign-logos.png Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1586300519615-BXAIGTSSETK6YBEOCU3V/Forethought-iMac-mock-thumbnail.jpg Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1586412381591-L4OZ9QA6LCH6TM36FFJK/health-and-nutrition-app-thumb-bg.jpg Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1586464615819-6PQRMTB6KMHXJQK1ORLW/event-booking-web-app-thumb-bg.jpg Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1586476103010-B5Y1TT2P3OHMCAFWSSLW/research-results-cards.jpg Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1586477056422-0ZZ3FC0V8LVE8HZ902OQ/business-relocation-interface.jpg Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1592953419944-Q4IV2Y8JLH2BR7DI1EW8/obsidian-travel-app.jpg Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1614010177808-3BJJOGU6MCCOXB9KDST4/ihg-car-rental-tablet-view-thumbnail-2.jpg Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1452898372178-V0ZYWHJR88HULDJJAW2F/gulf-coast-seafood-web-home.jpg Work Home page design displaying promotional video, significant content and recipe, social network content, and email signup https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1452903125829-KARNLOV21O5F69EYJ4HM/vsw-app-650-01.jpg Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1452904758814-G75HQOA0GIKSVASYQ9DW/entergy_app_650.jpg Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1453085806141-PJD7OWP6N0QVSAJ5PU81/gulf_coast_seafood_app_650_01.jpg Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1453086068777-97HRTG0YJQCQBT3SLV79/VSW_perfect_beach_filter_template_01.jpg Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1453086351581-C55UGQPLEP2MX6A6IXRO/fireball_whisky_website_home_650.jpg Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1453087857286-H0WKNXIKRLYBJT83WL7H/dermaware.jpg Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1453089274592-DLF7KAI1UKX3SZTXR64Z/dribbble-discovery-workshop.png Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1453090831553-ISAAXSUXQJNDNI1VME0U/earthprime-mockups.jpg Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1452902713842-1I9SFP7YKYV20YD8B2WM/GCS_infographic_oyster_V01_650.jpg Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1453084893487-68YWAK6Y90ACWXQ8Y9LK/GCS_email_650.jpg Work https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1453093437185-RQPGH2XXV569ZYKF86ME/dribbble-startup-hub-logo-application.png Work http://ryancolgin.com/about-ryan daily 0.75 2022-10-12 https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1453098782062-MVJ0F3USQAWV1PEJV524/image-asset.jpeg About Me Photo by Carlos Pasos https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1453098366312-W7TR3C271MU4697MZPLW/ryan2.jpg About Me http://ryancolgin.com/my-process daily 0.75 2020-05-29 https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1590709299639-CRQFY99VZJMUMOC5W7PV/whiteboard-wireframes-bpm-player-folio.jpg My Process Whiteboard wireframes for music player app user flow https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1453320483223-B3AVYGTIG5100FWQ2T22/gcs_wireframes_650.jpg My Process Sketched wireframes for seafood recipe website https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1453320484268-8HCU0DHRPJ3HZBXMJYSL/sketched-wires-dribbble.jpg My Process Web app sketches for ecommerce store https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1453320481500-6ZO82QEI815ACUZNY7GL/firefly_wireframe_sketches_650.jpg My Process Website page layout sketches for moonshine sales & recipes https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1453320486156-ZVMCIX1QCKBDYK8L3D60/vsw_wireframes_650.jpg My Process High fidelity wireframes for app user flow https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1453320485061-X1QOQBAXFBCED8J2SUC1/vsw_app_user_flow_650.jpg My Process Designed prototypes showing a users path through beach property app https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1590704509494-X63S6F1GVFHAAWRAYPI5/balsamiq-wireframes-app-userflow-folio.jpg My Process High fidelity Balsamiq wireframes for user flow of recipe feed app https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1453320483415-LJOXVJ33DD91XKOLMOMU/design_sketching.jpg My Process Sketches for web app restaurant profile https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1453320475744-Z8FA0342YCJ1S0VPXODS/dribbble-concepts.jpg My Process Sketches for 3d folder design with booklet & media insert https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1590704509903-MUE88EGJ003SSMY22WHL/balsamiq-wireframes-app-ux-folio.jpg My Process High fidelity Balsamiq wireframes for employer profile creation & review of video interviews from applicants https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1590709510638-1KSZ4501G2VO90MB5GCK/whiteboard-wireframes-company-folio.jpg My Process Whiteboard wireframes for company profile creation & applicant management https://images.squarespace-cdn.com/content/v1/569973a7cbced647da2d9063/1590709432858-T6F4PXRFTFPTIUGFLX6N/whiteboard-wireframes-wizard-setup-folio.jpg My Process User flow wireframes for business intelligence dashboard & reporting web app