Our team
As an interaction design intern at writeaguide, I collaborated with the team to implement new features on the website. I defined current problems, user goals, and proposed recommended solutions. I was the design intern at writeaguide on a team comprised of three developers, two designers and a marketer. I was responsible for the UI/UX design of new features and the redesign of old ones. Our long collaborative project was a redesign of a landing page. My secondary responsibility was the design of leaflets and printed deliverables.
WEBSITE GAMIFICATION
Writeaguide is based around creating shared online documents or “guides” for team members. We wanted to introduce a gamification system to keep visitors entertained and engaged. Each visitor is rewarded with badges and points for adding or editing new guides, comments or a collection of guides.
The road to the proposed solution
Final prototype
We introduced new original icons with custom-made illustrations, created a level up system and divided awards into categories with distinctive shapes. To receive a badge, users need to collect a certain amount of points or “moties”. Users receive moties for performing different actions such as adding “guides”, commenting etc. If a badge is not available yet, it remains hidden under a box illustration.
Landing page redesign
A new landing page must represent the company’s spirit, cover the main functions and present a brief mission statement. We started our work by analyzing what the old landing page was lacking.
Firstly, our team and I wanted to improve readability. We used contrast checker to check the contrast ratio between text and background. Secondly, we went through a couple of options for graphics including an abstract illustration. We decided on a flat illustration representing the content and functionality of a service.
Guides redesign
Our team and I wanted to update the guides overall look and usability. We focused on reimagining the action of adding new objects and designing a new list of contents.
The table of content is auto-generated, so when a user creates a new headline, it is saved automatically. Since the table of content on the right is clickable, users can navigate a guide much faster.