Tim Lattimer

Tim Lattimer UI/UX Designer & Developer Portfolio Deck www.timlattimer.com UI/UX Designer & Developer www.timlattimer.com About Me š I’m a UI/UX Designer and Front-End Developer who’s able to make meaningful contributions throughout the entire design process. š I love seeing the progression of my design ideas from rough sketches through development. š I’m passionate about staying current with the skills I offer and always making an effort to improve my craft. 2 UI/UX Designer & Developer www.timlattimer.com Clients I’ve Worked With 3 UI/UX Designer & Developer www.timlattimer.com Selected Work š DeVry Microsite Redesign – Page 5 š Kayak Usability Report – Page 11 š Landing Page Examples – Page 17 4 UI/UX Designer & Developer www.timlattimer.com DeVry Microsite Redesign š Key Project Goal š Reduce content, redesign microsites to match new DeVry branding, and increase conversions š My Role and Responsibilities š Worked with the design team at Performics (team of 3) to redesign and develop microsites š Contributed to wireframes, mocks, and site build š Timeline š Redesign/build of microsites – 1 month per microsite (4 total) š Team conducts ongoing testing / updates after microsites are live 5 UI/UX Designer & Developer www.timlattimer.com Challenges š Inherited content from previous agency (20+ old microsites) š Lack of clarity with conversion points and pathing š Limited agility to match ongoing client needs and scoped hours 6 UI/UX Designer & Developer www.timlattimer.com Our Plan š Reduce and prioritize content into only 4 microsites š Restructure old framework that allow for efficient, universal updates across pages š Improve layout and conversion design of microsites 7 UI/UX Designer & Developer www.timlattimer.com Design Process š Sitemaps š Sketches š Wireframes (Axure) š Mockups (Photoshop) š Build (ION Platform) 8 UI/UX Designer & Developer www.timlattimer.com Comparison 9 UI/UX Designer & Developer www.timlattimer.com Outstanding Results Health Microsite Business Microsite • 49% increase • 39% increase • 21% increase • 23% increase • 20% decrease • 4% decrease • 43% increase • 12% increase • 37% increase • 20% increase • 16% decrease • 24% decrease in Average Daily Conversions in Conversion Rate Tech Microsite in Cost Per Inquiry in Average Daily Conversions in Conversion Rate in Cost Per Inquiry Core Microsite in Average Daily Conversions in Conversion Rate in Cost Per Inquiry in Average Daily Conversion in Conversion Rate in Cost Per Inquiry 10 UI/UX Designer & Developer www.timlattimer.com Kayak Usability Report š Key Project Goal š Discover usability issues and determine the amount of user satisfaction and interest with the platform š Provide recommendations on areas to improve the website’s interface š My Role and Responsibilities Please click the logo for the full report š Conducted in-person usability tests (with team of 4) š Summarized usability findings and offered feedback for Kayak š Timeline š 5 weeks 11 UI/UX Designer & Developer www.timlattimer.com Challenges š Limited amount of time for user research/testing š Due to the time frame, limited amount of participants 12 UI/UX Designer & Developer www.timlattimer.com Our Plan š The team tested the interface by creating 4 specific tasks for users to complete. Our tasks tested the following areas: š Finding Flights š Filtering Flights š Explore Feature š Flight/Hotel/Car Package Options š Following usability testing, clearly document any issues users are having with the platform 13 UI/UX Designer & Developer www.timlattimer.com Testing Process š Screen participants š Review testing protocol with participants / sign consent form š Test participants in usability lab š 1 moderator per test / 3 observers taking notes behind one-way mirror š Record tests through webcam / eye-tracking software 14 UI/UX Designer & Developer www.timlattimer.com Results š 3 of the 4 tasks were easy for participants to complete š Only 1 of 8 participants was able to find and use the “Explore” feature on Kayak’s interface š Based on our team’s observations, I wouldn’t expect this to change with a larger sample size To see a full list of findings and recommendations, view the report by clicking on the logo 15 UI/UX Designer & Developer www.timlattimer.com Recommendations š Add ”Explore” link in the header of the website, instead of hiding it in a dropdown š Emphasize this unique feature more on other areas of the website To see a full list of findings and recommendations, view the report by clicking on the logo 16 UI/UX Designer & Developer www.timlattimer.com Landing Page Examples š Key Project Goals š Promote products/services, increase conversions, redesign old pages, etc. š My Role and Responsibilities š Created wires/mocks for each page before building using HTML, CSS, and JavaScript š Timeline š Each page can take about a week to go through the mock/wireframe phase to the final build (dependent on client feedback and approval) 17 UI/UX Designer & Developer www.timlattimer.com Landing Page Examples Below are a few of my landing page builds. Please click on the screenshots to view them. 18 UI/UX Designer & Developer www.timlattimer.com Thank You! Please check out my links below: Website Resume LinkedIn - 19