ArtsEarth

I serve on the board of directors for a nonprofit organization that promotes the arts worldwide; ArtsEarth. I built the website using WordPress. It uses a theme that we bought and a plugin called Events Manager. When users click "Post an Event" they are brought to the Login screen and can register an account. Anyone can create an event posting complete with images. Any member of the board has access to approve or deny the event. If the board deems it a "featured event" we place an image on the home page slideshow. All events that are posted can be accessed via the calendar.

I designed the site, modified the theme, and created the logo in four weeks.

Clare and Edo's Wedding

My good friends Clare and Edo got married and I designed a website for the event as a wedding gift. They already knew the colors of the wedding — beige and orange. The colors are very specific and they wanted their web site to match their invitations.

Clare and Edo were extremely easy to work with. Do not always believe the hype regarding working for friends and family. Some are much better to work for than others.

California State University, Long Beach (CSULB)

Division of Administration and Finance

Documenting Usability and Style Guide for the Web Development Center (2 years)

Communicating user centric design objectives and goals to Division leaders, members of the University Web Committee, Staff Council, Office of Government, Legislative and Community Relations, other members of the university faculty and staff (8 years)

Constant, informal, iterative usability testing of various features

Mentoring and guidance for junior members of the Web Development Center on user centric design principles and processes, including, but not limited to, accessibility (8 years)

Participating in periodic accessibility webinars presented by the CSU Accessibility Technology Initiative (2 years)

Rapid Prototyping to upgrade functionality, look and feel (4 years)

Wireframe mockups (low fidelity and high fidelity - 4 years)

Layout and Graphic Design (8 years)

Information Architecture organization (8 years)

Custom imagery, logos, spot graphics, icons and other visual elements (8 years)

Content changes, content consultation, writing content (4 years)

Photography and photo retouching (8 years)

Card Sorting - Focus Group

Planned and executed focus groups using card sorting technique to gather information from users to improve categories for a large number of links

  • Magnetic labels
  • Pencils
  • Pens
  • Whiteboard

Prototype

  • Paper and pencil
  • Photoshop
  • Axure
  • Dreamweaver
  • HTML
  • CSS

Maps

CSULB Campus Maps Home Page

Collaborated with Physical Planning and Facilities Management, responded to user feedback, designed improved page layout to display various maps of campus

  • Illustrator
  • Photoshop
  • Dreamweaver
  • HTML
  • CSS

CSULB Parking Map

Developed a process to place tabular data from Facilities Management into an interactive map, used tooltip on hover and overlay window when clicked

  • Photoshop
  • Illustrator
  • Dreamweaver
  • HTML
  • CSS
  • JavaScript

Enrollment Services

Interface Design, Graphic Design, Icons

  • Photoshop
  • Dreamweaver
  • HTML
  • CSS

MyCSULB

Interface Design, Graphic Design, Animation, CSS Styling for the University Web Portal CMS

  • Photoshop
  • Flash
  • PeopleSoft Enterprise Software
  • Dreamweaver
  • HTML
  • CSS

Staff Council

Rapid Prototyping to upgrade functionality,
look and feel

Low Fidelity Mockups

  • Illustrator

High Fidelity Mockups

  • Photoshop

Production

  • Canon EOS
  • Photoshop
  • Dreamweaver
  • HTML
  • CSS3

Web Development Center

Rapid Prototyping to upgrade functionality,
look and feel

High Fidelity Mockups

Content Creation

Technology Used

  • Photoshop
  • Dreamweaver
  • HTML
  • CSS
  • Flash

Government, Legislative, and Community Relations

Website

High Fidelity Mockup

  • Photoshop
  • Development
  • Dreamweaver
  • HTML
  • CSS

Advocacy @ The Beach Website

High Fidelity Mockup

  • Photoshop

Protoyping, Testing, Development

  • Blackbaud Sphere CMS
  • Dreamweaver
  • HTML
  • CSS

Advocacy @ The Beach Email Blasts

Design, Content Creation, Testing, Development

  • Blackbaud Sphere CMS
  • Photoshop
  • Illustrator
  • Lotus Notes
  • Outlook

SURF (Students Understanding Research Fundamentals)

This was a very exciting project to work on. Two very dedicated professors from CSULB library worked long hours on the content for this very successful educational tool. The site guides freshmen through the research fundamentals in a step-by-step approach, teaching and testing them about how to avoid plagiarism.

The site was specifically designed for Internet Explorer at 1024 x 768.

Design

  • "SURF" logo
  • Themes and logos for each of the four different sections:
    • Organizing and Brainstorming
    • Sources and Searching
    • Thinking and Evaluating
    • Writing and Citing
  • Characters
    • Mizael
    • Amber
    • Lifeguard Jim
    • Dr. Lee
    • Dr. Lynn
  • Icons
  • Button styles
  • Button states
  • Bullet styles

Development

  • Created Dreamweaver Templates for each section.
  • Built pages using table layout structure.
  • Embedded Flash elements that use the same look and feel.

Technology Used

  • Paper and pencil
  • Illustrator
  • HTML
  • Dreamweaver

This website is intended to be viewed in a browser window at 1024 x 768.