0
Skip to Content
Matt Flanagan
Home
Latest Work
Contact
Matt Flanagan
Home
Latest Work
Contact
Home
Latest Work
Contact
Graphic with dark blue background, red circles at top, text: "UX Design Research, Simplii Special Offers."

Graphic with dark blue background, red circles at top, text: "UX Design Research, Simplii Special Offers."

Presentation slide showing a webpage with special offers from Simplii. The slide discusses user experience challenges due to users being directed to two separate pages for special offers, aiming for a cohesive site experience.

Presentation slide showing a webpage with special offers from Simplii. The slide discusses user experience challenges due to users being directed to two separate pages for special offers, aiming for a cohesive site experience.

Presentation slide titled "Design Thinking Process" with an outline of steps including Empathize (Problem Space, Project Description, Interviews, Affinity Mapping), Define (Personas, Information Architecture, User Flows), Ideate (Sketches, Wireframe,

Presentation slide titled "Design Thinking Process" with an outline of steps including Empathize (Problem Space, Project Description, Interviews, Affinity Mapping), Define (Personas, Information Architecture, User Flows), Ideate (Sketches, Wireframe, Clickable Prototype), Prototype (Style Guideline, High Fidelity Mockups), and Conclusions. The slide has a dark blue background with white and light blue text.

The word 'EMPATHIZE' displayed in large blue letters on a dark blue background.

The word 'EMPATHIZE' displayed in large blue letters on a dark blue background.

Screenshot of a website presentation slide explaining the importance of using a single destination for overlapping content on the Simplii website's Special Offers and Dual Offers pages. The slide includes instructions for finding a permanent home for

Screenshot of a website presentation slide explaining the importance of using a single destination for overlapping content on the Simplii website's Special Offers and Dual Offers pages. The slide includes instructions for finding a permanent home for special offers on the site navigation menu.

A digital presentation slide showing a user journey from a homepage to multiple offer pages, highlighting content merging for a seamless user experience.

A digital presentation slide showing a user journey from a homepage to multiple offer pages, highlighting content merging for a seamless user experience.

Slide titled 'Empathize' with 'User Interviews' section that includes questions about what people look for when signing up for a bank account online, along with notes about young professionals, tech-savviness, and comfort with online banking and mobi

Slide titled 'Empathize' with 'User Interviews' section that includes questions about what people look for when signing up for a bank account online, along with notes about young professionals, tech-savviness, and comfort with online banking and mobile apps.

Quote about information gathering and decision making, attributed to Lily, on a dark blue background with a blue speech bubble.

Quote about information gathering and decision making, attributed to Lily, on a dark blue background with a blue speech bubble.

Slide showing an affinity mapping process with several colored notes grouped under topics like Tech Savvy, Daily Digital Banking, Incentive to Sign Up, and Researching Offers. The background is dark blue, with headers and notes in various pastel colo

Slide showing an affinity mapping process with several colored notes grouped under topics like Tech Savvy, Daily Digital Banking, Incentive to Sign Up, and Researching Offers. The background is dark blue, with headers and notes in various pastel colors.

Blue text 'DEFINE' on a dark blue background.

Blue text 'DEFINE' on a dark blue background.

Profile page of a user named Mike Smith, showing his biography, needs, pain points, occupation as sales manager, location in Toronto, Ontario, age 36, family status married with one child, and skills in internet, social media, and digital banking. Th

Profile page of a user named Mike Smith, showing his biography, needs, pain points, occupation as sales manager, location in Toronto, Ontario, age 36, family status married with one child, and skills in internet, social media, and digital banking. There is a photo of a smiling man with brown hair and beard wearing a red checkered shirt, with a quote about having all information in one place for quick decision making.

Diagram labeled 'Define - Information Architecture' showing the structure of a website with sections for homepage, navigation, and various service categories such as accounts, credit card, mortgages, borrowing, and investments, each with subcategorie

Diagram labeled 'Define - Information Architecture' showing the structure of a website with sections for homepage, navigation, and various service categories such as accounts, credit card, mortgages, borrowing, and investments, each with subcategories and resources.

Flow diagram showing user navigation from homepage to offer pages and application form for a banking website.

Flow diagram showing user navigation from homepage to offer pages and application form for a banking website.

Flowchart showing user navigation on a website including pages for special offers, dual offers, and sign-up actions, with color-coded symbols for location, system decision, and user actions.

Flowchart showing user navigation on a website including pages for special offers, dual offers, and sign-up actions, with color-coded symbols for location, system decision, and user actions.

Flowchart of a proposed new offers webpage user flow, starting from homepage/social ad, leading through various special offers, blue and pink steps indicating user decisions and actions, ending on sign-in or application pages.

Flowchart of a proposed new offers webpage user flow, starting from homepage/social ad, leading through various special offers, blue and pink steps indicating user decisions and actions, ending on sign-in or application pages.

A dark blue background with the word 'IDEATE' written in large, light blue capital letters.

A dark blue background with the word 'IDEATE' written in large, light blue capital letters.

A collection of various handwritten website wireframes on white paper sketches, showing different page layouts with headers, images, and text, arranged in a chaotic and overlapping manner, leading to a single clean wireframe on the right side of the

A collection of various handwritten website wireframes on white paper sketches, showing different page layouts with headers, images, and text, arranged in a chaotic and overlapping manner, leading to a single clean wireframe on the right side of the image. The words "SKETCHES" and "CRAZY 8'S" are visible, indicating a creative design process.

Comparison of a hand-drawn wireframe sketch and a digital wireframe of an online shopping website with special offers and promotional sections.

Comparison of a hand-drawn wireframe sketch and a digital wireframe of an online shopping website with special offers and promotional sections.

Blue text that says 'PROTOTYPE' on a dark blue background.

Blue text that says 'PROTOTYPE' on a dark blue background.

Wireframe of a banking app with progression from a homepage to special offers, a details modal, and an app page, showing layout and interface elements.

Wireframe of a banking app with progression from a homepage to special offers, a details modal, and an app page, showing layout and interface elements.

Flowchart of a clickable prototype web page with multiple screens showing the user journey and interactions, including offer pages, application page, and product page, connected with blue flow lines.

Flowchart of a clickable prototype web page with multiple screens showing the user journey and interactions, including offer pages, application page, and product page, connected with blue flow lines.

Text on a dark blue background reading 'UI Designs' in large, blue letters.

Text on a dark blue background reading 'UI Designs' in large, blue letters.

UI design style guide with color palette, typography, button styles, and card backgrounds for a user interface kit.

UI design style guide with color palette, typography, button styles, and card backgrounds for a user interface kit.

A wireframe and high-fidelity mockup of a financial services website showcasing offers, accounts, and rewards.

A wireframe and high-fidelity mockup of a financial services website showcasing offers, accounts, and rewards.

Comparison of high-fidelity website mockups showing desktop, special offers page, and mobile versions with grid layout, promotional offers, and contact information.

Comparison of high-fidelity website mockups showing desktop, special offers page, and mobile versions with grid layout, promotional offers, and contact information.

A split view of a website showing a desktop version on the left and a mobile version on the right. The website is for a financial service offering various accounts and cash bonuses, featuring images of a woman on a swing looking at her phone and a pl

A split view of a website showing a desktop version on the left and a mobile version on the right. The website is for a financial service offering various accounts and cash bonuses, featuring images of a woman on a swing looking at her phone and a playground scene with children.

Comparison of a website's special offers page and its modal popup for opening a checking account, featuring offers for earning cash back, bonus cash, and interest rates.

Comparison of a website's special offers page and its modal popup for opening a checking account, featuring offers for earning cash back, bonus cash, and interest rates.

High-fidelity mockups of a financial website displaying special offers, mobile version, special offer modal, and application page.

High-fidelity mockups of a financial website displaying special offers, mobile version, special offer modal, and application page.

Blue text on a dark blue background reading 'CONCLUSION'.

Blue text on a dark blue background reading 'CONCLUSION'.

Slide showing a website's navigation menu with an highlights section labeled 'Special Offers' and a recommendation to add a special offers button for easier access.

Slide showing a website's navigation menu with an highlights section labeled 'Special Offers' and a recommendation to add a special offers button for easier access.

Slide from presentation showing a web page layout with different offers, combining two offer pages into one for better user engagement, featuring images, text, and navigation elements.

Slide from presentation showing a web page layout with different offers, combining two offer pages into one for better user engagement, featuring images, text, and navigation elements.

Matt Flanagan

Toronto, Ontario

mjsflanagan@gmail.com
(647)881-3089

Follow

LinkedIn
Instagram