Web Design Portfolio
Web Design Portfolio
UNCTV Site Redesign
UNCTV Site Redesign
I was a part of the team that redesigned and built out the new UNC-TV website using Bento 3.0, the PBS content management system available to member stations. This was an ongoing project.
This website no longer exists in the iteration I created.
THE PROBLEM:
For years the UNC-TV website had been housed on an unsupported version of Drupal, utilizing a customized and locked theme that no one knew how to use or edit, and updates to content that could be edited were labour intensive. Not many employees were trained on how to use Drupal, so the workload often fell to a few individuals. The site was not responsive or mobile friendly. There was a vast amount of content on the site, and analytics showed that the majority of it was not being accessed by users.
THE SOLUTION:
UNC-TV was invited to be a part of the beta testing of a new PBS Digital CMS, Bento 3.0. Bento is free to all PBS Member Stations and offers a drag-and-drop, simi-WYSIWYG interface. As part of the beta testing group we were allowed advanced access to Bento 3.0 to create our new site, and we had the opportunity to work with PBS to improve the CMS before its release to all Member Stations.
THE PROCESS:
Working on a tight turnaround schedule, we started by conducting a site audit and selecting only the necessary pages that would be rebuilt in Bento. I lead the web team in doing a card sort to show that we didn’t need every link on the site to be in the navigation menu. I also assisted with creating a style guide for colors, layouts, and button assets. From there, the pages were divided amongst the group and we worked to build out our assigned pages. Influential employees were asked to look at this alpha version and offer feedback. From there, we incorporated that feedback into a beta version and went live. I also conducted 2 user testing sessions of each version for further improvement on usability.
I was a part of the team that redesigned and built out the new UNC-TV website using Bento 3.0, the PBS content management system available to member stations. This was an ongoing project.
This website no longer exists in the iteration I created.
THE PROBLEM:
For years the UNC-TV website had been housed on an unsupported version of Drupal, utilizing a customized and locked theme that no one knew how to use or edit, and updates to content that could be edited were labour intensive. Not many employees were trained on how to use Drupal, so the workload often fell to a few individuals. The site was not responsive or mobile friendly. There was a vast amount of content on the site, and analytics showed that the majority of it was not being accessed by users.
THE SOLUTION:
UNC-TV was invited to be a part of the beta testing of a new PBS Digital CMS, Bento 3.0. Bento is free to all PBS Member Stations and offers a drag-and-drop, simi-WYSIWYG interface. As part of the beta testing group we were allowed advanced access to Bento 3.0 to create our new site, and we had the opportunity to work with PBS to improve the CMS before its release to all Member Stations.
THE PROCESS:
Working on a tight turnaround schedule, we started by conducting a site audit and selecting only the necessary pages that would be rebuilt in Bento. I lead the web team in doing a card sort to show that we didn’t need every link on the site to be in the navigation menu. I also assisted with creating a style guide for colors, layouts, and button assets. From there, the pages were divided amongst the group and we worked to build out our assigned pages. Influential employees were asked to look at this alpha version and offer feedback. From there, we incorporated that feedback into a beta version and went live. I also conducted 2 user testing sessions of each version for further improvement on usability.
NC Channel Site
NC Channel Site
I managed the design, build, training, and maintenance for UNC-TV’s The North Carolina Channel website.
This website no longer exists in the iteration I created.
THE PROBLEM:
UNC-TV’s The North Carolina Channel went through a restructure, and it was decided that they needed their own website, which they had never had before. The initial phase of the new site needed to start with the newly created profiles of all the legislators in North Carolina’s 100 counties. Beyond that, the director wanted something that would grow and adapt with the channel as more content was produced. Because The North Carolina Channel produces more time sensitive content, they wanted to ability to own the site, and update content themselves, as it was created. This site needed to be modular, easy to use, and easy to add and update content, all starting from scratch.
THE SOLUTION:
WordPress. No one on the NC Channel team had much experience with websites, and WordPress is one of the easier CMSs to teach and learn. I also chose the Divi theme by Elegant Themes for its simplicity and ease of use. The goal was something that was easy to learn and maintain.
THE PROCESS:
After meeting with the director to discuss his vision, and make sure we were on the same page moving forward, I started by looking at some of the content they had ready to go, as well as researching competition and other companies that produce similar content. From there I sketched up my design ideas for approval and created a loose wireframe of my ideas. Because this was such a fast turnaround, I then move straight into building the site out. After the initial content was added I provided detailed training and documentation of how to perform some of the actions that would be most commonly encountered. As the channel and the site grew, I built out the site further, adding more functionality when needed.
I managed the design, build, training, and maintenance for UNC-TV’s The North Carolina Channel website.
This website no longer exists in the iteration I created.
THE PROBLEM:
UNC-TV’s The North Carolina Channel went through a restructure, and it was decided that they needed their own website, which they had never had before. The initial phase of the new site needed to start with the newly created of all the legislators in North Carolina’s 100 counties. Beyond that, the director wanted something that would grow and adapt with the channel as more content was produced. Because The North Carolina Channel produces more time sensitive content, they wanted to ability to own the site, and update content themselves, as it was created. This site needed to be modular, easy to use, and easy to add and update content, all starting from scratch.
THE SOLUTION:
WordPress. No one on the NC Channel team had much experience with websites, and WordPress is one of the easier CMSs to teach and learn. I also chose the Divi theme by Elegant Themes for its simplicity and ease of use. The goal was something that was easy to learn and maintain.
THE PROCESS:
After meeting with the director to discuss his vision, and make sure we were on the same page moving forward, I started by looking at some of the content they had ready to go, as well as researching competition and other companies that produce similar content. From there I sketched up my design ideas for approval and created a loose wireframe of my ideas. Because this was such a fast turnaround, I then move straight into building the site out. After the initial content was added I provided detailed training and documentation of how to perform some of the actions that would be most commonly encountered. As the channel and the site grew, I built out the site further, adding more functionality when needed.
Production Services Site
Production Services Site
I was in charge of designing and building the Studio in the Park website for UNC-TV. The site features all the production services that are available to the public for rent.
This website no longer exists in the iteration I created.
THE PROBLEM:
UNC-TV had a number of available services that they opened up for public rental and use. Because this was something new, management wanted a place customers could got to see what was offered and to learn about them.
THE SOLUTION:
A subdomain was chosen because this would be something new and separate from the traditional content offered. This site utilizes WordPress, because it is an easy CMS to learn and teach. At the time the main website was on an unsupported version of Drupal that team members found challenging.
THE PROCESS:
I met with the directors of each service being offered, to get a better understanding of that particular service and the goals for that division. I then heavily researched the competition and companies offering similar and complementary services for rent. I spent a lot of time creating wireframes and mockups, so that I got the pages correct. I created a prototype using InVision once mockups were approved. I opted to give each service it’s own page that was stylistically unique, while still following a similar format and style to the other service pages.
I was in charge of designing and building the Studio in the Park website for UNC-TV. The site features all the production services that are available to the public for rent.
This website no longer exists in the iteration I created.
THE PROBLEM:
UNC-TV had a number of available services that they opened up for public rental and use. Because this was something new, management wanted a place customers could got to see what was offered and to learn about them.
THE SOLUTION:
A subdomain was chosen because this would be something new and separate from the traditional content offered. This site utilizes WordPress, because it is an easy CMS to learn and teach. At the time the main website was on an unsupported version of Drupal that team members found challenging.
THE PROCESS:
I met with the directors of each service being offered, to get a better understanding of that particular service and the goals for that division. I then heavily researched the competition and companies offering similar and complementary services for rent. I spent a lot of time creating wireframes and mockups, so that I got the pages correct. I created a prototype using InVision once mockups were approved. I opted to give each service it’s own page that was stylistically unique, while still following a similar format and style to the other service pages.
Hackathon Site
Hackathon Site
I designed and built the website for the UNC-TV Design-Thinking Hackathon.
This website no longer exists in the iteration I created.
THE PROBLEM:
UNC-TV was hosting their first Hackathon and need a place for event information and registration instructions.
THE SOLUTION:
A subdomain was chosen so that this new site could make use of the WordPress CMS.
THE PROCESS:
I researched similar and complementary sites and events. I created wireframes and mockus, so that management could get a sense of the site designs before I started building it. I used the Divi theme by Elegant themes so that I could quickly create this within the tight timeline.
I designed and built the website for the UNC-TV Design-Thinking Hackathon.
This website no longer exists in the iteration I created.
THE PROBLEM:
UNC-TV was hosting their first Hackathon and need a place for event information and registration instructions.
THE SOLUTION:
A subdomain was chosen so that this new site could make use of the WordPress CMS.
THE PROCESS:
I researched similar and complementary sites and events. I created wireframes and mockus, so that management could get a sense of the site designs before I started building it. I used the Divi theme by Elegant themes so that I could quickly create this within the tight timeline.