Whiteboard wireframing sketches & notes facilitates accessible and interactive product discussion
High level wireframe evolved from sketch & interactive paper maquette
![](https://cdn.myportfolio.com/3022648ac0a9901e6cadc01b26fa0efc/a4ad75fe-a520-49e7-a3a8-edc8aa597b5a_rw_1920.jpg?h=e566ae5648fd5833eb17710fcf37924f)
High level wireframe evolved from sketch & interactive paper maquette
![](https://cdn.myportfolio.com/3022648ac0a9901e6cadc01b26fa0efc/79704473-50fb-4848-978b-1370cc40fa10_rw_3840.png?h=222305fcf8a79c4af2a27c3acc951f54)
Wireframe depicting an entire set of SaaS application's palette states
![](https://cdn.myportfolio.com/3022648ac0a9901e6cadc01b26fa0efc/fd7a90cf-ffd8-4fea-8074-8667baf932b8_rw_1920.png?h=5ffcb198dd771d67e77dc74175b36127)
Wireframe of screen states
![](https://cdn.myportfolio.com/3022648ac0a9901e6cadc01b26fa0efc/22c0ee22-a76d-4764-99fa-d892c4ad2f03_rw_1920.png?h=de603b824f7766f797f304371196636f)
Wireframe example
![](https://cdn.myportfolio.com/3022648ac0a9901e6cadc01b26fa0efc/036adf34-ca5a-4c2e-8e03-cad9af3a270b_rw_1920.png?h=fa166422dd68d3984f302672dab356a0)
Wireframes communicating UX copywriting in context
![](https://cdn.myportfolio.com/3022648ac0a9901e6cadc01b26fa0efc/5f447dc2-c3e7-461a-82db-b5004e2cf3c1_rw_1920.png?h=e374402f481791d75c7cc26563811653)
Rapid, simply rendered wireframes used to accompany single Agile tasks or cards
![](https://cdn.myportfolio.com/3022648ac0a9901e6cadc01b26fa0efc/656e34b8-00a1-4d2e-b325-e521bad65065_rw_1920.png?h=1e01069dbb6d91c4b422ac9d3b40ce05)
Wireframe template's Annotation Column used for additional, contextual interaction design instruction
![](https://cdn.myportfolio.com/3022648ac0a9901e6cadc01b26fa0efc/8279c7ab-f6dc-4b2b-8534-dc5e4016ab60_rw_1920.png?h=94ed48728d029038523eaab35e71a821)
Multiple cursors show useful detail: expanded tooltips illustrate differentiating product elements
![](https://cdn.myportfolio.com/3022648ac0a9901e6cadc01b26fa0efc/5b3d27b4-79e4-4555-8c50-6a88647ea233_rw_1920.png?h=94b9ec16cb3fa7eec20bb2f43946cff2)
Journey-point context Annotations clarify a modal dialogue's place in the user journey
![](https://cdn.myportfolio.com/3022648ac0a9901e6cadc01b26fa0efc/1ac31c96-1817-4a66-bf90-b9b09652238a_rw_1920.png?h=7c34796b8f9baa7a1f353e9aca43b2c8)
Wireframe coversheet to place IA artifacts in context and caveats
![](https://cdn.myportfolio.com/3022648ac0a9901e6cadc01b26fa0efc/7c9f77c2-42a3-4967-aecb-969863f7c1bd_rw_1920.png?h=a0869ddaae7ed5744bf6a27ff5fe10d0)
Illustrating how commercial users gather and exchange information
![](https://cdn.myportfolio.com/3022648ac0a9901e6cadc01b26fa0efc/5cc6bb2d-fa52-4d61-adb9-33e090c367ae_rw_3840.jpg?h=39b5aa46da40bfadca889dc508a3dc14)
Stakeholder influence of UX: Rainbow Spreadsheet to assist a company founder stakeholder evaluate product directions by illustrating the value to users of competing options
![](https://cdn.myportfolio.com/3022648ac0a9901e6cadc01b26fa0efc/cd17f156-c826-46fb-b8c4-04b84a762dc2_rw_1920.jpg?h=22b2dc5acab23b3da9fd4030b014bd86)
IA Blueprint to illustrate vestigal screens and highlight needless complexity of an experience
![](https://cdn.myportfolio.com/3022648ac0a9901e6cadc01b26fa0efc/d3472a44-3f86-4160-a70f-7d9a9ececbd0_rw_1920.png?h=70cc334d67942ac774bcccacb5856dfc)
Interaction design guidelines technical architecture
![](https://cdn.myportfolio.com/3022648ac0a9901e6cadc01b26fa0efc/1888dec6-23bb-46cf-952f-2320a22c3905_rw_1920.png?h=f9345a916480140ddcdc5167aee49518)
Customer experience map - single journey
![](https://cdn.myportfolio.com/3022648ac0a9901e6cadc01b26fa0efc/785826b0-c377-40be-bcb8-d331f31d3ec8_rw_3840.png?h=002a234b74cd941835dcd1b7c41e849f)
User sign-up journey
![](https://cdn.myportfolio.com/3022648ac0a9901e6cadc01b26fa0efc/9d60a2ec-844e-479b-a365-fbca3e754ba2_rw_1920.png?h=bbb3bb2294937bbf96de97721481294b)
Diagram communcating the flow of valuable user behaviour
![](https://cdn.myportfolio.com/3022648ac0a9901e6cadc01b26fa0efc/118deaee-305e-4946-b398-fbf2203120f7_rw_1200.jpg?h=acad3483e8e401b4f5e1ba055b70787d)
SaaS application architectural blueprint
![](https://cdn.myportfolio.com/3022648ac0a9901e6cadc01b26fa0efc/698e3226-3f0b-43de-81bd-6405798c33fb_rw_1920.png?h=0c126442dbf8beaab75773b1b98abcc9)
Information architecture modelling
![](https://cdn.myportfolio.com/3022648ac0a9901e6cadc01b26fa0efc/4ed98508-cf1d-48e5-ba52-ba790b2902fe_rw_1200.png?h=10678a60369846a8b157102af87fb303)