UI-UX

Leading content discovery engine for scholarly publishers

1M USD/mo revenue MD App

Powering personalised recommendations on over 8,500 scholarly websites by 400+ publishers, with over 130M+ readers per month and $1M monthly revenue employing 160 people internationally.

  • Contributions

    Ideation
    Wireframes
    UIs
    Prototypes
    Design system
    
Interactions
    
Motion graphics

  • Deliverables

    Widget
    Customer Dashboard
    Admin Dashboard
    Reader Dashboard
    Plagiarism app
    WP plugins
    Slide decks

  • Tools

    Sketch
    Figma
    After Effects
    Google Slides

Two sides of the problem

Researchers, Publishers, Authors, Marketers, Admins. End users pool is large, diverse but tied to the same field of work (MD Science).

Intensive primary and secondary research

Continuing research allowing risks minimisation and constant product improvements.

Competitive landscape

Detailed analysis of the top competitor products and their user’s impressions helped better shape our product.

From ideation to prototyping

Comprehensive design process

Once we had a clearer understanding of our users and competitors, we initiated the visual design process with basic low-fidelity wireframes. These were tested briefly before advancing to the next stages. Insights from our specific user base were immediately applied to our high-fidelity designs. As the project progressed, we delved into more complex features, created detailed prototypes, and developed a robust design system.

After several rounds of testing, the product launched successfully, generating significant revenue and a wealth of new feedback. This constructive feedback was integral in driving further refinements and enhancements, ensuring continuous improvement and evolution of the product.

Exhaustive style guide

We developed a comprehensive style guide detailing every aspect of our design system, including typography, color schemes, iconography, and UI components. This guide was created by systematically documenting each design element and its usage, ensuring that every part of the platform adhered to a consistent visual and functional standard. By defining these guidelines, we were able to maintain a cohesive design across all screens and interactions. The style guide not only provided clear instructions for the design team but also facilitated a unified user experience throughout the project, ensuring that every element fit seamlessly into the overall design.

Product

Simple, flexible and scalable widget

We designed a widget that caters to a variety of publishers by offering extensive customization options. Its simplicity not only ensures ease of use but also drives higher engagement, as evidenced by over 5 million monthly clicks. The widget’s flexible design allows for smooth integration across different platforms, while maintaining a high standard of accessibility. Its scalable architecture ensures consistent performance and a seamless user experience, contributing to increased conversions and user satisfaction.

Solution

Recommendations are broken into two sections

Addressed a key challenge by dividing recommendations into two distinct sections: sponsored links on the right and non-sponsored links on the left. This separation enhances clarity and relevance, ensuring users easily distinguish between promotional and organic recommendations.

Product

Dashboards with spreadsheets maximised

Developed dashboards that maximize functionality by integrating advanced spreadsheet features. This approach allows users to efficiently manage, analyze, and visualize data, providing a comprehensive and interactive experience that supports detailed insights.

More research

Continuous performance metrics and other post-dev research

Reach

Used on over 8,500 websites by 400+ publishers

Get in touch

Let’s work and build something great together