Case study: ScreenShooter

Senior UX Designer2017-2018

Introduction

Barcelona based web design company Profitable Web Projects started the ScreenShooter project in 2017. The team identified the need to visually QA web pages on growing numbers of environments.

Problem statement

As part of the web design QA process, web designers need to check web pages on many browsers, devices and resolutions. This can lead to compromises which directly affect the quality of the product these companies can produce.

Process

Strategy

Method

  • Client interviews

Artifacts

  • Vision statement

Research

Method

  • Interviews with web design agencies
  • Competitive Analysis

Artifacts

  • Question/answer cards
  • Competitive Analysis report

Analysis

Method

  • UX Workshops

Artifacts

  • Infinity map (goals)
  • Personas
  • Experience maps

Design

Method

  • Brainstorming (Ideation)
  • Lean UX workshops (Agile focused)

Artifacts

  • Sketches
  • Users stories
  • Content architecture
  • Flow diagrams
  • Prototyping

Prototyping

Method and artifacts

  • Axure prototype
  • Requirement documentation

Development / QA

Manage requirements implementation

Evaluation

Method

  • Usability testing
  • KPI analysis
  • Engagement data

Artifacts

  • Usability report
  • Data summary report

Teams and roles set-up

  • Founder
  • Full-stack developer
  • Backend developer
  • Frontend developer

The company follows the agile methodology with sprints. Care was taken to combine UX methodologies like Lean and merged that into the agile development lifecycle.

Involvement

Senior UX Designer

The strategy stage started in 2017 with a workshop to bring together the beliefs and visions of key stakeholders.

The project is still ongoing and in the development stage. I continue to take an active role in problem solving and front-end development.