Sarah Jee Watson
seal-mask

Sarah Jee Watson

Techdegree Graduate

Fremantle, Perth
Open to Work

www.getwiththebrand.com.au

28,197

Total Points

Points are earned whenever you take an important action on Treehouse.
Learn more about when and how points are earned.

Skills & Experience

  • Company

    Get With The Brand

  • Job Title

    UI Designer / UX Consultant

  • Spoken Languages

    • English

320 Achievements

  • What is Usability?
  • Rehearsal and Delivery
  • Creating and Refining
  • Preparing to Present
  • Putting It All Together
  • Embracing the Process
  • Curating the Work
  • Portfolio Goals
  • Demystifying the Portfolio
  • Quantitative Methods
  • Usability Studies
  • Measuring Your Designs
  • Qualitative Studies
  • Hooking Into WordPress Plugins
  • Action Functions in WordPress
  • Filter Functions in WordPress
  • Protecting and Sharing Your Work
  • Implementing UX Content
  • Creating UX Content
  • UX Content Attributes
  • UX Content Basics
  • Applying IA
  • Evaluating IA
  • Main Principles
  • What is Information Architecture?
  • 1st Techdegree Peer Review
  • Final Project: Create a Typographic Site
  • Laying Out Type for the Web
  • Basic Web Typography
  • How to Choose and Use Webfonts
  • Hello, Photoshop!
  • Create a Banner Ad
  • Digital Media Basics
  • The Design Solution
  • The Design Problem
  • Design Principles
  • What is Product Design?
  • Persuasive Patterns
  • UI Patterns
  • Designing with Patterns
  • Exploration
  • Discovery
  • Introduction to Typography
  • Team Collaboration in Figma
  • Prototyping Designs in Figma
  • Introducing Figma
  • Interactivity in Adobe XD
  • Prototyping Designs in Adobe XD
  • Introducing Adobe XD
  • Making sense of it all
  •  Learning activity: Interviewing
  • Learning activity: Field Observation
  • Learning activity: Experience Sampling
  • Finding participants for your learning activity
  • How to Make Wireframes in Adobe XD
  • How to Make Wireframes in Sketch
  • How to Make Wireframes in Balsamiq
  • How to Make Wireframes on Paper
  • What is Wireframing?
  • Planning Your Users’ Journey
  • Strategy: Determining Goals for your Product
  • Understanding Our Users
  • Intro to User Experience (UX) Design
  • How to Critique Design
  • Telling the Story
  • Designing for Your User’s "To-be"
  • Understanding your User’s “As-is” Scenario
  • Becoming Acquainted with Your User
  • Becoming a Design Thinker
  • Using Slack Effectively
  • Introducing Slack for the Techdegree
  • An Overview of Hooks in WordPress
  • Getting the REST You Need
  • Planning for Performance
  • Getting Started with Sass
  • Setting Up WooCommerce
  • Introduction to Ecommerce with WordPress
  • Using a jQuery Carousel
  • Add a Sticky Navigation Bar
  • Introducing jQuery Plugins
  • Creating a Simple Drawing Application
  • Creating a Password Confirmation Form
  • Creating a Mobile Drop Down Menu
  • Creating a Simple Lightbox
  • Art Direction with the Picture Element
  • Image Delivery with Srcset and Sizes
  • Why Version Control Matters
  • Custom Menu Fields in WordPress
  • An Overview of Menus in WordPress
  • WordPress Admin Settings
  • Custom Dashboard Widgets
  • Controlling Admin Navigation
  • Customizing the Login Screen
  • Admin Color Schemes
  • The Staging Server
  •  Child Themes
  • Discovery
  • Chrome DevTools Basics
  • WordPress Admin Settings
  • WordPress Plugins
  • WordPress Themes
  • The WordPress Customizer
  • Managing Media in WordPress
  • Managing Content in WordPress
  • Getting Started with WordPress
  • Debugging, Best Practices, and Production
  • Refactoring with Sass
  • Installing Sass and Setting up the Project
  • Keyframe and Line Drawing Animations
  • Transitions and Transforms
  • Workflow Basics
  • Slices & Save for Web
  • Vector Shapes
  • Type Tools
  • Building a Layout with Flexbox
  • Flexbox Properties
  • Understanding Flexbox
  • A Template Hierarchy Review
  • Media Templates in WordPress
  • Custom Post Type Templates
  • WordPress User Roles
  • SEO Plugins for WordPress
  • Enhancing the SEO of a WordPress Theme
  • Content Comes First
  • Customizing the User Experience in WordPress
  • Default User Roles in WordPress
  • Positioning Page Content
  • CSS Layout Project
  • Masks Basics
  • Page Layout with the Float Property
  • Controlling Layout with CSS Display Modes
  • Getting Started with CSS Layout
  • Save for the Web
  • Adding Images and a Mockup
  • Logo Design
  • Creating a Wireframe
  • Introducing Adobe Illustrator
  • Overview of the WordPress Customizer
  • An Overview of User Roles and Fields
  • Create Bootstrap Styled Theme Templates
  • Setup a Bootstrap Theme
  • The Local Development Environment
  • How to Install WordPress on Your Computer
  • Prototyping With Bootstrap
  • Licensing
  • Fair Use and Public Domain
  • Getting Started with Copyright
  • Creating a Spoiler Revealer
  • Introduction to jQuery
  • Selecting Elements and Adding Events with JavaScript
  • JavaScript and the DOM
  • JavaScript Objects
  • JavaScript Arrays
  • JavaScript Loops
  • JavaScript Functions
  • JavaScript Conditional Statements
  • JavaScript Numbers
  • JavaScript Variables
  • Introducing JavaScript
  • PHP Objects and Classes
  • PHP Internal Functions
  • PHP Returns & Closures
  • Layer Basics
  • PHP Functions Basics
  • Structuring Tables
  • PHP Loops
  • PHP Conditionals
  • PHP Datatypes
  • Table Basics
  • Workspace Basics
  • Grid Layout
  • Flexbox Layout
  • Positioning Schemes
  • Float Layout
  • Display Modes
  • Advanced Selectors
  • PHP Data & Structure
  • PHP Getting Started
  • Custom Post Type Templates
  • Building Out WordPress Navigation
  • Building Page Templates in WordPress
  • The WordPress Loop
  • WordPress Header and Footer Templates
  • More Advanced PHP for WordPress
  • PHP Basics for WordPress
  • Introduction to PHP for WordPress
  • Going Further with Attribute Selectors and Pseudo-Classes
  • Selectors - Beyond the Basics
  • Working with CSS and JS in WordPress Themes
  • Starting a WordPress Theme
  • Archive Templates in WordPress
  • Page and Post Templates in WordPress
  • Homepage Templates in WordPress
  • Solving an Important Problem
  • Responsive Patterns
  • Media Queries
  • Responsive Theory
  • Fundamental Concepts
  • Designing with the Latest Features
  • Basic Layout
  • Understanding Values and Units
  • Getting Started with CSS
  • The Box Model
  • Basic Selectors
  • Local WordPress Development
  • Creating an SVG
  • Introduction to SVG
  • Moving Forward with UX
  • Tools UXers Use
  • Debugging HTML and CSS Problems
  • How UXers Think
  • What Do User Experience Designers Do?
  • What is User Experience (UX)?
  • Sharing a Website
  • Responsive Web Design and Testing
  • The Genesis Marketplace
  • Configuring a Genesis Child Theme
  • An Overview of the Genesis Framework
  • An Overview of WordPress Frameworks
  • Core WordPress Theme Files
  • How WordPress Templates Work
  • Finalizing the Project
  • Case Studies and Examples
  • The Brand Identity Design Process
  • Adding a Contact Form
  • Choosing Options
  • Organizing Forms
  • Form Basics
  • Creating the Menu and Footer
  • Introduction to Brand Identity
  • Web Apps
  • Pricing and Project Proposals
  • Finding Your First Project
  • Starting a Freelance Career
  • WordPress Plugin Best Practices
  • Widgets and Custom Menus
  • Getting Work Done
  • A Lifestyle Choice
  • Growing Your Business
  • Client Services
  • Sales and Pitching
  • Marketing and Promotion
  • Custom Post Types and Fields
  • Customizing WordPress Themes
  • Better SEO Through Code
  • Better SEO Through Content
  • Introduction to SEO
  • Better SEO Through Tools
  • WordPress Themes
  • Installing Wordpress
  • The WordPress Codex
  • Adding Pages to a Website
  • Styling Web Pages and Navigation
  • Customizing Colors and Fonts
  • CSS: Cascading Style Sheets
  • Creating HTML Content
  • HTML First
  • Beginning HTML and CSS
  • HTML Email Basics
  • Introduction to Front-End Frameworks
  • Websites
  • Introduction
  • The Logo Sprint
  • Logo Design 101
  • WordPress Theme Functions
  • Video Marketing
  • Email Marketing
  • Search Engine Optimization
  • Usability Testing
  • Usability Basics
  • Social Media
  • Moving Around in the Console
  • Design Foundations Final
  • Becoming a Problem Solver
  • Understanding Aesthetics
  • Introduction to Design
  • DNS Basics
  • Graphic Basics
  • Adaptive Design
  • Fluid Foundation
  • Introduction to Responsive Web Design
  • Creating Home Page Assets
  • Applying Effects
  • How to Draw in Illustrator
  •  Adding Color and Type
  • Creating an Icon
  • Introduction to Illustrator
  • Getting Started with PHP
  • WordPress Theme Templates
  • Content Strategy with WordPress
  • Flexbox and Multi-Column Layout
  • Gradients
  • Web Typography
  • Defining the Project
  • Intro to User Experience
  • Color Theory
  • Principles
  • Elements
  • Launching the Website
  • Styling Content
  • Creating a Website Structure
  • Text Editors and HTML
  • Website Basics
  • Getting Started with WordPress
  • Backgrounds and Borders
  • CSS Box Model
  • Text, Fonts, and Lists
  • Values and Units
  • Advanced Selectors
  • Selectors
  • Website Basics
  • Forms
  • Tables
  • Objects
  • Links
  • Lists
  • Text
  • Introduction
  • Newbie
  • Getting Started with CSS