Wiki Design and Development
Request/need: During my time at Meta, my team was working on our partner communication and with that the branding and marketing of our services.
Our team wiki played an important part in the communication with our partners. A wiki is an internal webpage where our partners are able to read who we are, how to work with us, what services we provide, and our thought process behind all our services. Our wiki was outdated and in need of a content update.
Solution: My solution was to redesign the wiki, while simultaneously collaborating with the other designers on scripting and creating animated marketing videos about our team.
Results: The wiki design got picked up by the head of Global Operations Learning Organization and requested I design and develop similar wiki’s for all teams within the organization in collaboration with three other team members.
Medium: Pencil, paper, Canva, HTML and CSS coding.
The Development Process
Step 1: Kickoff meeting with stakeholders
The first step was to set up a kickoff meeting with all stakeholders from global leadership to designers and program managers involved. In this meeting we went over the goal and objectives, timeline and resources needed.
Goal: Our overarching goal was to create an usable, equitable, enjoyable, and useful wiki, with a cohesive design, while aligned with our organization and team’s short term OKRs.
Notes were taken from our discussion with specific action items to make sure we move forward. The next step for me was to create a wireframe of the Wiki design.
The goal of creating a wireframe is to create a basic outline of a product. In this case an internal wiki page. Please review the 4 pages of the wireframe below.
Step 2: Wireframe
Step 3: Feedback
When creating something new from scratch it’s important all stakeholders are able to provide feedback and discuss the reasoning behind the feedback before moving on to the next step.
Step 4: Drafting
After getting feedback from all stakeholders, I was able to move on to implement the feedback and create a first draft of the wiki design. Please review the first draft below.
Step 5: Feedback round 2
With every new design, iteration is key to make sure we are achieving our goals and objectives by listening and implementing the feedback provided.
Step 6: Final version + Implementation process
After the last iteration all the stakeholders were able to look over and test the design one last time before our launch. The actual redesign contained similar elements as shown in the draft. After testing and creating the first versions, we were able to see some flaws in the design regarding our accessibility principles. The final version contained all those changes and more.
I provided a separate process to ensure a clear and smooth implementation with a primary and secondary owner, contact information, turn around time and requirements to any request, to make sure people know exactly what to expect. We also created posts to communicate our redesigned wiki to specific groups and partners.