Here is my portfolio of web design and development work spanning the last 7 years. Only a selected few of my projects have been included here; for more information or further screenshots, please email me.
EECS Personal Website 4.0 This is the newest version of my personal and information website at work. It lists information such as job duties and contact information as well as containing personal information about myself and photos. I was promoted in January and my new website needed to reflect my new position, so I decided to go with a very different design and style. I also had to do some of the image work without the use of Photoshop—the experience built character! VISIT THIS SITE Tools used: Adobe Illustrator, Adobe Photoshop, ArcSoft Photo Studio, Notepad
A&S.com Winter Masthead A splash page for a website I maintain with my husband. VIEW THIS SITE Tools used: Adobe Photoshop, PSPad, Notepad
EECS Personal Website 3.0 This is the newest version of my personal and information website at work. It lists information such as job duties and contact information as well as containing personal information about myself and photos. The layout is generally the same as previous versions of the site, though in this version I have used more graphics, photographs, and augmented my style sheets. VISIT THIS SITE Tools used: Adobe Photoshop, Notepad
Emeritus Faculty Websites, UC Berkeley Electrical Engineering Department
As part of my current full-time position, I serve as administrative support to all of the Emeritus faculty in UC Berkeley's EE department. Part of that duty is to redesign and update websites. For these projects, I took department templates and customized them to fit the Professor's specific needs, while simultaneously updating the CSS, cleaning up and modernizing the code, and using my sense of color and design to make the page more aesthetically pleasing to look at. Tools Used: Photoshop CS2, Notepad
Reena Esmail This is the preliminary design for a website I am designing for New York City-based composer Reena Esmail. The site, when completed, will feature information about Reena, a catalogue of her compositions and completed works, and information about her day job, giving piano lessons. Tools Used: Photoshop CS2, ImageReady CS2, Notepad, TopStyle Lite.
Gift Card Bazaar Holiday Newsletter This is an HTML and CSS email I coded for Gift Card Bazaar in December 2006. Tools used:Notepad, plus tests in Outlook, Yahoo Mail, Thunderbird, Squirrelmail, and Gmail.
Sacred Circles Email Postcard This is an email postcard I designed for Eileen Bradley at Sacred Circles. The graphic postcard advertised Sacred Circles' upcoming holiday sale and dropped at the beginning of November 2006. Tools used: Illustrator CS2, Photoshop CS2.
Triggerfish Marketing This is a website I developed, designed, and coded for the marketing agency my husband and I started in 2006 (Triggerfish Marketing). I am a partner in the agency, but also work as a web designer and copywriter for the agency. Recently a DHTML menu was added to the site, with plans for a flash menu to replace it in the near future.VISIT THIS SITE. Tools used: Notepad, Photoshop CS2, ImageReady CS2, TopStyle Lite.
EECS Personal Website, version 2 This is a simpler version of a website I originally developed for my current job at UC Berkeley's EECS department. It provides visitors with information on what I do, where to find me, and who I am.VISIT THIS SITE. Tools used: Photoshop CS2, Notepad.
EECS personal website This is a website I am developing for my current job at UC Berkeley's EECS department. All staff and faculty are encouraged to have their own websites with information about position, office hours and contact. I am developing this website as a place where I can showcase my design skills as well.VISIT THIS SITE. Tools used: Photoshop CS2, Notepad.
Amber & Scott This is the splash page of a website I am building for my husband Scott and myself, conceptualized and designed in September 2006. It is definitely a work in progress, but I like the way it is coming along so far--my goals are to utilize space and implement color in a professional manner. VISIT THIS SITE. Tools used: Adobe Photoshop CS2, Notepad. Psi Chi National Honor Society in Psychology, University of California, Berkeley While serving as Web Tech officer for UC Berkeley Psi Chi during the spring of 2006, I designed and coded an informational website for the chapter. VISIT THIS SITE. Tools used: Adobe Illustrator and Photoshop CS2, Adobe Homesite, TopStyle Lite, and Notepad.
The Portfolio of Matthew Kent-Stoll This is a website I designed in 2003 for an artist friend of mine who wanted a place to showcase his visual and audio creations. The simple layout was deliberate, giving the art itself dominance in the aesthetics of the site. In addition, I served as photographer and image manipulator for the artwork displayed on the site. VISIT THIS SITE. Tools used: Adobe Photoshop 7, Notepad, Canon Powershot S30 digital camera.
Enigmatic.org This is my previous portfolio at enigmatic.org, coded in 2003 with simplicity and minimalism in mind. I was concentrating more on college at this period of time and wanted this layout to be accessible to anyone on any browser as well as able to stand the test of time, since I knew it would be up for a while. Tools used: Adobe Photoshop 6, Notepad.
Rational Software These two pages are part of a content management system used by Rational Software (once known as Catapulse, now known as IBM) during my time there in early 2001. As an HTML contractor, I converted files from the old content database into the new content management system. Tools used: BBedit, Adobe Homesite, FileMaker Pro 5
Yahoo Inc. I was an HTML Developer and Tech Intern at Yahoo in late 2000-early 2001, a time when the company was preparing to move its Santa Clara office to Sunnyvale. I worked as part of a 5 person team to create this "Welcome to Yahoo" site for new Yahoos (hires), letting them know everything they needed to know to get through their first couple of weeks. In addition, I developed and designed an informational website focusing on the impending move to Sunnyvale; a screenshot can be seen here. Tools used: Adobe Photoshop, Allaire Homesite, Notepad
Savvio.com This is an intranet sight I developed and designed for my first employer in 2000, the now-defunct Priceline competitor Savvio.com. The site kept with the major theme and identity of the company--a yellow airplane against an orange background. This site was only partially implemented before the company went out of business in November 2000. Tools used: Paint Shop Pro, Notepad.
Enigmatic.org A former enigmatic.org portfolio layout, circa 2001. Tools used: Adobe Photoshop, notepad.
Timeformetofly.com A layout for a website I used to maintain at timeformetofly.com. This website was a personal journal at the time (2001). This was one of the first times I played around with more advanced CSS, implementing absolute positioning and external stylesheets. Tools used: Adobe Photoshop, Paint Shop Pro, notepad.
Home