Web Design

Tasteful, effective, and aesthetically pleasing are my guiding principles: these websites were crafted for academic, commercial, and non-profit viewers.

P=MD

P=MD

I designed and developed this website to help facilitate communication among our classmates, so we could share notes, swap stories, and conduct polls easily with no B.S. read more→

Preston Ni

Preston Ni


I designed a new logo, book covers, and a website for Preston Ni, a professional communication coach and college instructor.

  • Created in: Illustrator, Photoshop, Emacs.

Sprite's Aquarium

Sprite's Aquarium

Sprite's Aquarium had been the name of my personal website for almost a decade now, but I decided to give that a rest. I feel "Resonance" reflects more of my personality. It refers to a concept in chemistry in which carbon atoms share electrons along bonds in the p orbital to increase the stability of the overall molecule. As the carbon atoms strive for harmony amongst its chemical bonds, so too do I strive for such harmony with human bonds.

Whoa, deep. read more→

Upsilon Pi Epsilon

Upsilon Pi Epsilon

Upsilon Pi Epsilon is the computer science honor society at UC Berkeley. I spearheaded a brand-new redesign and reimplementation of the website, creating both the design and the development. The design was based off the group's needs for areas customized to different levels of users: candidates, members, officers, and the general public. To make the site accessible to everyone, I adhered to XHTML and CSS standards. read more→

Ma's Restaurant

Ma's Restaurant

Ma's Restaurant was the end result of many long weeks of prototyping and database code to serve as a front end to a restaurant menu-ordering and table-reservation system. I primarily directed the site's template system, administered source code control and tools, and kept project management going, seeing it through the entire software design cycle. The website itself was crafted with a flexible two-column XHTML and CSS layout. Much of the back-end was created by Kaisen, Tingting, Nikita, Derek, and Yanting. read more→

Academic Centers

Computer Graphics Group at Berkeley

Computer Graphics Group at Berkeley

I revamped the Graphics Group's website for UC Berkeley's Computer Science department. This was done completely in CSS and XHTML, hand-coded in Emacs, and I took great pains to make sure that it was W3C-validated and had a completely flexible layout for users with large monitors. It uses a very lightweight PHP templating system — not as elaborate as Smarty, but uses many include() tags so that it would provide some flexibility in the coding.

  • Volunteer website for UC Berkeley
  • Completed: Summer 2003

 

The Play website

The Play website

The Play was created under enormous time constraints, so I used rapid web-design techniques in Dreamweaver and Photoshop. One hour was spent quickly coming up with the design. The unfortunate side effect is that browser standards and validation was not a priority.

  • Volunteer website for the UC Berkeley Undergraduate Graphics Group
  • Completed: November 2002 

CS 39J: Art and Science of Photography

CS 39J: Art and Science of Photography

The CS 39J course website was interesting because it was the first time I really worked with one of them — a professor — and a famous one in the computer graphics rounds, no less. I attended the course itself as well. The most challenging aspect was maintenance and upkeep: since this site was static, and the servers (at the time) did not support dynamic PHP content, much of the site was meticulously hand-edited. read more→

DCCentral

DCCentral

Lindsey Devlin and I created DCCentral, an educational site about distributed computing, while in high school. We not only researched and wrote the articles, but created the site's graphics, design, and Flash animations and games. It was a very frantic summer — what made it infinitely more difficult was the fact that all of the HTML was coded by hand. I principally handled illustrations, site design, and photography. This site was designed around 2000, so compatibility with Netscape 4 was critical as folks still used that browser. read more→

Syndicate content

Hi, I'm Steve. I'm a medical student at the University of California, Irvine School of Medicine. I’m interested in visual communication, social networking and interaction design, and neuro/psychiatry.

From the portfolio

Tellme thank you gift SARS Coronavirus Sprite's Aquarium Preston Ni