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 In the discovery phase, we are looking at a challenge from a high level perspective. It is important to have a clearly defined business model / product proposition in order to identify user segments and personas. We want to make sure to consider business objectives, as well as any potential limitations and opportunities.
  • Definition After we understand who our users are and what they need, we can define narratives, information architecture and workflows. A low-fidelity prototype might be used as proof of concept and test initial ideas quickly.
  • Development As we move down into higher fidelity, we can focus on detailed interaction, transitions, look & feel. How do we organise data and use visual elements to communicate to the user what we want them to do?
  • Delivery The final implementation might be...
    • A paper or flat design click-through prototype
    • An demonstration video showing detailed interactions and flows
    • A high fidelity interactive prototype
    • A full working website or app
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

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 applications for 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

I believe creating demo videos and prototypes are essential to a digital project. They can be used to present ideas, conduct user testing or serve as deliverables to external development teams. I create prototypes ranging from low to high fidelity.

  • Paper prototypes
  • Photoshop animations
  • After Effects demo videos
  • Click-through prototypes
  • Responsive Axure prototypes (example)
  • High-fi HTML / JS prototypes
margin: 0px 0 13px 0
font-size: 14px
line-height: 17px
padding: 0 0 0 10px