top of page
christine forni
ux + UI design
STC SITE Redesign
Society for Technical Communication's Arizona Chapter
underwent a website redesign + copy overhaul
lead by a small group of awesome volunteers.
STC's Arizona Chapter reached out to ASU's technical communication's department for student volunteers to work on their site redesign. The redesign was completed using the Agile methodology, and I was part of the scrum team focusing on the student audience, as well as the UX lead designer and researcher.
Original Homepage
The major areas of opportunity I identified from the chapter's old website were:
-
unclear information architecture/hierarchy
-
the navigation was a mess of dropdowns and subnavigations, with masses of links with no clear order
-
-
unapparent call to action
-
the main goal of the site is to inform users about who the STC is and what they have to offer, and to gain new enrollments, yet the "Join Now" button wasn't a focal point of any page
-
-
outdated page and button designs
-
the site had a narrow page format, yet had a ton of copy crammed into the narrow space, as well as button designs that were vague in copy and dated in design
-
We started the redesign by creating personas and user stories for the main audiences for the site: students, tech comm professionals, and employers. My scrum team focused on students, and collaborated on key points for the student persona, which I compiled and created the final persona from (pictured below).
Student Persona
Internships Page Copy
After finalizing the personas and user stories, we began developing copy for them. We divvied up the user stories and wrote pages that answered the goals/questions of the personas. I wrote the copy for the internships page for students (shown above). After the pages were written, we turned our focus to the information architecture. I collaborated with the project lead to design a card sorting exercise for the page links.
From the exercise we determined that we would keep the links organized by audience, so that users could easily find the links meant for them. Pages that didn't fall under a clear audience category/applied to all audience members were moved to the main navigation (such as calendar and contact). We also decided to introduce an additional category for members, as pre-existing members would have different goals on the site than users new to the STC.
With the navigation figured out, I began designing and writing copy for the homepage. I knew we needed the CTA button (enrollment for the STC) to be the main focus, as well as a brief introduction to who the STC is. I also wanted to make the homepage feel modern, since the old site had been so outdated. To do this I chose a simple page template in Wordpress, and found an illustration from Adobe's stock image gallery that I felt applied to STC. Illustrations are a really current design trend, so I knew that would help bolster the modern feeling of the homepage. I also used the two colors from the redesigned logo to strengthen the cohesive brand image (vibrant blue and yellow). I wrote a short blurb to serve as a mission statement for the STC, and placed a CTA button as well as a secondary button to support the CTA. Below the fold I added in a calendar widget to show upcoming events, and further explained who the STC is and what they do.
Redesigned Homepage (above the fold)
After finalizing all of the copy and the homepage design, I suggested we do some user testing to make sure users were able to accomplish the main goals we had identified. Because the project was so small, and being done in the volunteers' spare time, we decided that we would opt for unmoderated remote testing. I wrote up four different tests in Typeform with goals specific to the individual personas. We then sent out the different tests to members of their respective audiences, with a minimum of five test takers per test (based on the common idea that the majority of issues will be revealed from testing five users).
I compiled the results and explained them to the team, pointing out common issues and suggesting how to fix them. We collaborated on implementing the solutions, and with that closed out the project, nine months later.
You can view the site here.
bottom of page