Wordtune Blog
UX | 2023
User experience design for the Wordtune product blog, was duringundertaken an internship at Ai21 Labs.
About
AI21 Labs, an Israeli company specializing in Natural Language Processing (NLP), pioneers AI systems for comprehending and generating natural language. They developed Wordtune, an AI-driven reading and writing companion that corrects grammatical errors, understands context, suggests paraphrases, and generates tailored content. I designed and planned the user experience of the blog during my internship at the company.
The Process
I conducted extensive research on international blog interfaces, particularly for B2C products, and considered how to design a visually appealing page with abundant content and components. After completing the blog design during my internship, it continued to be developed and UI designed in the company.
Screens
Main page
Based on research on B2C blogs, the main page highlights popular articles to encourage user engagement upon logging in. The layout features light, playful compositions that create a visually appealing design without overwhelming users, while a CTA at the top directs them to the product.
Filters
The filtering component features two 'Category' & 'Type' tabs, developed in response to the needs of the blog's content organizers. Each tab contains topics that, when clicked, filter the articles below according to the user's interests.
Search
In addition to filtering, the search component allows users to perform open searches, with results displayed below the element. If no results are found, alternative articles will still appear instead of leaving an empty space, encouraging users to continue browsing the blog.
Newsletter Signup
The newsletter signup form is vital for users to receive updates and for the company to build a loyal audience and enhance engagement.
Article Page
The article page is structured so that upon entry, users see the article title, representative image, author’s name, and the introduction, creating a smooth landing that invites them to continue scrolling.
Table of Contents
As users scroll through the article, a sticky table of contents remains visible, helping them understand their position and navigate to specific sections. At the end of each article, options to share the content and suggestions for related articles are provided.
Screens | Mobile
Interface
The interface design process was further developed by the company.
