Website Design

Digital | Email | Graphic Design | Print

Below are a selective examples based on assumed relevance. The examples outlinine a company rebrand process and new website strategy and development. As Website Manager, I developed a strategy based on department, Sales, and Company goals and surveys.

Edited and developed AI-generated layout templates for key content types to provide a brand conversation in conjunction with content development. This was part of the rebrand process, but also, as the website is B2B and mostly informational, the website content needed to be completely reworked to fit a new structure. AI-generated images were placed for content suggestions.

View live example

Live Rebranding Templates

Background: INX International was rebranding and the developing strategy involved the new website redesign. It was my role to foster and facilitate the process, as well as contribute to the brand development. Understanding how we wanted to present our information on the website was difficult when overwhelmed with creating a new brand manual, the wireframes were presented prior to kickoff with the external team. This helped the marketing team to clarify the customer experience and develop content. This visual/strategy approach—prior to the website redesign kickoff with the external team of developers and their designer—helped to engage the marketing team in the website redesign process and keep the team connected.

Wireframe for Product Content Type

Proposed navigation and architecture for the new website. This system is a filtered process for mobile opening sublevels for refining searches. Link to Figma animated process wireframe

Product Finder Navigation

Live example for the Product Finder mobile experience outlined above.

Note, this may take a few seconds to load.

Figma Active

Beginning with a survey and moving on to research, studying current site, department collaboration and experimentation, the process moved into live examples for demonstration of requested and proposed properties that would be features the new site would benefit from.

These were not mockups or prototypes build in Figma, but mostly AI generated code from a lot of layout planning and ideas.

The overall benefit for live pages is to enable better internal stakeholder collaboration in a prototype that is more relevant to their content generation tasks.

The website design process

In 2018 for the existing site, I was tasked with creating a blog, Printer Space. I executed the entire process because of limited department resources. I had experience building a blog prior.

The blog has contributed to the integrity, the perceived credibility of the services and products, and it improved the company's EEAT for SEO opening a new path for existing customers to engage and connect. The thought leadership articles were written by numerous SMEs. I designed the brand, web experience, the style and messaging, and developed it with an external team. In addition all website and blog projects I managed in Asana for developing content.