A case study in developing a responsive web design for a naturopathic doctor

Mock up of the Home Page for Dr. Kathleen Mahannah

Team

UI: Vivian Lin
UX: Crystal Chow, Maheen Kamani, Ali Saai

Role

UI Designer, Product Owner (Scrum Methodology)

Task

Working in tandem with UX designers, create a responsive web design for Dr. Kathleen Mahannah, a naturopathic doctor located in North Vancouver, Canada. In addition, rebrand Dr. Kat with a fresh, new look that…


A case study in developing a cohesive UI identity for a first-of-a-kind mobile app

Isometric view of Explore, Onboarding and Profile screens for the GNO app

Team

UI: Nicole (Neeko) Colada, Vivian Lin
UX: Kevin Tam, Ali Saai

Role

UI Designer, Product Owner (Scrum Methodology)

Task

Working with UX designers, create an engaging mobile app for Good Night Out (GNO), an independent worldwide campaign that works with clubs, bars, pubs and venues to deal with, tackle and prevent harassment…


A case study in developing a cohesive UI identity

Login screen for Grub Club

Team

Mark Collins & Vivian Lin

Task

In a team, create two engaging, impactful and well-designed UI libraries/art directions, and apply to the supplied wireframes, research and information of Grub Club and its target audience. Each team member is responsible for one art direction.

Mark: Project Link
Vivian: Project Link

Tools

Pencil sketching…


A case study of websites that use colour to create beautiful, lasting impressions

The world is a colourful place.

And it is because of colour that the world, is the world as we know it — lively, bright, magical, filled to the brim.

Particularly in design, colour is used for emphasis; colour evokes emotions and it is with only with emotion, that good…


A case study of how a geometric sans-serif can be the definition of ‘versatility’

First page break of my typographic specimen — “Verlag, the Versatile Modernist

Task

Create a well-structured and designed web desktop landing page that is optimized for conversion and showcases Verlag in usage and application, so that designers and developers will buy the font for personal/project usage.

Tools

Pencil sketching, Adobe Photoshop, InVision

The Typeface

Verlag is a geometric sans-serif originally designed to represent a range of…


A case study of websites that use typography to create lasting impact for its viewers

Everything is designed. Few things are designed well . — Brian Reed

Everything in the world is designed.

From the buildings we shelter ourselves in, to the potlucks we find ourselves partaking, and to the quiet comfort of park trails we find ourselves walking through — our world, our culture…

Vivian Lin

Product & Service Designer | Experience Designer @EA | www.vivianhhlin.com

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store