Master of Business Administration

<p>Animation major with a minor in Graphic Design and studies in Web Design and Development</p>


Bachelor of Science in Animation

<p>Solely responsible for the college’s public web presence, including site architecture, design, templates, and CMS training. Rebuilt and redesigned website from scratch in a modern CMS with cloud-hosted environments and workflows.</p>


Digital Communications Coordinator (Webmaster)

<p>My freelance studio, specializing in web design and development. Creating eye-catching graphics and amazing web experiences for clients. Responsibilities include managing projects and clients, designing and developing websites, and client communication</p>


Creative Director + Owner

<p>Shopify store developer and overall designer for a rapidly growing firearms manufacturer. Responsible for running the online Shopify store, creating weekly email campaigns, generating marketing content, and managing the company’s social media</p>


Digital Marketing Manager

<p>Marketing design and web development at a software solutions company that develops cloud-hosted software that automates information-driven business processes for the pharmaceutical industry.</p>


Digital Media Specialist

<h2>Background</h2>
<p>The Citadel Military College of South Carolina is where I have worked full-time over the past few years. As the sole person responsible for the college's public-facing website, I maintain over 8,000 pages and train editors around campus. I also develop any brand campaign sites, landing pages, and other necessary subsites.</p>
<h2>The Citadel Today - College Newsroom</h2>
<p>One of my first big projects at The Citadel was to create a newsroom website for the college. Our entire public website was housed in a single legacy Joomla CMS, including our newsroom. This made it nearly impossible to function correctly as each post was a page on the site with no dedicated area or cross-promotion between posts. To solve this, I designed and developed a separate WordPress website and migrated the content into the new site. The college's public relations team now utilizes the site to post several articles daily in a streamlined and efficient way. Not to mention, the added SEO benefits that came with switching to the WordPress platform.</p>
<h2>Brand Guidelines Website</h2>
<p>As part of a college-wide brand redesign spearheaded by my teammate, I helped create a brand guidelines website. Before my teammate started at The Citadel, there were no guidelines for using the college's brand, which caused a plethora of issues. To complement the launch of the new brand, I designed and developed a website for use by internal and external stakeholders to show how to properly utilize the new brand.</p>
<p>A major component of this project was the generators that I developed. These generators helped internal stakeholders to create properly branded components that are used daily. Some of the key ones were the marketing lockup generator, the business card generator, and the email signature generator. These helped the college maintain brand consistency across the organization. The business card generator even automatically submits to be printed by the college's printing partner.</p>
<h2>The Citadel Magazine</h2>
<p>The Citadel Magazine is an annual publication that showcases inspirational stories from students, faculty, and alumni. The magazine has been around for decades, but I had the privilege of creating the first digital website experience for it. I created a digital magazine that showcased the articles in an easy to read and easy to navigate format. The three main feature stories were given their own individual spreads with custom styling. The website was hugely successful, bringing an overwhelming amount of traffic and praise.</p>
<h2>Virtual Commencement</h2>
<p>The COVID-19 pandemic forced us to make quick changes to our 2020 commencement ceremony by moving it entirely online. I created the commencement website that included a livestream, separate sections for undergraduate and graduate, faculty submitted messages, and student profiles.</p>
<p>Each student had their own profile page, similar to a social network, that included a profile picture, their graduation information, an audio track announcing their graduation, a thank you video they could submit, a quote, and a comments section where family, friends, and professors could leave personal congratulatory messages. The website had over 70,000 page views in two days and over 6,000 messages to graduates.</p>
<h2>It Takes Grit - Micro Campaign</h2>
<p>As we returned from the pandemic we decided to create a micro campaign to bolster brand awareness and compliment the return of the football season. We used the landing page as a conversion tool that people landed on after seeing our TV ad spots during the football games. It paired the hype video with information and calls-to-action to provide more information for interested visitors.</p>
<h2>Our Mighty Citadel - Brand Campaign</h2>
<p>The Citadel runs a new brand campaign every few years to drive awareness to the college, the latest one being the Our Mighty Citadel campaign. This campaign features videos and stories of remarkable students, faculty, staff, and graduates. Of course, we needed somewhere to house all this content, so I developed a campaign microsite. This included a main landing page and pages for each individual story. Additionally, I added some calls to action to drive traffic to our main website and provide key information about the college.</p>
<h2>Main Website Conversion</h2>
<p>My main project during my time at The Citadel has been the transition of our main website. When I started at The Citadel, I identified several key issues with the current setup:</p>
<ul>
<li>The website was a single large legacy Joomla website that was very outdated and consistently patched</li>
<li>It was hosted on the college's own servers on-premises creating a single point of failure</li>
<li>There were no development workflows causing the website code to be edited directly</li>
<li>The editor experience was very difficult for general users to utilize</li>
<li>There was no automation causing duplicate and outdated content</li>
</ul>
<p>I immediately began to work on fixes for all the identified problems, eventually leading to the procurement of a cloud-hosting WordPress website. The website is kept consistently up to date to avoid security vulnerabilities. Being cloud-hosted created redundancy and backups to ensure maximum uptime. This also came with development workflows to properly develop, test, and publish code changes. The current version of WordPress gives the content editors a flexible but simple editing experience.</p>
<p>The biggest effort for this process involved completely redesigning and rebuilding our website from the ground up in WordPress. I accomplished this task on my own and laid the groundwork for more features and additions in the future.</p>
<p>Finally, one of the biggest fixes was the automation of key areas of the college's website. Our program and degree pages are created once and then aggregated in the appropriate areas on the website, such as the program listing for the individual school and the college as a whole. The same goes for faculty and staff pages where each person has a single page that can be pulled into other areas of the website. On the previous website, there was duplicate content that lived in several different areas. This was resolved in the new website.</p>
<h2>Technologies Used</h2>
<p>WordPress, Figma, Illustrator, Photoshop</p>


The Citadel

<h2>Goals and Objectives</h2>
<p>Entellect was looking for a complete website redesign to better align with modern methods and practices. The website is a key tool for Entellect's new client acquisition and to provide information and updates.</p>
<h2>Creative Strategy</h2>
<p>Entellect's previous website was not up to modern standards, namely, it was not responsive for mobile devices. The new website needed to solve this as well as provide an easy way to share news updates and events from the company. I went with a flattened design to remove the dated look and fleshed out the color scheme to utilize it better.</p>
<h2>Technologies Used</h2>
<p>WordPress, TailwindCSS, Figma</p>


Entellect

<h2>Goals and Objectives</h2>
<p>My client wanted to increase the web presence of her business with a new website. She wanted a website that showcased the services she has to offer in a simple to navigate format. The objective for this project was to give potential customers more information and an easy way to contact the client.</p>
<h2>Creative Strategy</h2>
<p>Maurchi had an existing brand which we combined into a modern format to create the final website. As the client was looking for something easy to navigate, I created minimalist pages and templates that gave visitors just what they were looking for.</p>
<h2>Technologies Used</h2>
<p>WordPress, Figma</p>


Maurchi

<h2>Goals and Objectives</h2>
<p>The goal for Lady B Collective was fairly simple: to create the blog and shop from scratch. This was not a conversion or new look, so everything had to be built from the ground up. Therefore, the goal was to make the brand known and generate readers and customers.</p>
<h2>Creative Strategy</h2>
<p>The client gave a specific style that she was looking for with this brand and website: badass feminine. During the logo creation process we were able to expand on this idea and find the right balance. This then translated into the look and feel for the website.</p>
<h2>Client Testimonial</h2>
<blockquote>
<p>“When I met with Morgan, he was very receptive of my thoughts and wants regarding the website. I wanted someone who was able to produce what I wanted, in a timely manner, but be flexible in the nature of the work. After speaking with him, I knew it would be a great fit.
I highly recommend Spencer Creative Co. for any projects. They are open-minded, efficient, easy to work with, and will get you the results you want.”</p>
</blockquote>
<h2>Technologies Used</h2>
<p>Shopify, Figma, Illustrator, Photoshop</p>


Lady B Collective

<h2>Goals and Objectives</h2>
<p>The original TECSCU website was dated with limited mobile functionality and was difficult to navigate. These were the main front-end issues that needed to be addressed, but one of the biggest reasons for the update was to make the back-end more functional. There was minimal access to update the website and the client needed an easy and accessible interface to do so.</p>
<h2>Creative Strategy</h2>
<p>The website needed to be professional and not overly designed but also have a pleasant and modern feel. The previous website was dated and difficult to use which was vastly improved in the new version. Mobile capabilities were added which also greatly increased usability. The requirements were achieved through simplistic, modern design and functionality for the target audience. Additionally, the website was set up with a new content management system (CMS) to allow easy access for updates for the client.</p>
<h2>Client Testimonial</h2>
<blockquote>
<p>This is an excellent company if you are looking for assistance with website development and editing. As a small nonprofit, we appreciate the quality of work, reasonable pricing, and excellent communication that Spencer Creative Co. provides.</p>
</blockquote>
<h2>Technologies Used</h2>
<p>Weebly, Figma</p>


TECSCU

<h2>Goals and Objectives</h2>
<p>The objective for this project was to create each requested product in a manner that meets the specific timelines required in the wedding industry.</p>
<h2>Creative Strategy</h2>
<p>I created a brand for the Spencers, including a logo, color scheme, and typography, which formed a strategy that could be used across many different mediums.</p>
<h2>Technologies Used</h2>
<p>WordPress, Figma, Illustrator, InDesign, Photoshop</p>


Spencer Wedding

<h2>Goals and Objectives</h2>
<p>The main goal was to create a brand around Kate’s various skills and a website to compliment them. There was no previous website or branding, so we created everything from scratch.</p>
<h2>Creative Strategy</h2>
<p>We identified the need to highlight the individual aspects of the Kate Haus brand. Maintaining a consistent shape but combining colors with each aspect of the art allowed for a unified brand with each sub-aspect. We then took the design aesthetic and applied it to a minimal and refined design.</p>
<h2>Technologies Used</h2>
<p>Squarespace, Figma</p>


Kate Haus Art

<p>Branding is the promotion of a particular product or company by means of advertising and distinctive design.</p>


Branding

<p>Print designs are visual graphics that appear on printed media like business cards, billboards or brochures.</p>


Print Design

<p>Web design encompasses many different skills and disciplines in the production and maintenance of websites.</p>


Morgan Spencer

Full Stack Web Developer

Portfolio