https://www.annamay.me/resume daily 0.75 2025-03-10 https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/00a2e82a-fa22-4739-b038-3e8fbe33de7a/pic.png resume https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/00a2e82a-fa22-4739-b038-3e8fbe33de7a/pic.png resume https://www.annamay.me/work daily 1.0 2025-03-10 https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/bfeb669c-c3bf-44eb-939e-21faa93a7367/pc-tile.png work - Evolving an online youth mental health chat service Deep dive case study - September 2022 - October 2024 https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1614226602729-Q94Z83TK66IEUXKMMHTT/Artboard+%E2%80%93+38.png work - Responsive UI/UX design - Mozo November 2017 - Sept 2019 https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/474c8774-226e-4a03-a316-b415ab86e55a/Group+183.png work https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1612145990048-NLQOXQCIPKSLC4SAE1HF/seo-tile.png work - Optimising SEO and addressing Google EEAT standards via UI & UX January 2018 https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/4c763b0d-b5b4-41f0-b448-7fca3c7e14db/Artboard+%E2%80%93+40.png work - A Digital Banking app vs the Pandemic Deep dive case study March - July 2021 https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1614911130353-52FFRECG5QFXYPA4RPGP/travel-pal-tile.png work - Travel Pal - your insurance policy in your pocket UX/UI case study May 2020 https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613604265539-PQHCC5URBD4YKFQUG1DB/designsystems-header.png work - Creating a design system from scratch UI/Developer collaboration case study October 2019 https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613638347812-N7JDVT6P8TOA6MQC0BMX/user-personas-tile.png work - Conducting interviews and creating user personas for a travel brand Case study October 2019 https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613098643904-27Z3A0AQA36SLS9A9I2R/businessloan-tile.png work - Customer experience enhancements through UI: redeveloping a business loans referral service UI/UX case study February 2019 https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613959148848-YRBHPXX8HU2EV1UNMHT5/seville-tile.png work - UX design: self service insurance policy portal Product & UX case study January 2020 https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1586323405258-35U8XLZ066IPZL8FBE7Q/Artboard%2B%E2%80%93%2B1%402x.png work - Case study: Marketview UI refresh UI/UX case study November 2017 https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/4c763b0d-b5b4-41f0-b448-7fca3c7e14db/Artboard+%E2%80%93+40.png work - A Digital Banking app vs the Pandemic Deep dive case study March - July 2021 https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613638347812-N7JDVT6P8TOA6MQC0BMX/user-personas-tile.png work - Conducting interviews and creating user personas for a travel brand Case study October 2019 https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1612145990048-NLQOXQCIPKSLC4SAE1HF/seo-tile.png work - Optimising SEO and addressing Google EEAT standards via UI & UX January 2018 https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1614911130353-52FFRECG5QFXYPA4RPGP/travel-pal-tile.png work - Travel Pal - your insurance policy in your pocket UX/UI case study May 2020 https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/474c8774-226e-4a03-a316-b415ab86e55a/Group+183.png work https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/bfeb669c-c3bf-44eb-939e-21faa93a7367/pc-tile.png work - Evolving an online youth mental health chat service Deep dive case study - September 2022 - October 2024 https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1614226602729-Q94Z83TK66IEUXKMMHTT/Artboard+%E2%80%93+38.png work - Responsive UI/UX design - Mozo November 2017 - Sept 2019 https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613959148848-YRBHPXX8HU2EV1UNMHT5/seville-tile.png work - UX design: self service insurance policy portal Product & UX case study January 2020 https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613098643904-27Z3A0AQA36SLS9A9I2R/businessloan-tile.png work - Customer experience enhancements through UI: redeveloping a business loans referral service UI/UX case study February 2019 https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1586323405258-35U8XLZ066IPZL8FBE7Q/Artboard%2B%E2%80%93%2B1%402x.png work - Case study: Marketview UI refresh UI/UX case study November 2017 https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613604265539-PQHCC5URBD4YKFQUG1DB/designsystems-header.png work - Creating a design system from scratch UI/Developer collaboration case study October 2019 https://www.annamay.me/about-me daily 0.75 2025-03-10 https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/a2428f2b-5bb5-4018-bc50-c8ab6fb35d9c/Group+183.png about me https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1611630734455-I7R2XPZLR3ZIT6NQU0FG/IMG_6609.jpg about me https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1611630734455-I7R2XPZLR3ZIT6NQU0FG/IMG_6609.jpg about me https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/a2428f2b-5bb5-4018-bc50-c8ab6fb35d9c/Group+183.png about me https://www.annamay.me/get-in-touch daily 0.75 2024-12-01 https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/c29da3ee-de4a-416e-b1cf-cc7db4f85027/Group+183.png get in touch https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/c29da3ee-de4a-416e-b1cf-cc7db4f85027/Group+183.png get in touch https://www.annamay.me/work-society daily 0.75 2024-11-12 https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/d021a9dd-5ecc-4d63-891b-0c29b8b0f83c/Screen+Shot+2022-04-05+at+8.23.47+am.png work-society - Make it stand out Home screen iterations to address the many product scenarios. https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/db4e6096-3181-4044-a5fb-521f6e88e9ad/Screen+Shot+2022-04-04+at+8.22.00+pm.png work-society - Make it stand out One of the proposed features of the banking function was to implement round ups and splitting transactions to allow the user to pay off their loan balance whilst using everyday banking. This was re-prioritised to be implemented into a later release as it was found to be too complicated and needed more thought. https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/60069fc1-e5d1-4dc8-bc9f-2051864f640f/Screen+Shot+2022-04-04+at+8.18.42+pm.png work-society - Make it stand out I condensed the loan application process to drastically reduce the number of screens and proposed a new UI. The original mock ups relied heavily on radio buttons and drop downs which resulted in arduous interactions. https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/7c7f0707-62ec-474b-9093-67ee88f5493b/Screen+Shot+2022-04-05+at+8.51.37+am.png work-society - Make it stand out 2. Make payments to others * use material design form fields for consistency * introduce institution verification * restyle UI for clarity (enhance accessibility, remove drop shadows) https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/5f56509a-0d85-4931-acbf-941910b21a1d/Screen+Shot+2022-04-04+at+7.18.31+pm.png work-society - Make it stand out sign in - utilising updated native ios/android log in methods, focus on improved security. https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/98243f0f-abd6-4ae1-856d-88aa47071b3e/Screen+Shot+2022-04-04+at+8.07.30+pm.png work-society - Make it stand out account recovery concepts - users were unhappy with being locked out and forced to contact customer service to verify account. Since initial design conception password recovery methods had advanced in technology. https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/20c152a2-1d40-486d-91a1-26e545474bec/Screen+Shot+2022-04-05+at+9.03.14+am.png work-society - Make it stand out 3. view/download statements (incomplete) I proposed that as a minimum user is able to select a statement and download or view via ios/android native functionality https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/96510235-47a0-44c6-9e8a-3106f33a6162/Frame+980.png work-society Although I was unhappy with this method of gathering feedback for the new app, I teamed with the Project Manager and BA to present/walkthrough the low-mid fidelity existing FIGMA and MIRO screens (shown left) to customers via video call and to later to S1 staff across data/compliance teams uploaded to their personal devices. https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/e61e1e09-c224-4005-9741-18c0d3b53cb0/Frame+12.png work-society - 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/5c65bf1bd7819e73d8e8bcb2/d63fc86f-02f3-4f7e-a9ae-b04f5590ed48/Frame+20.png work-society https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/7943a4f5-0fa8-4c2f-b2a1-e1e52a3f47cb/Screen+Shot+2022-04-05+at+8.46.42+am.png work-society - Make it stand out 1. See transactions - I simplified pay/transfer/statement functionality by having them be visible at all times rather than having them hidden beneath a cog that triggered a slide-out menu of actions. https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/3a57b7f9-0708-44ed-8b2b-7620c053171d/Screen+Shot+2022-04-05+at+7.43.04+am.png work-society - Make it stand out existing low fidelity banking screen concepts https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/968bf4ca-421c-41c1-acbb-cc28c220d60e/s1-quotes.png work-society - 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/5c65bf1bd7819e73d8e8bcb2/bfc74353-391d-4b3a-9376-4cfbb3bcaadc/Screen+Shot+2022-04-04+at+6.31.08+pm.png work-society Minimum functionality of first release covering the following scenarios: 1. credit score/loan/banking only 2. credit score + loan(s) 3. credit score + banking 4. credit score + loan(s) + banking https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/3a57b7f9-0708-44ed-8b2b-7620c053171d/Screen+Shot+2022-04-05+at+7.43.04+am.png work-society - Make it stand out existing low fidelity banking screen concepts https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/5f56509a-0d85-4931-acbf-941910b21a1d/Screen+Shot+2022-04-04+at+7.18.31+pm.png work-society - Make it stand out sign in - utilising updated native ios/android log in methods, focus on improved security. https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/60069fc1-e5d1-4dc8-bc9f-2051864f640f/Screen+Shot+2022-04-04+at+8.18.42+pm.png work-society - Make it stand out I condensed the loan application process to drastically reduce the number of screens and proposed a new UI. The original mock ups relied heavily on radio buttons and drop downs which resulted in arduous interactions. https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/7c7f0707-62ec-474b-9093-67ee88f5493b/Screen+Shot+2022-04-05+at+8.51.37+am.png work-society - Make it stand out 2. Make payments to others * use material design form fields for consistency * introduce institution verification * restyle UI for clarity (enhance accessibility, remove drop shadows) https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/d021a9dd-5ecc-4d63-891b-0c29b8b0f83c/Screen+Shot+2022-04-05+at+8.23.47+am.png work-society - Make it stand out Home screen iterations to address the many product scenarios. https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/98243f0f-abd6-4ae1-856d-88aa47071b3e/Screen+Shot+2022-04-04+at+8.07.30+pm.png work-society - Make it stand out account recovery concepts - users were unhappy with being locked out and forced to contact customer service to verify account. Since initial design conception password recovery methods had advanced in technology. https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/bfc74353-391d-4b3a-9376-4cfbb3bcaadc/Screen+Shot+2022-04-04+at+6.31.08+pm.png work-society Minimum functionality of first release covering the following scenarios: 1. credit score/loan/banking only 2. credit score + loan(s) 3. credit score + banking 4. credit score + loan(s) + banking https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/20c152a2-1d40-486d-91a1-26e545474bec/Screen+Shot+2022-04-05+at+9.03.14+am.png work-society - Make it stand out 3. view/download statements (incomplete) I proposed that as a minimum user is able to select a statement and download or view via ios/android native functionality https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/db4e6096-3181-4044-a5fb-521f6e88e9ad/Screen+Shot+2022-04-04+at+8.22.00+pm.png work-society - Make it stand out One of the proposed features of the banking function was to implement round ups and splitting transactions to allow the user to pay off their loan balance whilst using everyday banking. This was re-prioritised to be implemented into a later release as it was found to be too complicated and needed more thought. https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/e61e1e09-c224-4005-9741-18c0d3b53cb0/Frame+12.png work-society - 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/5c65bf1bd7819e73d8e8bcb2/7943a4f5-0fa8-4c2f-b2a1-e1e52a3f47cb/Screen+Shot+2022-04-05+at+8.46.42+am.png work-society - Make it stand out 1. See transactions - I simplified pay/transfer/statement functionality by having them be visible at all times rather than having them hidden beneath a cog that triggered a slide-out menu of actions. https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/96510235-47a0-44c6-9e8a-3106f33a6162/Frame+980.png work-society Although I was unhappy with this method of gathering feedback for the new app, I teamed with the Project Manager and BA to present/walkthrough the low-mid fidelity existing FIGMA and MIRO screens (shown left) to customers via video call and to later to S1 staff across data/compliance teams uploaded to their personal devices. https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/968bf4ca-421c-41c1-acbb-cc28c220d60e/s1-quotes.png work-society - 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/5c65bf1bd7819e73d8e8bcb2/d63fc86f-02f3-4f7e-a9ae-b04f5590ed48/Frame+20.png work-society https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1612845663573-CY2FJIEMJHQWRUQXY133/header-marketview-white.png work-society https://www.annamay.me/work-seo daily 0.75 2024-10-18 https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1612756503794-ANBS5Z68AP8L6Z3213PD/eat-in-the-media.png work-seo https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/2b18f696-31d6-4faf-9afc-caced10e1900/Frame+23.png work-seo https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1614221782549-SUTB977OHAG5UTLMVUNY/Artboard+%E2%80%93+1.png work-seo https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1614222010555-GQK98AXLZV2UD0A5HLTR/Artboard+%E2%80%93+5.png work-seo https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1612153592836-IEA4075JP1MX3CWVU6WC/eat-brainstorm.png work-seo Brainstorming site improvements to address SEO guidelines. Next I sat down with the dev team and we established the smaller jobs that could be completed as a priority. As we needed to produce some new pages from scratch, we identified this as a perfect opportunity to really get the site’s style guide up and running https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1612585022554-MD3OY4ABEMJI8KYUK1K1/Screen+Shot+2021-02-06+at+3.16.06+pm.png work-seo An “about us page” to let the user know the company background, the company values and a visual image of the people behind the business https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1612668404201-ANTYHC6MUZMI8X8DRMDN/Screen+Shot+2021-02-07+at+2.25.40+pm.png work-seo https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1612326400532-J23LB17K8M9KPQKE5DGV/Screen+Shot+2021-02-03+at+2.19.58+pm.png work-seo Customers come to price comparison sites to save themselves from doing the hard work in finding the best deal for them. It is essential to bear in mind that it is their money they are parting with. So what are they looking for? A reputable company powered by real people who aim to offer the best possible savings to the consumer. https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1614221925877-K2KQCC2PAZ5CZVXK79BD/Artboard+%E2%80%93+3.png work-seo https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1612416795485-9W5BGVJDCK9SG5LM6O34/eat-footer.png work-seo https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1612153592836-IEA4075JP1MX3CWVU6WC/eat-brainstorm.png work-seo Brainstorming site improvements to address SEO guidelines. Next I sat down with the dev team and we established the smaller jobs that could be completed as a priority. As we needed to produce some new pages from scratch, we identified this as a perfect opportunity to really get the site’s style guide up and running https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1612668404201-ANTYHC6MUZMI8X8DRMDN/Screen+Shot+2021-02-07+at+2.25.40+pm.png work-seo https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1614221925877-K2KQCC2PAZ5CZVXK79BD/Artboard+%E2%80%93+3.png work-seo https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/2b18f696-31d6-4faf-9afc-caced10e1900/Frame+23.png work-seo https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1612416795485-9W5BGVJDCK9SG5LM6O34/eat-footer.png work-seo https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1612585022554-MD3OY4ABEMJI8KYUK1K1/Screen+Shot+2021-02-06+at+3.16.06+pm.png work-seo An “about us page” to let the user know the company background, the company values and a visual image of the people behind the business https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1612326400532-J23LB17K8M9KPQKE5DGV/Screen+Shot+2021-02-03+at+2.19.58+pm.png work-seo Customers come to price comparison sites to save themselves from doing the hard work in finding the best deal for them. It is essential to bear in mind that it is their money they are parting with. So what are they looking for? A reputable company powered by real people who aim to offer the best possible savings to the consumer. https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1614221782549-SUTB977OHAG5UTLMVUNY/Artboard+%E2%80%93+1.png work-seo https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1612756503794-ANBS5Z68AP8L6Z3213PD/eat-in-the-media.png work-seo https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1614222010555-GQK98AXLZV2UD0A5HLTR/Artboard+%E2%80%93+5.png work-seo https://www.annamay.me/work-businessloans daily 0.75 2024-10-18 https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613443896068-51KZTYVT8X8C15CZ2FW2/Screen+Shot+2021-02-16+at+1.50.50+pm.png work-businessloans Photograph of the expert, a short blurb about his expertise areas and experience plus a link to his own page, displaying his published articles, twitter handle etc. https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613446420044-GRNY8QUCCYVWLT3BVJM2/Screen+Shot+2021-02-16+at+2.22.09+pm.png work-businessloans https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613449809717-O0T2UOC31H2DIXHWF49T/Screen+Shot+2021-02-16+at+3.29.05+pm.png work-businessloans https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613252255127-TPCRT7V97AF2O3JYYI5U/Screen+Shot+2021-02-14+at+8.36.32+am.png work-businessloans New customer journey https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613531967448-DRYOP9312OIFJ0C7MW9R/Screen+Shot+2021-02-17+at+2.18.08+pm.png work-businessloans Some rough high-fidelity mock ups created just afterwards using mozo brand styling to demonstrate overall look & feel for feedback. I updated the look of the webform to match the material design trend at that time I also selected the header image to compliment the tagline “your business is your focus” https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613535463178-DA3N5RSDFH2OXWNM8C12/Screen+Shot+2021-02-17+at+3.17.14+pm.png work-businessloans And for completeness, here are the mobile wireframes. I always design to a grid with a view to addressing mobile devices first. https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613449942078-S977SPGI2RB55MYQW805/Screen+Shot+2021-02-16+at+3.31.42+pm.png work-businessloans https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613530344337-AJATTUWL2619C318CSK7/Screen+Shot+2021-02-17+at+1.51.14+pm.png work-businessloans https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/2602dc9d-a42a-47f2-a6a0-9cb32a2acc96/Frame+21.png work-businessloans https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613536981316-IHVW2BQUI9KNELTVSPRZ/Screen+Shot+2021-02-17+at+3.40.15+pm.png work-businessloans When the user submits the form, the button again shows a spinner to emulate an action occurring. The form is then replaced with a thank you message and some links to navigate users to some other popular products https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613363648878-HJ2LDWD4H32C2GMY45PV/Screen+Shot+2021-02-15+at+3.30.45+pm.png work-businessloans I researched what mattered most in terms of customer data used to generate pricing estimates and mocked up a simple webform for the user to interact with. Upon scroll, an eye catching but non disruptive sticky bar appears at the bottom of the screen to prompt the user to engage in the callback system. https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613252219576-RKMI9V8SP8JHJN0P52LT/Screen+Shot+2021-02-14+at+8.36.21+am.png work-businessloans Original customer journey https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613443896068-51KZTYVT8X8C15CZ2FW2/Screen+Shot+2021-02-16+at+1.50.50+pm.png work-businessloans Photograph of the expert, a short blurb about his expertise areas and experience plus a link to his own page, displaying his published articles, twitter handle etc. https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613252255127-TPCRT7V97AF2O3JYYI5U/Screen+Shot+2021-02-14+at+8.36.32+am.png work-businessloans New customer journey https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613449809717-O0T2UOC31H2DIXHWF49T/Screen+Shot+2021-02-16+at+3.29.05+pm.png work-businessloans https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/2602dc9d-a42a-47f2-a6a0-9cb32a2acc96/Frame+21.png work-businessloans https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613252219576-RKMI9V8SP8JHJN0P52LT/Screen+Shot+2021-02-14+at+8.36.21+am.png work-businessloans Original customer journey https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613535463178-DA3N5RSDFH2OXWNM8C12/Screen+Shot+2021-02-17+at+3.17.14+pm.png work-businessloans And for completeness, here are the mobile wireframes. I always design to a grid with a view to addressing mobile devices first. https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613449942078-S977SPGI2RB55MYQW805/Screen+Shot+2021-02-16+at+3.31.42+pm.png work-businessloans https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613530344337-AJATTUWL2619C318CSK7/Screen+Shot+2021-02-17+at+1.51.14+pm.png work-businessloans https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613536981316-IHVW2BQUI9KNELTVSPRZ/Screen+Shot+2021-02-17+at+3.40.15+pm.png work-businessloans When the user submits the form, the button again shows a spinner to emulate an action occurring. The form is then replaced with a thank you message and some links to navigate users to some other popular products https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613363648878-HJ2LDWD4H32C2GMY45PV/Screen+Shot+2021-02-15+at+3.30.45+pm.png work-businessloans I researched what mattered most in terms of customer data used to generate pricing estimates and mocked up a simple webform for the user to interact with. Upon scroll, an eye catching but non disruptive sticky bar appears at the bottom of the screen to prompt the user to engage in the callback system. https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613446420044-GRNY8QUCCYVWLT3BVJM2/Screen+Shot+2021-02-16+at+2.22.09+pm.png work-businessloans https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613531967448-DRYOP9312OIFJ0C7MW9R/Screen+Shot+2021-02-17+at+2.18.08+pm.png work-businessloans Some rough high-fidelity mock ups created just afterwards using mozo brand styling to demonstrate overall look & feel for feedback. I updated the look of the webform to match the material design trend at that time I also selected the header image to compliment the tagline “your business is your focus” https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1612845663573-CY2FJIEMJHQWRUQXY133/header-marketview-white.png work-businessloans https://www.annamay.me/work-userpersonas daily 0.75 2024-10-20 https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1615180478121-VLMB4BHXHZ37GXV0V2LJ/persona-b.png work-userpersonas https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1615180430944-B9NTYML16JEI1LL8DV8V/persona-a.png work-userpersonas https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/078f38a1-9156-4877-ab89-772d42b2243b/Frame+30.png work-userpersonas https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613684269317-KUFS200C5WR82RVCE8W3/user-personas-miro.jpg work-userpersonas A snapshot of one of our data groupings https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1615180554377-CKYHDI2X7BF6SPA8TTK8/persona-c.png work-userpersonas https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1615180634632-BV2QIYWQJ6GFUU0GVG4P/persona-d.png work-userpersonas https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613684340490-5IH3UQUPOI6F2L42PENR/user-personas-chart.jpg work-userpersonas Next we identified the most valuable data collected so that we could group our interviewees into four categories in order to create 4 personas relating to four potential target audiences https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613684269317-KUFS200C5WR82RVCE8W3/user-personas-miro.jpg work-userpersonas A snapshot of one of our data groupings https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1615180478121-VLMB4BHXHZ37GXV0V2LJ/persona-b.png work-userpersonas https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1615180634632-BV2QIYWQJ6GFUU0GVG4P/persona-d.png work-userpersonas https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/078f38a1-9156-4877-ab89-772d42b2243b/Frame+30.png work-userpersonas https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1615180554377-CKYHDI2X7BF6SPA8TTK8/persona-c.png work-userpersonas https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1615180430944-B9NTYML16JEI1LL8DV8V/persona-a.png work-userpersonas https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613684340490-5IH3UQUPOI6F2L42PENR/user-personas-chart.jpg work-userpersonas Next we identified the most valuable data collected so that we could group our interviewees into four categories in order to create 4 personas relating to four potential target audiences https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1612845663573-CY2FJIEMJHQWRUQXY133/header-marketview-white.png work-userpersonas https://www.annamay.me/work-selfservice daily 0.75 2024-10-20 https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/05532950-e599-44f1-85d3-912c63e1eb74/Frame+31.png work-selfservice https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613957485489-YND8IOLEDNFCN9YPIAPJ/Screen+Shot+2021-02-22+at+12.30.45+pm.png work-selfservice https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613948028584-A54SY69N0FCSBIMIVTDX/low-fid-seville-wireframes2.png work-selfservice Screen 3: show’s the user’s account alerting them to update payment Screen 4: pop up box to edit details appears when user presses edit link (the “remove” and “add card” link will not be available until future releases https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613957306157-8LKKHR0B1039JITRI7ZU/high-fid-seville.png work-selfservice https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613881651360-M8D9EVK5PO2Q127Z6QNU/target-user-personas.png work-selfservice Personas based on my own customer research (project can be found on my “work” page) https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613947642854-JZ4AWZ7HNEBO1ZPXWRDE/Screen+Shot+2021-02-22+at+9.46.28+am.png work-selfservice Screen 1 shows the proposed dashboard, the user’s policies and a link to access their account Screen 2: shows the user’s account screen and stored payment details https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613884205035-9IE8DGOTF2FGJXIKPOF7/seville-user-stories.png work-selfservice https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613881785826-9K5DML6BHYDNMU8YVP5E/seville-user-flow.png work-selfservice https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613884205035-9IE8DGOTF2FGJXIKPOF7/seville-user-stories.png work-selfservice https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613881785826-9K5DML6BHYDNMU8YVP5E/seville-user-flow.png work-selfservice https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/05532950-e599-44f1-85d3-912c63e1eb74/Frame+31.png work-selfservice https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613957306157-8LKKHR0B1039JITRI7ZU/high-fid-seville.png work-selfservice https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613947642854-JZ4AWZ7HNEBO1ZPXWRDE/Screen+Shot+2021-02-22+at+9.46.28+am.png work-selfservice Screen 1 shows the proposed dashboard, the user’s policies and a link to access their account Screen 2: shows the user’s account screen and stored payment details https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613957485489-YND8IOLEDNFCN9YPIAPJ/Screen+Shot+2021-02-22+at+12.30.45+pm.png work-selfservice https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613881651360-M8D9EVK5PO2Q127Z6QNU/target-user-personas.png work-selfservice Personas based on my own customer research (project can be found on my “work” page) https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613948028584-A54SY69N0FCSBIMIVTDX/low-fid-seville-wireframes2.png work-selfservice Screen 3: show’s the user’s account alerting them to update payment Screen 4: pop up box to edit details appears when user presses edit link (the “remove” and “add card” link will not be available until future releases https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1612845663573-CY2FJIEMJHQWRUQXY133/header-marketview-white.png work-selfservice https://www.annamay.me/work-designsystems daily 0.75 2024-10-20 https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613627929132-60JWDJ6Q361XFZ21YMFW/Screen+Shot+2021-02-18+at+4.58.23+pm.png work-designsystems A small sample of documentation for button customisation ( a primary element) - This would lie within the quote box (a primary component) https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/29e86547-3cd1-47e9-a9a6-6ea60594083a/Frame+29.png work-designsystems https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613771768903-GVY3610JCJ03PVBPIZLG/Screen+Shot+2021-02-20+at+8.55.36+am.png work-designsystems https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613629568126-KDEG4RL7EAJ7PWNMGZ6W/Screen+Shot+2021-02-18+at+5.24.17+pm.png work-designsystems We were aiming to produce three templates where a user could opt to place their content so that we ultimately control the layout https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613611440263-NYFS9IHA4LJUJ8BDAL7M/Screen+Shot+2021-02-18+at+12.22.58+pm.png work-designsystems https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613630156987-ZATSEH8MTN9QZ0FE4R45/Screen+Shot+2021-02-18+at+5.28.57+pm.png work-designsystems The home page, for example, a customer can select their look and feel along with component placements but only from a limited selection https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613625098757-83F9B0XCZZ7J2ZSB7QX0/Screen+Shot+2021-02-18+at+4.08.25+pm.png work-designsystems A small sample of the public documentation I produced (published in Confluence) https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613771768903-GVY3610JCJ03PVBPIZLG/Screen+Shot+2021-02-20+at+8.55.36+am.png work-designsystems https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613611440263-NYFS9IHA4LJUJ8BDAL7M/Screen+Shot+2021-02-18+at+12.22.58+pm.png work-designsystems https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613629568126-KDEG4RL7EAJ7PWNMGZ6W/Screen+Shot+2021-02-18+at+5.24.17+pm.png work-designsystems We were aiming to produce three templates where a user could opt to place their content so that we ultimately control the layout https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613625098757-83F9B0XCZZ7J2ZSB7QX0/Screen+Shot+2021-02-18+at+4.08.25+pm.png work-designsystems A small sample of the public documentation I produced (published in Confluence) https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613630156987-ZATSEH8MTN9QZ0FE4R45/Screen+Shot+2021-02-18+at+5.28.57+pm.png work-designsystems The home page, for example, a customer can select their look and feel along with component placements but only from a limited selection https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1613627929132-60JWDJ6Q361XFZ21YMFW/Screen+Shot+2021-02-18+at+4.58.23+pm.png work-designsystems A small sample of documentation for button customisation ( a primary element) - This would lie within the quote box (a primary component) https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/29e86547-3cd1-47e9-a9a6-6ea60594083a/Frame+29.png work-designsystems https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1612845663573-CY2FJIEMJHQWRUQXY133/header-marketview-white.png work-designsystems https://www.annamay.me/work-travel-pal daily 0.75 2024-10-20 https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/49c8284f-5fd1-4beb-85ff-008e139b58d3/Frame+32.png work-travel-pal https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1614906375115-6M3G11YCND7OXAENPNQD/Screen+Shot+2021-03-05+at+12.05.42+pm.png work-travel-pal COVID-19 hub https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1614740251215-KUT94BWF1THT5R96Q8KZ/Screen+Shot+2021-03-03+at+1.56.55+pm.png work-travel-pal Low fidelity mockups - adding an endorsement https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1615500091230-II53WWMHMAV35Y3YFFVR/the+future.png work-travel-pal https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1614910869140-WEULUYBGY6GHLOWLE9IZ/Screen+Shot+2021-03-05+at+1.20.36+pm.png work-travel-pal Prepare for your trip hub https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1614828404676-XB5YXBZBXD6LTY9QERUH/Web+1920+%E2%80%93+1.png work-travel-pal Infographic to capture the “mood” towards travel at this time (one month into COVID19) - I was surprised at the level of positivity in their responses https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1614209255033-CKS9ZHIDXQV3HPFDZ2O6/proto-persona.png work-travel-pal Luke is based on Travel with Jane’s “loyal customer” persona that I identified via customer research As an insurance savvy adventurer, safety, peace of mind and instant policy access is a high priority. https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1614843149957-QDGEG8SJAE3296YWVMVE/travel-pal-why.png work-travel-pal Following the COVID-19 pandemic, Traveller security is more important than ever before. This is an opportunity to stand out from the crowd and offer a Travel Companion app that can offer extra help and security as well as access to their policy for easy access and amendment. https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1614843394085-4RNBJOYX321X37EG4EDZ/Screen+Shot+2021-03-04+at+6.35.14+pm.png work-travel-pal https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1614733415817-BXMR3BB7N95ZIVWN5CNM/Screen+Shot+2021-03-03+at+12.00.42+pm.png work-travel-pal https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1614035088656-BW27UNM8Y8ZQ47EH5JXR/customer+survey.png work-travel-pal https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1614906434026-WYY8HHFVBISAPQ3Q0IMB/Screen+Shot+2021-03-05+at+12.06.48+pm.png work-travel-pal Policy FAQs Offers an overview of resolutions and advice to handle common issues that occur whilst travelling https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1614733415817-BXMR3BB7N95ZIVWN5CNM/Screen+Shot+2021-03-03+at+12.00.42+pm.png work-travel-pal https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1614843149957-QDGEG8SJAE3296YWVMVE/travel-pal-why.png work-travel-pal Following the COVID-19 pandemic, Traveller security is more important than ever before. This is an opportunity to stand out from the crowd and offer a Travel Companion app that can offer extra help and security as well as access to their policy for easy access and amendment. https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1614843394085-4RNBJOYX321X37EG4EDZ/Screen+Shot+2021-03-04+at+6.35.14+pm.png work-travel-pal https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1614828404676-XB5YXBZBXD6LTY9QERUH/Web+1920+%E2%80%93+1.png work-travel-pal Infographic to capture the “mood” towards travel at this time (one month into COVID19) - I was surprised at the level of positivity in their responses https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1614740251215-KUT94BWF1THT5R96Q8KZ/Screen+Shot+2021-03-03+at+1.56.55+pm.png work-travel-pal Low fidelity mockups - adding an endorsement https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/49c8284f-5fd1-4beb-85ff-008e139b58d3/Frame+32.png work-travel-pal https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1614906434026-WYY8HHFVBISAPQ3Q0IMB/Screen+Shot+2021-03-05+at+12.06.48+pm.png work-travel-pal Policy FAQs Offers an overview of resolutions and advice to handle common issues that occur whilst travelling https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1614910869140-WEULUYBGY6GHLOWLE9IZ/Screen+Shot+2021-03-05+at+1.20.36+pm.png work-travel-pal Prepare for your trip hub https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1614035088656-BW27UNM8Y8ZQ47EH5JXR/customer+survey.png work-travel-pal https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1615500091230-II53WWMHMAV35Y3YFFVR/the+future.png work-travel-pal https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1614209255033-CKS9ZHIDXQV3HPFDZ2O6/proto-persona.png work-travel-pal Luke is based on Travel with Jane’s “loyal customer” persona that I identified via customer research As an insurance savvy adventurer, safety, peace of mind and instant policy access is a high priority. https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1614906375115-6M3G11YCND7OXAENPNQD/Screen+Shot+2021-03-05+at+12.05.42+pm.png work-travel-pal COVID-19 hub https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1612845663573-CY2FJIEMJHQWRUQXY133/header-marketview-white.png work-travel-pal https://www.annamay.me/work-mozo daily 0.75 2024-10-18 https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/73522e5c-a428-401f-aa17-95c3e017f430/Frame+19.png work-mozo https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1614225565501-S083LFLXCRWBDRQD3I0G/amex+redesign.png work-mozo Old vs New - American Express page redesign https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1614223197687-EN102L9BO7KOC18FG639/Artboard+%E2%80%93+5.png work-mozo New page for SEO improvements - Provider Services https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1615244336565-KTHBBT7IR9WRKJRH0KSQ/nbn%281%29.png work-mozo Mozo Experts Choice Award revamp - new category NBN plans and providers https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1615250862014-JFBA4D8OI3B0G6K84MR9/404+page.png work-mozo 404 & 505 error pages featuring designed graphics (Adobe Illustrator) https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1614224084972-LEK31XL3N96VRS8SVIPO/energy.png work-mozo New page - Energy Price Comparison https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1614222660611-5GT0YLZ3YZAHOJTQQLTI/Artboard+%E2%80%93+1.png work-mozo New page for SEO improvements - Media Room https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1614222797621-2NTMM2VZFRNJS6KXETLZ/Artboard+%E2%80%93+3.png work-mozo New page for SEO improvements - About Us https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1614222660611-5GT0YLZ3YZAHOJTQQLTI/Artboard+%E2%80%93+1.png work-mozo New page for SEO improvements - Media Room https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1614223197687-EN102L9BO7KOC18FG639/Artboard+%E2%80%93+5.png work-mozo New page for SEO improvements - Provider Services https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1614222797621-2NTMM2VZFRNJS6KXETLZ/Artboard+%E2%80%93+3.png work-mozo New page for SEO improvements - About Us https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1615250862014-JFBA4D8OI3B0G6K84MR9/404+page.png work-mozo 404 & 505 error pages featuring designed graphics (Adobe Illustrator) https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1614225565501-S083LFLXCRWBDRQD3I0G/amex+redesign.png work-mozo Old vs New - American Express page redesign https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1615244336565-KTHBBT7IR9WRKJRH0KSQ/nbn%281%29.png work-mozo Mozo Experts Choice Award revamp - new category NBN plans and providers https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1614224084972-LEK31XL3N96VRS8SVIPO/energy.png work-mozo New page - Energy Price Comparison https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/73522e5c-a428-401f-aa17-95c3e017f430/Frame+19.png work-mozo https://www.annamay.me/work-marketview daily 0.75 2024-10-20 https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/872340c5-2eaa-4b05-a94e-87d5d8944b4a/Frame+33.png work-marketview https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1611866773441-HM2WXGRLM0I3HQKMOQ91/marketview-icons.png work-marketview I used Mozo’s default icons styles to keep within brand https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/872340c5-2eaa-4b05-a94e-87d5d8944b4a/Frame+33.png work-marketview https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1611786296379-TF6TXB5AHGJN2WVQGZLI/marketview-original.png work-marketview This is an overview of the original design. At first glance it certainly looks dated, the colours distracting and navigation bar serves only to confuse the user. https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1611893340945-68LMQRRCRIOBZA2GOCJW/marketview-final-navs.png work-marketview These are high fidelity mock ups of the final nav design. I quickly found through iteration that there was a danger of making the icon library far too complicated. I overcame this issue by adding small labels beneath which allowed icons to be re-used (see example) https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1611900622129-YQ22XR9Z87W776DRLKW8/marketview-tabbed-nav.png work-marketview An example of collapsable table sections and tabbed data designed with ING’s data as reference. https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1612070837458-I2LJH8VX9ISQLUCCFJZU/final-marketview-logo.png work-marketview https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1612072197455-1PANVB2FXNZ3WYV9QMY9/marketview+error+messages+v1.png work-marketview error pages https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1612069761789-X6Z4GREYQ1H74QRAWR5O/marketview-mozo-logos.png work-marketview These are the 6 options that I was asked to mock up. Usually I would be firmer in owning my design decisions but as a newcomer to the company my boss advised it was best that I appease the two strong personalities. Upon presentation I advised that options 2 and 4 were overcomplicated (something I had strived to improve throughout the redesign) and that options 5 & 6 could be interpreted as buttons. I wasn’t happy with any of their ideas so I created an option 7…. https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1612845663573-CY2FJIEMJHQWRUQXY133/header-marketview-white.png work-marketview https://www.annamay.me/work-peerchat daily 0.75 2024-12-18 https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/2a784e23-ad38-4107-8163-a9e280571624/Frame+28.png work-peerchat - 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/5c65bf1bd7819e73d8e8bcb2/21f88b88-8a21-44b2-9359-ce1d0256da33/weather-concept.png work-peerchat - Make it stand out Final concepts to capture user’s sense of wellbeing post-chat. The static weather states subtly transition as the user selects their mood. https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/904aa3fb-35e2-4747-8dfc-dcfae0b5e915/onboardingOG.png work-peerchat - 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/5c65bf1bd7819e73d8e8bcb2/dc742c2f-676c-4f79-bb49-c5745f9b1f5f/quotes.png work-peerchat - Make it stand out We interviewed 8 young people showing them A/B concepts with the main sticking point being the of the second question, and the pathways offered once the survey was submitted. https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/aa6c9402-1e5c-4c7c-a6ec-edb6a841dc3e/survey-q%27s.png work-peerchat - Make it stand out I kept the remainder of the survey simple. Despite many reviews and user testing, I was unable to condense the copy further without jeopardising what was essential for reporting. https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/937871ba-28f2-4956-b4ea-c633b91ed579/concepts.png work-peerchat - 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/5c65bf1bd7819e73d8e8bcb2/0aec38d0-20db-46d5-aef7-6be5fdddc347/mobile+1.png work-peerchat - Make it stand out Revised flow lo-fi with my solutions. https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/cd44151c-b7f3-48f0-a223-7ffda64dd063/stage1.png work-peerchat - 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/5c65bf1bd7819e73d8e8bcb2/87a1ce87-51d1-4cc1-9994-0000b8012520/testB.png work-peerchat - 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/5c65bf1bd7819e73d8e8bcb2/e1d3792e-ff38-4b72-83b0-3d190376724b/custom-takeaways.png work-peerchat - 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/5c65bf1bd7819e73d8e8bcb2/e19cdcf4-2163-45dc-a422-4bbc3c4ae8de/user+journey.png work-peerchat - 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/5c65bf1bd7819e73d8e8bcb2/1b6b748c-d916-403a-b8ae-e56bf407498a/user+testing.png work-peerchat - Make it stand out screenshots of prototype used in testing https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/aff5123a-d88d-4533-bf50-3db11bf51bd6/landing+page+concept.png work-peerchat - Make it stand out Simplified landing page concept https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/e2559fca-1a61-4d23-9c82-258b8b9df838/automated-takeaway.png work-peerchat - 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/5c65bf1bd7819e73d8e8bcb2/8145dfbd-a716-4138-83d8-6d8e979f633a/pw-int.png work-peerchat - Make it stand out note: PW= peer worker, YP= young person https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/330a9895-653c-419f-ad41-5a572c001ec1/Frame+27.png work-peerchat - 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/5c65bf1bd7819e73d8e8bcb2/004aeec4-fd98-4292-a4e4-700c1c420ffb/pre.png work-peerchat - Make it stand out User flow before a chat session https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/4059be33-db88-47f6-b55e-3ab3fc193986/Frame+24.png work-peerchat https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/31dc99a9-edc5-4c1f-86c8-b0fb55bfb2ec/dis-guide.png work-peerchat - 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/5c65bf1bd7819e73d8e8bcb2/cd44151c-b7f3-48f0-a223-7ffda64dd063/stage1.png work-peerchat - 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/5c65bf1bd7819e73d8e8bcb2/904aa3fb-35e2-4747-8dfc-dcfae0b5e915/onboardingOG.png work-peerchat - 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/5c65bf1bd7819e73d8e8bcb2/1b6b748c-d916-403a-b8ae-e56bf407498a/user+testing.png work-peerchat - Make it stand out screenshots of prototype used in testing https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/e1d3792e-ff38-4b72-83b0-3d190376724b/custom-takeaways.png work-peerchat - 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/5c65bf1bd7819e73d8e8bcb2/aff5123a-d88d-4533-bf50-3db11bf51bd6/landing+page+concept.png work-peerchat - Make it stand out Simplified landing page concept https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/e2559fca-1a61-4d23-9c82-258b8b9df838/automated-takeaway.png work-peerchat - 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/5c65bf1bd7819e73d8e8bcb2/004aeec4-fd98-4292-a4e4-700c1c420ffb/pre.png work-peerchat - Make it stand out User flow before a chat session https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/2a784e23-ad38-4107-8163-a9e280571624/Frame+28.png work-peerchat - 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/5c65bf1bd7819e73d8e8bcb2/8145dfbd-a716-4138-83d8-6d8e979f633a/pw-int.png work-peerchat - Make it stand out note: PW= peer worker, YP= young person https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/aa6c9402-1e5c-4c7c-a6ec-edb6a841dc3e/survey-q%27s.png work-peerchat - Make it stand out I kept the remainder of the survey simple. Despite many reviews and user testing, I was unable to condense the copy further without jeopardising what was essential for reporting. https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/937871ba-28f2-4956-b4ea-c633b91ed579/concepts.png work-peerchat - 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/5c65bf1bd7819e73d8e8bcb2/21f88b88-8a21-44b2-9359-ce1d0256da33/weather-concept.png work-peerchat - Make it stand out Final concepts to capture user’s sense of wellbeing post-chat. The static weather states subtly transition as the user selects their mood. https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/330a9895-653c-419f-ad41-5a572c001ec1/Frame+27.png work-peerchat - 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/5c65bf1bd7819e73d8e8bcb2/e19cdcf4-2163-45dc-a422-4bbc3c4ae8de/user+journey.png work-peerchat - 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/5c65bf1bd7819e73d8e8bcb2/31dc99a9-edc5-4c1f-86c8-b0fb55bfb2ec/dis-guide.png work-peerchat - 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/5c65bf1bd7819e73d8e8bcb2/0aec38d0-20db-46d5-aef7-6be5fdddc347/mobile+1.png work-peerchat - Make it stand out Revised flow lo-fi with my solutions. https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/4059be33-db88-47f6-b55e-3ab3fc193986/Frame+24.png work-peerchat https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/87a1ce87-51d1-4cc1-9994-0000b8012520/testB.png work-peerchat - 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/5c65bf1bd7819e73d8e8bcb2/dc742c2f-676c-4f79-bb49-c5745f9b1f5f/quotes.png work-peerchat - Make it stand out We interviewed 8 young people showing them A/B concepts with the main sticking point being the of the second question, and the pathways offered once the survey was submitted. https://images.squarespace-cdn.com/content/v1/5c65bf1bd7819e73d8e8bcb2/1612845663573-CY2FJIEMJHQWRUQXY133/header-marketview-white.png work-peerchat