view of distant mountains

Tracy Christenson

Web Design and Development


Professional Sites

These are projects that I've worked on for other people and organizations in a professional capacity. Currently, I'm helping Treasures 4 Teachers with web marketing through their Google Ads Grant and Bridging AZ Furniture Bank and their nonprofit furniture store Got Legs to manage their Ad Grant, WooCommerce listings, and social media posts.

One of the images on this page, the one with the dark blue outline, will appear as a large image in a modal box when clicked.


New Frontiers For Lifelong Learning

Dates of the Project: May 2018 to March 1, 2019

New Frontiers for Lifelong Learning is an organization affiliated with Mesa Community College, dedicated to helping seniors and retirees to expand their horizons through educational opportunities and social activities. When they decided to redevelop their website in 2018, one of my professors recommended me to the organization's webmaster, Allan Zisner, and he asked me to help him create a new design for their site.

Putting together this project was partly an experiment, using design concepts that I had used before for previous projects and adapting them to suit the needs of New Frontiers. I had the opportunity to make some small icon graphics and try out some new design techniques, such as creating mock photo corners for the images in the gallery of council members and decorative styles for horizontal rules and headings. I particularly wanted the heading decorations and the horizontal rules to mimic the curved swoop design in the page header. I also had to meet regularly with the New Frontiers webmaster, getting his feedback and accommodating his requirements. This was my first assignment where I was the lead designer, but I think what I learned the most from this project was how to work as a team with my client. I had some leeway for creativity, but I also had to follow the directions of the New Frontiers webmaster, trying to make his vision of the project a reality and make it as easy as possible for him to maintain the site in the future.

Since I helped to redesign the site, I know that it has changed somewhat and will continue to undergo changes as it is updated by the organization's webmaster, but I would like to talk about some of the design features that I originally created for the site.

New Frontiers Home Page
New Frontiers Home Page

I designed the site using Dreamweaver, making it to the webmaster's specifications in color and layout. The photographs were provided by the organization, some of them coming from the organization's newsletters. Most of the smaller icons on the Member's Toolbox, Facilitator's Toolbox, and Classes pages are from Pixabay. I created the small icons on the Contact page myself, using Adobe Photoshop.

New Frontiers Contact Page
New Frontiers Contact Page
New Frontiers Member's Toolbox Page
New Frontiers Member's Toolbox Page

I designed a special Photo Album page for the site that would feature a Photo of the Month and separate sections for photographs of different events. Each of the sections was decorated with the same imitation photo corners that I used on other photographs on the site, including the pictures of the Council Members. Within each section, I also included thumb nails of event pictures with special styles to make it look like they were piled on top of each other and at different angles, as if someone were sorting through them for inclusion in the photo album. This page looks different now on the active site.

New Frontiers Photo of the Month
New Frontiers Photo of the Month
New Frontiers Photo Album Sections
New Frontiers Photo Album Sections

The site is responsive to different screen sizes. The main menu collapses to a drop-down menu, and the sidebars also drop beneath the main content sections on small screens. Images also resize and move on smaller screens. For example, the display of council members' photographs positions the images differently on different sizes of screens.

New Frontiers Council Page
New Frontiers Council Page
New Frontiers Council Page for Tablet
New Frontiers Council for Tablet
New Frontiers Council Page for Smart Phone
New Frontiers Council for Smart Phone