Web Design

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→

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 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 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 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→

  read more→

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 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 

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→

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→