Website Design

Overview

Responsive, mobile-first website design is one of my specialties. My experience encompasses the entire creation process, from conceptualization through final design to markup. I have developed branding elements including fonts, colors, and logo; wireframed sites and furnished visual design; prepared images for responsive display; and coded in HTML and CSS.

I am an adept user of WordPress and have provided training in the system.

For my site, I originated a theme in WordPress using the Bootstrap framework, added functionality in jQuery, exported images for various browser widths, and marked up all pages.

Products and Services

  • Organization and refinement of content
  • Conceptualization
  • Wireframing
  • Typography and font selection
  • Refinement of logo
  • Curation and correction of photos
  • Image optimization for web
  • Creation of stylesheets in CSS
  • Markup of text in HTML
  • Development of functionality in jQuery
  • Utlization of frameworks such as Bootstrap, Flexbox, and Grid
  • Setup and training in WordPress
  • Accessibility*

*I have modified some design examples from their original versions in order to comply with WCAG standards. Significant changes are noted in project descriptions.

Selected Work

Mousebird and Wet Dog Weather

I provided website-design services to two related companies that specialize in data visualization.

Read the case studies:

Homepage of Mousebird Consulting showing top portion of page. Dark-blue header includes logo of mousebird in black and white, and company name and nav in white. Main part of page shows tag line and company description in black, contact button in green, and image of a half globe. Homepage of Wet Dog Weather showing top portion of page. Includes logo in blue and purple, nav in purple, a black-and-white photo of a dog shaking water off, and tagline in white against a blue background.

WordPress Blog

My work in building a blog for an eminent scholar included page setup, design guidance, page editing, and WordPress tutoring.

Hero image for WordPress blog, a close-up of an ancient marble building, showing arches and columns. The author's name and sample tagline are in a black frame in the center. The nav, which is white and light-grey text against a black background, is below.

World Education Services (WES)

I redesigned the existing content of this web tool according to WES’ newly established branding and wireframe; I also gave CSS specs to the developers.

(Note that WES has made changes to the live site since I created these designs.)

See other projects that I completed for WES:

Design for the landing page of World Education Services' iGPA calendar. Includes logo, hero image of a stack of books, buttons to access the tool, and links to other tools, including AccessWES. Design for the welcome page of World Education Services' iGPA calendar. Includes nav for calculator, history, admin, and logout; also includes text fields to enter student name and school. Design for the data-entry page of World Education Services' iGPA calendar. Includes nav for calculator, history, admin, and logout; also includes text fields and radio buttons to enter student information. Design for the calculator page of World Education Services' iGPA calendar. Includes nav for calculator, history, admin, and logout; text fields to enter student's courses, credits, and grades; and a button to calculate GPA. Design for the results page of World Education Services' iGPA calendar. Includes nav for calculator, history, admin, and logout; student's list of courses, credits, home grades, and U.S. equivalent grades; and grading scale. Design for the history page of World Education Services' iGPA calendar. Includes active nav for history with dropdown for activity log and billing history, and list of students, dates, and GPAs. Design for the admin page of World Education Services' iGPA calendar. Includes active nav for admin; list of users, email addresses, user types, and deletion link; and text fields to create a new user.