SFU Alumni Appreciation Website

User Interface Designer

The SFU Alumni Appreciation website allows the university community to submit tributes for Simon Fraser University alumni and organizes these profiles into a categorized database of stories and acknowledgement for alumni. Each profile is categorized and linked to other alumni profiles who are in the same field or year of graudation. Kirsten managed the UX and UI design for the SFU Alumni Appreciation website. Front-end design was constructed in CSS3, HTML and Javascript.

View Website >

---

Responsive Design

The website is also responsive for various platforms and has a customized interface for mobile and tablet devices.

---

User input

The site allows users to upload information in an online form, and then displays a database of profiles, including various search and organizing tools for categorizing profile views.

---

Interactive map

Each profile is attached to a google map to show where the alumni is making a difference in the world.

---

Dynamic Timeline

Users can categorize profiles by year, and scroll through a timeline of graduates.

Close

Scribjab iPad App

Project Manager & User Experience Designer

For this website and iPad application, Kirsten was in charge of the overall look and feel, UX / UI design, working with developers for both web and ipad, and overseeing the production of the project from conception to completion.

---

Features

---

Read and Browse Books

ScribJab is a multilingual website and iPad application for children to read each others digital stories in many different languages.

---

Create stories

In this iPad application children can create digital books in two different languages, draw pictures, write their stories, and record an audio recording in each language.

---

Design Process

Storyboards for each process were developed and ran through user testing before final designs were implemented.

---

Awards

2014 Horizon Interactive Awards – Gold, Education Mobile/Apps category for Scribjab iPad app.

Close

Investigating Forensics

User Interface Designer

Investigating Forensics website was built for the Virtual Museum of Canada as a fictional case study for students to go through the forensics process of discovering evidence, analyzing data, and identifying the victim.

---

Features

Interactive 360 Space - The website has an interactive space for users to find the burial site and collect evidence.

---

Educational Games - The website teaches students the forensics process through educational games that outline each stage of the forensics process.

---

Flow of information - Each section includes an informational page and an educational activity.

---

Consistent Design - All activities have consistent instructions page which coincides with the game interface page.

---

Awards

2012 Webby Awards - Webby Honoree in the Science category for Investigating Forensics website.

2012 Canadian Network for Innovation in Education (CNIE/RCIE) Media Festival - Award of Excellence in the Innovation in Graphic or Web Design category for Investigating Forensics website.

2012 Horizon Interactive Awards – Best in Category, Training/Instructional category for Investigating Forensics website.

2012 Horizon Interactive Awards – Silver - School/University category for Investigating Forensics website.

2012 Japan Prize finalist – in the Youth category for Investigating Forensics website.

Close

ClearBoard app prototype

User Experience Designer

ClearBoard is an app prototype created as part of the UX program at Red Academy. ClearBoard is an activity based learning system that connects students mobiles or tablets to the teachers digital lessons the classroom.

---

Concept

Teacher sets up lessons ahead of time and students connect through their devices during class.

The system follows a flow that benefit both teachers and students through the process.

---

Process

The process included paper prototyping, wireframes and high fidelity Mockups, with rounds of user testing throughout the process.

---

Close

SFU Marketing Websites

Communication Designer

Websites, email invitations and online presentations for external audiences of Simon Fraser University.

---

SFU Fast-Facts Website

This scrolling website includes animations and embedded full screen videos to showcase an overview of Simon Fraser University

SFU Fast-Facts website

-->

---

Presentation Website

This animated presentation website was designed to showcase SFU campaigns

---

SFU Woodwards Website

The SFU Woodwards website promotes various events and ticketed shows for the public and downtown community. This website is organized in AEM system, and designed with CSS.

---

SFU Galleries Website

The SFU Galleries website promotes gallery exhibits in the various galleries at SFU. This website is organized in AEM system and designed with CSS.

Close

TouchCounts iPad App

Interface & Graphic Design

TouchCounts is an iPad application for children to intuitively learn to count, add, and subtract through multiple point touch.

TouchCounts App >

Close

Chinese Canadian Stories Websites

Graphic & Interface Designer

The Chinese Canadian Stories website promotes collecting, digital archiving, accessing and distributing information about Chinese Canadian history.

---

Pages from the Past: Golden Opportunties
Educational Game

The website includes an online game: 'Pages from the Past: Golden Opportunities' for students to learn about the life and choices during the time of the Headtax.

---

From C to C:
Chinese Canadian Stories of Migration Website

From C to C website was built to coincide with the documentary and learning package about the Chinese Headtax in Canada.

---

Awards

2012 Horizon Interactive Awards – Best in Category, Government Agency category for From C to C website.

2012 Horizon Interactive Awards – Gold, Training/Instructional category for From C to C website.

Close

SFU Website Templates

Interface Design & Front-end Development

Designed a modular interface that includes dynamic elements for Simon Fraser University's CMS template

SFU Vancouver website

Close