https://www.bryanfonder.com/hire daily 0.75 2017-03-20 https://images.squarespace-cdn.com/content/v1/58bf13e4414fb5df90697934/1488925631234-4HJQKA9GFRYB7IU3VAIE/hire1.png hire.me - hire.me Online dating and online job hunting are pretty much the same thing. You make a profile showing how great you are, and you try to get someone to agree. Why not take lessons learned from designing dating apps, and apply them to a job search? Unlike other job search apps in which you just put your interests and it shows listings that match keywords, hire.me has you answer a series of questions to algorithmically find the best jobs for you, matching you with an employer and showing why you would be compatible. Spring, 2016 https://images.squarespace-cdn.com/content/v1/58bf13e4414fb5df90697934/1488925631234-4HJQKA9GFRYB7IU3VAIE/hire1.png hire.me - hire.me Online dating and online job hunting are pretty much the same thing. You make a profile showing how great you are, and you try to get someone to agree. Why not take lessons learned from designing dating apps, and apply them to a job search? Unlike other job search apps in which you just put your interests and it shows listings that match keywords, hire.me has you answer a series of questions to algorithmically find the best jobs for you, matching you with an employer and showing why you would be compatible. Spring, 2016 https://images.squarespace-cdn.com/content/v1/58bf13e4414fb5df90697934/1490022793662-HHVYKILP3OPL9NE64PRN/profile.png hire.me - Profile Around your profile photo, hire.me shows the strength of your profile in each section: resume, questions, industry choices, job roles, companies. Below this, the algorithm shows what it thinks are your best qualities. https://images.squarespace-cdn.com/content/v1/58bf13e4414fb5df90697934/1490022795034-6S9UX4EV337J1S9HI1NQ/questions.png hire.me - Survey Questions Everyone is different, and finding the right match can be very complex. The question pages allow the hire.me system to quantify personality traits. Rarely will an answer be completely true or false, so each question is on a slider to allow for more precision. https://images.squarespace-cdn.com/content/v1/58bf13e4414fb5df90697934/1490022792980-YSIQEDWK1UT9D89FWLNZ/jobroles.png hire.me - Job Tag Cloud When looking for jobs, there are many different keywords that can be used. You type in the names of the job roles you want, with a long press to mark a preferred role. https://images.squarespace-cdn.com/content/v1/58bf13e4414fb5df90697934/1490022789680-J4H0SQ2PORE39FNZ07KF/joblist.png hire.me - Job Matches Using this algorithm, hire.me matches a potential applicants to jobs based on their interests and preferences, streamlining the search for everyone. https://images.squarespace-cdn.com/content/v1/58bf13e4414fb5df90697934/1490022790885-ZH0EMQL83ZUP3SHO2NLO/joblist2.png hire.me - Job View Tapping on the job from the list will expand it, showing the full application details, and allowing the user to apply directly through the app. https://www.bryanfonder.com/project-management-tool daily 0.75 2017-03-20 https://images.squarespace-cdn.com/content/v1/58bf13e4414fb5df90697934/1490044301298-Z6867QYMYU3G4JHAKQQE/headerpmo.png Project Management Tool https://images.squarespace-cdn.com/content/v1/58bf13e4414fb5df90697934/1489000739381-JQMSOC6UADBP01BUH1EB/1353554_orig.png Project Management Tool - Existing Prototype Form followed Function The team was already working with a design created by the team's developer. It had all the functionality they were looking for, but had a bunch of improvement opportunities in both UI and UX. https://images.squarespace-cdn.com/content/v1/58bf13e4414fb5df90697934/1489000739946-XME7X9U7B5538FEGD97N/3758701_orig.png Project Management Tool - Existing Prototype Form followed Function The team was already working with a design created by the team's developer. It had all the functionality they were looking for, but had a bunch of improvement opportunities in both UI and UX. https://images.squarespace-cdn.com/content/v1/58bf13e4414fb5df90697934/1489000761823-ZXV17V0NEBCA2U70UKY6/8216488_orig.png Project Management Tool - Wireframing Building it Out Because most of the functionality was already baked in and the architecture complete, I jumped right into wireframing, pushing myself to find a way to find a look consistent with the current aesthetic, while still finding smart ways to enhance the user experience. Quickly implementing many different concepts created more and more ideas, which led to finding the best solution. https://images.squarespace-cdn.com/content/v1/58bf13e4414fb5df90697934/1489000761946-5V0W2NCR5R6IP5OTCM2V/8788340_orig.png Project Management Tool https://images.squarespace-cdn.com/content/v1/58bf13e4414fb5df90697934/1489000763009-NA82U05AVD262BE4VV2O/9336343_orig.png Project Management Tool https://images.squarespace-cdn.com/content/v1/58bf13e4414fb5df90697934/1489000781681-NZ33LYTE7784G2BHAI0E/5277059_orig.png Project Management Tool https://images.squarespace-cdn.com/content/v1/58bf13e4414fb5df90697934/1489000781940-2EB68O5IPCZY6M2I6A0F/5524187_orig.png Project Management Tool - Iterating Simplify, Simplify, Simplify. Soliciting feedback from my team and the stakeholders, the design was refined to a "live preview." All edits were done right where they would appear on the sent email, eliminating the need for a separate preview page. The Project List page was brought back, keeping the project focused solely on the content. https://images.squarespace-cdn.com/content/v1/58bf13e4414fb5df90697934/1489000782010-58XIHISPG0O2F7EBS5B3/6861151_orig.png Project Management Tool https://images.squarespace-cdn.com/content/v1/58bf13e4414fb5df90697934/1489000799774-JIITWMMF4VNVB23QAD88/20322_orig.png Project Management Tool - Refining Crossing t's, Dotting i's. Adding Responsiveness. Once the visuals were nailed down for the desktop site, attention was moved to the mobile version. The designs were specced out, and sent out to development for implementation. https://images.squarespace-cdn.com/content/v1/58bf13e4414fb5df90697934/1489000800021-VDYT354JDZR7YYMXMOZO/1458478_orig.png Project Management Tool https://images.squarespace-cdn.com/content/v1/58bf13e4414fb5df90697934/1489000800454-Z41F4ESJRTAAY66H6FCF/4608217_orig.png Project Management Tool https://images.squarespace-cdn.com/content/v1/58bf13e4414fb5df90697934/1489000800207-UI0TZ2I59RHKHVPPZKFB/2897264_orig.png Project Management Tool https://images.squarespace-cdn.com/content/v1/58bf13e4414fb5df90697934/1489000800061-D1DD8XUV6TEQX9BIZBRR/1617164_orig.png Project Management Tool https://images.squarespace-cdn.com/content/v1/58bf13e4414fb5df90697934/1489000800512-AE8XDQDORLSZK449R5M4/8428826_orig.png Project Management Tool https://www.bryanfonder.com/gym-app daily 0.75 2017-03-20 https://images.squarespace-cdn.com/content/v1/58bf13e4414fb5df90697934/1490018714535-BK7IHLADY2FEKPCTDLCP/Unknown-1.png Gym App - MovementLab Tracking System This is an Android app created for a chain of parkour-oriented fitness centers located around the United States. The main goal was to have an app that would allow students to track their progress, and instructors to facilitate classes. Winter, 2016 https://images.squarespace-cdn.com/content/v1/58bf13e4414fb5df90697934/1490018714535-BK7IHLADY2FEKPCTDLCP/Unknown-1.png Gym App - MovementLab Tracking System This is an Android app created for a chain of parkour-oriented fitness centers located around the United States. The main goal was to have an app that would allow students to track their progress, and instructors to facilitate classes. Winter, 2016 https://images.squarespace-cdn.com/content/v1/58bf13e4414fb5df90697934/1490018730928-B0Y6P9DGW4OPWGQ1VBPO/Unknown-4.png Gym App - Students This is the main screen from which students track their progress. It is shown as a timeline view, with the colored circles indicating completion. https://images.squarespace-cdn.com/content/v1/58bf13e4414fb5df90697934/1490018738074-3ZMQ3SU4OIFWNLSCPQUA/Unknown-5.png Gym App - . Tapping on a skill expands it, showing a description of the skill, and videos which show how the skill can be completed. https://images.squarespace-cdn.com/content/v1/58bf13e4414fb5df90697934/1490018752406-H4C4WA8Z81JO6TTHIFAA/Unknown-6.png Gym App - .. When a student arrives for a scheduled class, he or she is greeted with a popover showing the skill being focused on for this session, complete with videos and description. https://images.squarespace-cdn.com/content/v1/58bf13e4414fb5df90697934/1490018704378-I0XC55F3S3K0CAXLG7FC/Unknown.png Gym App - Instructors When an instructor opens the app, they are immediately brought to a listing of today's classes, allowing them to quickly view the students enrolled and to prepare for the session. https://images.squarespace-cdn.com/content/v1/58bf13e4414fb5df90697934/1490018720569-9PCT2CJY6WA4SH49UJBL/Unknown-2.png Gym App - . Using the tab bar at the top, users can navigate to a list of all students with the ability to filter them by skill level. Instructors can also use this to mark completion of skills for multiple students at once, allowing them to get back to the class at hand. https://images.squarespace-cdn.com/content/v1/58bf13e4414fb5df90697934/1490018749611-TGQS480EVPQ9H8X4E8YD/Unknown-3.png Gym App - .. Because instructors need to provide personalized service to all students, each student has an instructor-only profile to allow them to view progress and see important information about the student. There is also the ability to add permanent notes to the student's profile, so instructors can share kudos or coaching opportunities with each other. https://www.bryanfonder.com/homepage daily 1.0 2026-03-08 https://www.bryanfonder.com/motion daily 0.75 2017-03-15 https://www.bryanfonder.com/visual-1 daily 0.75 2017-03-20 https://images.squarespace-cdn.com/content/v1/58bf13e4414fb5df90697934/1489080599337-QR76O2UG73XKNC4PO8M5/1970486_orig.png Visual Scheduling App Icons for Apple Inc. Summer, 2015 https://images.squarespace-cdn.com/content/v1/58bf13e4414fb5df90697934/1489080610540-IC2M673PO3F0V1ZPQTE9/4544533_orig.png Visual Plan Genius Icons for Apple Inc. Summer, 2015 https://images.squarespace-cdn.com/content/v1/58bf13e4414fb5df90697934/1489080630963-4OCBZJUNZAZUNXEWJIYM/1861486_orig.png Visual Corporate Logo for Biotechnology Company Fall, 2013 https://images.squarespace-cdn.com/content/v1/58bf13e4414fb5df90697934/1489080640486-ASF687PM38PU47MP7SE1/7295084_orig.png Visual Logo for Fantasy Football Team Fall, 2013 https://images.squarespace-cdn.com/content/v1/58bf13e4414fb5df90697934/1489080660531-QPHCTWWL7Z2I7469CAR5/4401910_orig.png Visual Web App Logo for Local Startup Spring, 2013 https://images.squarespace-cdn.com/content/v1/58bf13e4414fb5df90697934/1489608946847-N5QO71AVKFCXESUXINI3/BoI.png Visual Book of Ideas for CreositySpace LLC Winter, 2017 https://images.squarespace-cdn.com/content/v1/58bf13e4414fb5df90697934/1489606655465-HSH10PSC5XRW0VJSR97Z/image-asset.png Visual Complete Graphic Standards Manual Spring, 2011 https://images.squarespace-cdn.com/content/v1/58bf13e4414fb5df90697934/1489607415683-HCUG635E817BKGTAZDUQ/brass.png Visual Album Art for Brass Ensemble Fall, 2012 https://images.squarespace-cdn.com/content/v1/58bf13e4414fb5df90697934/1489609518968-4ZELS31NYZZCVMSQ0KSH/political.png Visual Campaign Posters for Student Government Elections Spring, 2012 https://www.bryanfonder.com/uiuxgo daily 0.75 2017-03-20 https://images.squarespace-cdn.com/content/v1/58bf13e4414fb5df90697934/1490042793575-1YPB19SSOKC8E8MJEHLP/headergym.png UI/UX Design Gym App Android app created for a nationwide chain of parkour gyms to track student progress. https://images.squarespace-cdn.com/content/v1/58bf13e4414fb5df90697934/1490042814977-F61JTO97TDU6BQT1YUAL/header.png UI/UX Design hire.me A fictitious app that bridges the personality matching algorithms of online dating with job hunting. https://images.squarespace-cdn.com/content/v1/58bf13e4414fb5df90697934/1490043163600-H8ZKDSW4W49D8QL55J6C/headerpmo.png UI/UX Design Project Management Tool A responsive reskin of a corporate collaboration tool.