150px
170px
55px
60px
Kat
border: 10px solid #FFF

My name is Kat and I am a UX / Interaction Designer based in London. I create functional and innovative digital products through an agile process, considering all aspects of human centred design.

font size: 24px
color: #000
line-height: 30px
60px
connect on LinkedIn email me
width: 230px
margin: 0 30px
font-size: 16px
color: #FFF

Approach

20px
border: 1px solid #000
font-size: 14px
color: #FFF
padding: 0 5px

Approach

My multidisciplinary background enables me to consider all angles of a user-centred design process, working with an iterative and agile approach.

I am passionate about my work and strive to create deliverables that are tailored to the project. Every project is unique and the choice of tools depends on the challenges we are given.

  • Discovery Workshops with the client help to clarify business objectives gather high level requirements, define rough personas and general user needs. Quick sketching and idea generation methods aid this process.
  • Definition User stories help to define narratives, information architecture and flows to then produce detailed sketches / wireframes. A low-fidelity prototype might be used as proof of concept and test initial ideas quickly.
  • Development Moving down into higher fidelity, we focus on detailed UI & interaction design, look & feel. How we organise data, approach it technically and visually communicate to the user what we want them to do.
  • Delivery Ideally using agile methologies, we deliver minimal viable products or hifi prototypes, then user test to validate and refine. Digital styleguides help to create a contsistent language and patterns.
font-size: 16px
line-height: 20px
color: #000
margin: 0px 0px 10px
font-size: 24px
line-height: 30px
color: #000
margin: 0px 0px 17px
font-size: 20px
line-height: 30px
color: #000
margin: 0px 0px 10px 30px
Approach
400px
400px

Tools & Techniques

Most deliverables are created using Adobe CC software, Keynote, Omnigraffle, Axure or a HTML editor. I enjoy working closely with all stakeholders and users to ensure the best possible outcome.

font-size: 16px
line-height: 20px
color: #000
margin: 0px 0px 10px
font-size: 24px
line-height: 30px
color: #000
margin: 0px 0px 17px
  • Sketches / mock-ups
  • Audits & content inventory
  • Sitemaps
  • Interaction concepts
margin: 0px 0 13px 0
font-size: 14px
line-height: 17px
padding: 0 0 0 10px
  • Personas & user scenarios
  • User journeys & wireframes
  • Functional requirements
  • Styleguides / UI library
margin: 0px 0 13px 0
font-size: 14px
line-height: 17px
padding: 0 0 0 10px

Case Studies

20px
border: 1px solid #000
font-size: 14px
color: #FFF
padding: 0 5px

Clients & Brands

20px
border: 1px solid #000
font-size: 14px
color: #FFF
padding: 0 5px
Clients Clients Clients Clients Clients Clients Clients

With over eight years industry experience, I have worked within agencies, small teams or directly for clients creating a variety of digital products including mobile apps, e-commerce, and e-learning applicationsfor industries ranging from fashion, music, culture, retail and finance.

font-size: 16px
line-height: 20px
color: #000
margin: 0px 0px 10px

Skills & Deliverables

20px
border: 1px solid #000
font-size: 14px
color: #FFF
padding: 0 5px
Ideation
220px
font-size: 24px
line-height: 30px
color: #000
margin: 0px 0px 17px
font-size: 16px
line-height: 20px
color: #000
margin: 0px 0px 10px

Ideation

I can help you to clearly define a creative brief for your project and develop a phased approach. Once the challenges are established, we move into idea generation and concept design. Close collaboration with users through interviews and testing will help to validate ideas in early stages.

  • Idea generation workshops
  • User & stakeholder interviews
  • User testing
  • Project & stakeholder management
  • Product management & team coordination
margin: 0px 0 13px 0
font-size: 14px
line-height: 17px
padding: 0 0 0 10px
Interaction / UI Design
220px
font-size: 24px
line-height: 30px
color: #000
margin: 0px 0px 17px
font-size: 16px
line-height: 20px
color: #000
margin: 0px 0px 10px

Interaction & UI Design

The goal is to use interaction and visuals to help the user quickly understand the system.

  • Consistent design elements & interaction patterns
  • Clear information & visual hierarchy
  • Consistent labelling & way-finding
  • Adhering to usability & accessibility guidelines
  • Considering branding & design directions
  • Considering technical implementation (hand-coding skills, understanding of backend & database structures)
  • Simplicity.
margin: 0px 0 13px 0
font-size: 14px
line-height: 17px
padding: 0 0 0 10px
Prototyping
220px
font-size: 24px
line-height: 30px
color: #000
margin: 0px 0px 17px
font-size: 16px
line-height: 20px
color: #000
margin: 0px 0px 10px

Prototyping

  • High-fi HTML / JS prototypes
  • Proto.io / Finto prototypes
  • Photoshop animations
  • Axure prototypes (example)
  • Paper prototypes
margin: 0px 0 13px 0
font-size: 14px
line-height: 17px
padding: 0 0 0 10px