Back to Work

AI Tools Directory

Increasing Engagement Through Strategic Redesign of TheOutpost.ai

Turned a low-retention AI tools directory into a daily destination by shipping News, Events, and Newsletter features — tripling subscribers and doubling session time in 30 days.

Increasing Engagement Through Strategic Redesign of TheOutpost.ai
RoleProduct Designer
PlatformWebapp
Timeline6 Weeks
Tool StackFigma, Dropbox, DaVinci Resolve, Final Cut Pro
AIWeb AppProduct DesignGrowthFigmaDropboxDaVinci ResolveFinal Cut Pro
01

Project Description

TheOutpost.ai is a web app that provides a curated list of AI tools and the latest AI news.

02

My Role & Responsibilities

Increase user engagement by adding a new feature to the site. Also attract unique visitorsamong 100 unique visitors, only 24 returned.

Increase the number of visitors through marketing by creating a launch video and social media posts, as well as short videos for YouTube Shorts and Instagram Reels.

03

Facts

Although offering a variety of curated AI tools and a list feature, TheOutpost.ai was struggling to retain users.

  • Among 100 unique visitors, only 24 returned.
  • The average duration time per user was 34 seconds.
  • In the first quarter after its launch, we gained only 20 subscribers.
04

What we wanted to achieve

01

How might we increase user engagement and bring users back consistently?

02

How might we attract new unique visitors and grow the subscriber base?

03

How might we increase the average session duration beyond 34 seconds?

05

Brainstorming

We analyzed the data, identified each problem, and realized we needed multiple solutions. We aimed to introduce a feature that boosts engagement, increases repeated users, and attracts more unique visitors. Here are the ideas with the highest ratings from affinity mapping:

01

Create a podcast library discussing AI innovations and events.

02

Add a video streaming section about tool launches, related news, and AI expert interviews.

03

Create an events section to inform users about upcoming AI events, locations, topics, and community meet-ups.

04

Add a news section with daily curated AI news updates.

05

Create a newsletter featuring weekly articles on top events, launches, news updates, and daily AI tech affairs.

06

Unpacking the Ideas

Podcast To address the issue of recurring users, incorporating a podcast could be a strong strategy. It's likely that our users will develop a habit of tuning in regularly.

Video Streaming Similar to a podcast, this approach can help attract recurring visitors and potentially increase session duration.

Event Section By informing AI enthusiasts about live events, we can keep them updated on how they can evolve with the idea. This approach may attract unique visitors as well as build the community.

Newsletter Creating a weekly newsletter that includes summaries of AI news, launches, and events can help increase user retention rates. It will also make a loyal user base.

News Providing curated news specifically related to AI can help users develop a habit of using our platform, attract unique visitors, extend session duration, and increase the number of recurring users. This approach could be a groundbreaking solution to many of our challenges.

07

Evaluating the Ideas

To give the ideas life, we first talked with the tech team to find out how much work it would take to build the features, considering our launch timeline. We also looked at the effort needed for design and the potential impact of each idea.

Effort vs Impact matrix — News and Events show highest impact with lowest effort, Newsletter is mid-effort high-impact, Podcast and Video are higher effort with lower impact
Effort vs Impact matrix for feature prioritisation
08

Finalising Ideas

As it's coming out that Podcast and Video will take more effort and less impact, we decided to use other platforms like YouTube and Spotify to make awareness about AI innovations and gain users from there itself.

The other three ideasEvent, Newsletter, and News section — were in the high impact and low effort zone. We decided to move forward with those ideas.

09

News Section

I was responsible for adding the news section to the site. To start, I began with secondary research and analyzed user personas that were created earlier. I also performed a competitive analysis and found that there were no competitors focusing solely on AI news. Since we were introducing something new to our users and site, I needed to prioritize the news section.

During our brainstorming sessions, we discussed whether users should see news or tools first. We considered that news is something users would check daily, whereas tools are used only when needed. This insight led us to prioritize the news section prominently to attract daily visitors and keep them engaged with fresh, relevant content.

10

Starting with Interface

To decide on the layout, I reviewed dedicated news platforms like CNET, The Hindu, Livemint, The Verge, and Google News. I found these platforms to be very crowded, with high cognitive load, lack of clear advertisement guidelines, repetitive news, and accessibility issues.

Based on the analysis of other news platforms, I proposed to the team that we should feature a limited number of news items, each with a dedicated image and clear priority. The content should also be curated. After discussing the proposal with the team, they agreed to this approach.

Competitive analysis of news platforms — CNET, The Hindu, Livemint, The Verge, Google News
Competitive analysis of existing news platforms
11

Wireframes

I began by sketching the layout on paper, making sure it should be flexible enough to adapt to future changes (like varying amounts of news) and included space for advertisements, as required by business decisions.

After several iterations of wireframes, the team approved the design. I then turned these wireframes into high-fidelity designs. Thanks to our earlier work on a scalable design system, I was able to use it effectively, minimising additional effort for the news section.

Wireframe iteration 1 — news section layout
Wireframe iteration 2 — news section layout
Wireframe iteration 3 — news section layout

Swipe or use arrows to browse

12

Hi-Fi Screen

High-fidelity design of the news section for TheOutpost.ai
Final hi-fi design of the news section
13

Outcomes

After 30 days of the launch, the results matched our expectations.

01

600 unique visitors attracted

02

60% increase in user retention

03

90 new subscriptions gained

04

Average session duration increased to 80 seconds per user

14

Marketing

TheOutpost continues to grow, with daily progress and new ideas being implemented. I also contributed to marketing efforts by creating engaging videos for launches and the weekly newsletter using tools like Final Cut Pro and DaVinci Resolve. These efforts helped us attract unique visitors to the site.

Launch video for TheOutpost.ai