Web Design & Development
Areas of Expertise:
- Accessibility
- Analytics & Testing
- Asset Creation/Management: Backgrounds, Icons, Images, Photos, Shapes, Templates, Videos
- Branding & Identity
- Browser Compatibility
- Content Management System (CMS)
- Content Strategy
- Graphic/Visual Front-End Design
- HTML/CSS
- Market Research
- Page Speed Optimization
- Responsive Design
- Search Engine Optimization (SEO)
- User Experience (UX) and Usability
- User Interface (UI) Design
- Wireframing & Prototyping
scroll down for visual examples
Migration to WordPress
Managing the website more efficiently became a priority. Previously, I was manually coding everything in Adobe Dreamweaver. While I love to code, this wasn’t efficient or a good long-term solution.
So, I created and executed a plan to design a new website in WordPress (while learning about the platform along the way) and migrated everything over to the Content Management System. I improved the overall look of the site with a fresh design and layout that was modern, responsive, user friendly (both for visitors and on the backend admin side), and adaptable for new content and design updates down the road.
My Process
- Met with the team to discuss project scope, challenges, and goals
- Researched the migration process and created plan & timeline
- Evaluated current website and created site structure map
- Learned about the Managed WordPress platform
- Set up backend and admin info
- Researched and added plugins (especially for embedded videos, forms, anti-spam, security, and backups)
- Identified best template to fit the project and set up brand identity items
- Created wireframes and design mockups
- Designed menus, header, footer, and template pages, including custom CSS
- Created home page and all subpages for the site
- Set up content for accessibility and SEO
- Performed extensive testing on browsers and devices
- Reviewed with team and published site
- Regularly updated based on requests, feedback, and new content/pages
Tools Used
- Adobe Illustrator, Photoshop
- HTML/CSS
- Microsoft Word
- WordPress CMS
Worked With
Chief Executive Officer, Chief Operating Officer, Executive Vice President, Vice President of Technical Services
Careers Page Refresh
The HR team needed a new landing page and recruitment tool to use during the search and hiring process. I created a new Careers webpage with a modern design that would better represent the company’s culture, benefits, and values.
My Process
- Met with team to discuss project scope, challenges, and goals
- Created plan and timeline
- Evaluated current page and created new page structure
- Researched/wrote/gathered content
- Researched/brainstormed design ideas
- Sketched layout ideas
- Created wireframes and mockups
- Explored WordPress templates and plugins
- Identified best template to fit the project and set up brand identity items
- Designed WordPress page including custom CSS
- Set up content for accessibility and SEO
- Performed extensive testing on browsers and devices
- Reviewed website with team and published page
Tools Used
- Adobe Illustrator, Photoshop, XD (Experience Design)
- HTML/CSS
- Microsoft SharePoint, Word
- Perplexity AI (for research)
- WordPress CMS
Worked With
Executive Vice President, HR Director
