About

see my profile


  • Raymond Wong

    Dedicated to User Centered Experience

    Raymond Wong

    Interaction Designer

    I have worked over 17+ years as an interaction designer, specializing in technology framework UX design. My experience includes wireframing, high fidelity prototyping, documentation of design UI standards/best practices, and usability testing for web-based apps in desktop, tablet and mobile platforms.

    I have also done commercial graphic design, specializing in promotional advertisements, corporate branding and web design.


For Further Interest

Please view my resume or contact me. Thanks for your time.

Skills

see my capabilities

  • Graphics and Web

    Photoshop 100%
    Illustrator 100%
    Sketch 80%
  • UX/Visual Design

    Web App UX 100%
    Mobile UX 80%
    Visual Design 80%
  • Programming

    HTML 80%
    CSS 80%
    Javascript 70%
  • Prototyping

    Principle 85%
    Sketch 85%
    Invision 70%
  • Wireframing

    Illustrator 100%
    Sketch 85%
    Invision 70%

Professional Skills

Extensive knowledge in the UI web development of B2B/B2C enterprise, learning, and marketing platforms • Over 17 years of multi-faceted experience in key areas of UI design, such as creating wireframes, prototyping, visual design and documentation • In-depth understanding of general interaction design trends and differences between mobile and desktop platforms • Extensive knowledge of UI standards development and processes • Strong collaboration, communication, and project management skills • Ability to take independent responsibility for projects and deadlines, and adapt in a fast-paced dynamic environment

Language Fluency

Cantonese 100%
Mandarin 100%
Japanese 50%
English 100%

For Further Interest

Please view my resume or contact me. Thanks for your time.

folio

see my designs

My works include a number of interaction, graphic and web design projects. I also follow a collaborative, iterative user-centered design process in working with various project stakeholders. My deliverables typically consists of conceptual wireframes, prototypes for usability testing, interaction specifications and usage guidelines.

Responsive Design+

Prototyping

2014

Client Type: Networking Products and Services

Developed interactive prototypes that demonstrate the responsive UI behavior of the company’s web-based collaboration suite. Three resolution screen sizes targeting specic devices were produced: High Resolution (e.g. desktop), Medium Resolution (e.g. tablets), and Low Reolution (e.g. smartphones).

Web Visual Design+

Web Visual Design

2015

Client Type: Networking Products and Services

Developed UI screens for its new application suite that give an updated and visually attractive makeover to its existing look. The goal is to define a product identity that brings broad appeal to its customer base as well as new customers, in terms of quality, simplicity and functionality.

Task Flows+

Task Flows

2016

Client Type: Networking Products and Services

Developed high-level UI task flows and experience mapping for key features such as content licensing and subscriptions, to be used for high-fidelity wireframes in final UI design

CASE STUDY

SmartWatch Concepts+

SmartWatch Concepts

2014

Client Type: N/A

A set of early smartwatch concepts. The driving design requirement with these concepts was to conform the UI to traditional watch form factors and styles, while keep the UI as intuitive and usable as possible.

Grid Templates+

Grid Templates

2015

Client Type: Networking Products and Services

Designed grid templates for various page types as part of the branding style guide, to maintain visual consistency across the platform.

Corporate Icons+

Corporate Icons

2016

Client Type: Networking Products and Services

This set of icons were developed for the company's branding library, and were adopted in a number of web and mobile applications.

SAMPLES

Branding Style Guides+

Branding Style Guide

2017

Client Type: Networking Products and Services

Led the development of the branding style guide that defines the visuals, interaction, and text content that is used across the user interfaces of the platform.

Mouseworks, Inc.+

Mouseworks, Inc.

2011

Client Type: Computer peripherals Company

Logo design consists of a combination of the "!", ">" and "<" symbols, which form the facial elements of a literal mouse, along with multiple circular shapes and the "%", to round out its eyes and the rest of the body.

Components+

UI Mobile Design

2018

Client Type: Computers/Consumer Tech Company

Redesigned the organization's native iOS reporting tool for BI and sales reporting, to optimize its data display and enabling customization based on the end user's role.

CASE STUDY

Isushi Logo+

Isushi Sake Bar

2011

Client Type: Japanese Cuisine Restaurant

This logo was developed around the dot-com boom era, and its branding was built on the theme of the emerging popularity of the web, with the intent of attracting young, web-saavy customers.

UI Centered Design Process+

User Centered Design Process

2002-2013

Adopted a user-centered design process that begins with understanding UX requirements, use cases, and task scenarios, followed by developing conceptual wireframes to visualize problem and solution and to solicit stakeholder feedback. The step is iterated until a design is formalized, which then moves to prototyping and user testing stage before it is passed onto development.

CASE STUDY

Wireframing+

Wireframing

2014

Client Type: Networking Products and Services

Created wireframes that demonstrated UI feature behaviors, usability task flows, and supporting illustrations for spec documentation. Example shown is a wireframe that demonstrates the tagging feature used for content management.

CASE STUDY

Career Connex+

Web Visual Design

July 20,2014

Client Type: Networking Products and Services

Created design to its home page. The theme centralized on mobile and social aspects of career networking, primarily younger, more tech-saavy consumers.

Wireframes+

Data Visualization

2016

Client Type: Networking Products and Services

Analytics can provide information to help stakeholders make educated changes to a web site based on actual data, as opposed to hypothesized ideas based on opinions. They are also extremely important in helping to determine which promotion techniques work well for the site. Example shown is a wireframe that leverages data visualization functionality for a Reports UI that I've designed.

Web Visual Design+

Web Visual Design

2014

Client Type: Networking Products and Services

This was a visual makeover of an existing web-based collaborative application suite.
The product needs a visual update to keep up with existing web design trends, and its visual layout and style has been modernized to provide an optimial, enriched experience for desktop, tablet and mobile devices.

Sushi Planet Restaurant+

Web Site Design

May 18, 2006

Client Type: Japanese Cuisine Restaurant

This web site was developed on the theme of "hip, fun and socially connected", with the intent of attracting young, web-saavy customers. A planetary theme was chosen, and used as a framework to integrate the visual elements, such as the navigation menu.

Interaction Design+

Interaction Design

2017

Client Type: Networking Products and Services

Developed a visually compelling solution that engages users to explore knowledge, people and contents in their platform. Users can perform important actions such as viewing their social connections and comparing their skill sets with those within their organization.

CASE STUDY

Technical Writing+

Technical Writing

2002-2013

Client Type: Enterprise Software Company

Extensive experience in documenting interaction design specifications and guidelines for framework components. Work involved, but not limited to, the creation of supporting wireframe assets, behavior and heuristic specifications, as well as feature/component usage best practices.

For Further Interest

Please view my resume or contact me. Thanks for your time.

Contact

how to reach me

Location

Union City, California
650.866.5760
raywongrw@gmail.com

Social Links