Web Design

Christmas Campaign Web Experience

Project Brief

Create a full web experience for a Christmas campaign featuring twelve giving buckets and twelve gifts of gratitude.

Skills

CSS
For Digital
Graphic Design
Web Design
Wordpress

Digital Annual Report 2022

Project Brief

Create a responsive web-based iteration of an annual report print publication. View Page

Skills

CSS
For Digital
HTML
Web Design

Digital Annual Report

Project Brief

Create a responsive web-based iteration of an annual report print publication. Features hero section with PDF download, navigable table of contents, sections for case studies, strategy, 2021 key performance indicators, statistics, financial report, leadership letters, and more.

Skills

CSS
For Digital
HTML
Web Design
Wordpress

Sewing Blog

Project Brief

I recently began teaching myself to sew. As a way to solidify what I learn and showcase what I make, I started a free Wordpress blog that I quickly found limiting, so I developed my own theme and re-launched the blog on a self-hosted platform. Explore at deborahjsews.com.

Skills

CSS
For Digital
HTML
Logo Design
Web Design
Wordpress

Home Page
Responsive Layout
Logo

CAMA Website Redesign

Project Brief

Coordinate with client, brand designers, and web developers to redesign an existing non-profit website. Create a cleaner, more modern user experience, organized navigation, highlight brand and mission awareness, and streamline fundraising avenues for site admins and visitors.

Skills

For Digital
Graphic Design
Web Design

Redesigned Home Page
Redesigned Interior Pages
Old Design

Christmas Landing Page

Project Brief

Create a landing page featuring multiple Christmas events. Adhere to established branding and work within the limitations of a propriety content management system. Using CSS3, I restyled the overall page layout, hiding the sidebar to utilize the full width of the page. I restyled the default accordion to present each event with its corresponding look, photos, and details. I set breakpoints as dictated by the content for responsive design on mobile devices. Each graphic on the page is designed to work seamlessly within the layout, and the overall branding is simplified for the header image in order to preserve legibility of the main navigation.