Portfolio Examples Archive • Codified Concepts

Camp Blue Spruce

This site was developed in two stages. In the first stage, the client approached me because the site had been infected with malware on their old hosting platform using shared servers, their Google search results had been corrupted, and their SSL certificate was not being applied to all pages. In less than a week, I’d moved their site to a dedicated WordPress host with top-notch security, helped set up their GSuite email accounts, remedied their SSL issues, and had their cleaned-up site crawled by Google to fix their search results.

The second stage was a complete overhaul of the badly dated site from the ground up. I used the Twenty Twenty theme, and then I customized a child theme to fit the brand look and style. The original site was not only badly outdated but also hard to update, so as I developed the site, I ensured it would be easy to update and provided lots of written and video documentation to the client as part of training.

Working off the graphics, logos, and color scheme created for a previous version of the site, I modernized and expanded the site to encompass the multiple new additional program offerings. I imported and streamlined content into new layouts, simplified the site navigation to make information more readily accessible, incorporated social media feeds, edited and added images, altered the existing graphics in Adobe Illustrator and created additional graphics, incorporated forms and the store, and ensured the site was mobile friendly.

“I really enjoy working with Maren Vernon of Codified Concepts. She listens to our intentions to thoroughly understand what is needed, is very creative in implementing those intentions, and she always is patient with those who are not super technically savvy. Maren did an excellent job integrating our traditional look into a much more updated website. I highly recommend Codified Concepts!”
–Louise Tippens, Former Executive Director of Camp Blue Spruce

View ›

La Chabelita Taqueria

La Chabelita needed a presence on the web beyond just the standard Google generated pages. We wanted to showcase the extensive menu, gorgeous images of the food, and reviews. Sticking to the budget, I worked to create a site that met all of the client’s needs and left room to scale, if they wanted to add online ordering or additional restaurant locations, etc., in the future. I helped re-create their logo image from an old file using Adobe Illustrator so that we could play around with the colors, and I helped them find simple graphics to illustrate sections. I customized the styling for the theme, certain page sections, and various plugins to fit their desired look and feel by creating a child theme. And I made suggestions like having a section highlighting staff favorites to make the site feel more personal.

“Maren was wonderful to work with. She has the technical know-how, a great eye for design and is highly professional. She was prompt in answering emails and did what she promised when she promised to do it. Maren is really good at listening and explaining things at my level of understanding without talking down to me. She made easy to follow videos showing me how to enter data and make edits, and kept tweaking our website until it was just how we wanted it. When she couldn’t do something we asked for, she always explained why and offered a work-around to solve the problem. I highly recommend her and I love how our website turned out! Thank you, Maren!”
–Elizabeth Moreno, Co-Owner of La Chabelita Taqueria

View ›

Coos History Museum

This WordPress site was created using the Make theme and Make Plus plugin, and then I customized a child theme to fit the brand look and style originally developed by an outside design team in preparation for a site relaunch. The original site was very badly dated, not mobile friendly, and hard to update. I followed the design team’s vision but then worked with the museum to address changes in needs and incorporate many of my own suggestions.

For this site, I fully customized the header and footer, setup specialized sections on the home page, added and customized an events plugin and events landing pages, added forms to ease information inquiries and contact from patrons, integrated PayPal, and added social media integration, among other features. Creating multiple user profiles so various museum support staff could advertise the latest programming and access certain forms with ease was a must.

When the pandemic hit and funding models needed to shift, I helped them set up an online store, added the ability to book and pay for virtual events, and created separate appointment calendars when visitor numbers were restricted. Because of the earlier work I had done creating a robust site, I was able to make these shifts over the course of a weekend so they wouldn’t miss a step.

“We appreciated her attention to detail and her thoughtfulness with regards to how our new website would not only represent our organization but also how it would work for our users. She was focused on making things operate seamlessly and painlessly and took time to make sure our staff was comfortable with the new site. I highly recommend her!”
–Susan Tissot, Former Executive Director of the Coos History Museum

**NOTE: As of August 2023, the site is under the direction of a new developer and the current site is not a reflection of my work. See the images here that capture the site as I designed and developed it.**

View ›

North Bend School Foundation

The original site for this organization had not been maintained and was offline when I was approached. Personnel changes meant passwords and information on previous site hosts and domains was lost or unknown, and previous developers had gone out of business and/or were out of communication. I helped them register a new domain and move their site hosting after researching to find their accounts. I used internet archive records to capture as much previous site content as I could and copied and pasted it into documents to import into the new site. The original site, before going offline, was not only badly outdated but also hard to update, so as I developed the site, I ensured it would be easy to update and provided lots of written and video documentation to the client as part of training. I ensured at site handoff that passwords, hosting companies, etc., were clearly documented and that site backups were kept so that the organization would not find itself in such a vulnerable place again.

I used the Twenty Nineteen theme for this WordPress site, and then I customized a child theme to fit the brand look and style. I imported and streamlined content into new layouts, simplified the site navigation to make information more readily accessible, created graphics in Adobe Illustrator, incorporated forms to help expedite the streamline the grant process, helped set up their GSuite email accounts, remedied their SSL issues, and ensured the site was mobile friendly.

View ›

Woodburn PAWS

I worked on this website from June 2019 to September 2021. This organization was employing Membership Toolkit to create their website, but I cleaned up the site content to ensure it was a consistent experience for users across the pages, and I used my skills with HTML and CSS to add code on the backend to achieve better formatting and style. Adding custom CSS, I modernized the font in use, adjusted colors to match the branding, created color changing buttons, and standardized heading styles across the site. I also cleaned up the organizational structure of the backend media material and created a style guide and training manual for future board members.

I taught myself how to use Adobe Character Animator in order to create an animated welcome video using the school mascot puppet and friends, which I created using Adobe Illustrator, to greet and inform new families. Rather than using the mix-matched clipart that was on the site, once I had created the puppets, I captured frames of the mascot and friends in various poses and then employed Adobe Illustrator and Adobe Photoshop to create all new custom graphics featuring the mascot for each page (as well as updated website, newletter, and social media banners) for a more cohesive viewing experience. I was also able to furnish school staff with images, GIFs, and posters featuring the mascot for use around the building and on signs, etc.

I also pushed for them to publish an equity and inclusion statement and a resources page to help families start important conversations around race, equity, belonging, disability, identity, and privilege. I provided the initial list of resources and have taken that list and expanded it here on my own site.

**NOTE: As of August 2021, the site is under the direction of a new Communications board member and the current site is not a reflection of my work. See the images here that capture the site as I maintained it.**

View ›