Boosted User Engagement with Better User Experience

Boosted User Engagement with Better User Experience

Boosted User Engagement with Better User Experience

Navigate to

Navigate to

Overview

Problem
Problem

The website suffers from an outdated user interface (UI), poor user experience (UX) design, non-intuitive navigation, and insufficient mobile responsiveness. Which results in low user engagement, high bounce rates, and potential accessibility issues.

Outcome
Outcome

Modern design, with improved navigation, streamlined content, emphasized CTAs, and enhanced accessibility features, enhances user engagement and drives higher conversion rates.

My Role
My Role

Product Designer

Timeline
Timeline

6 days

Research

Research

Insights

Outdated and clutter design

1

The design feels outdated and lacks visual impact. The color scheme is bland, and typography is not modern, failing to create a strong first impression or brand identity.

2

Prioritizing information isn't implied here, which makes it hard for users to find what they need quickly. Also, the CTAs lack visual emphasis.

3

The site lacks testimonials, client logos, or case studies, which could enhance credibility and user interaction.

(Previous Design)

(Previous Design)

Competitive Analysis

Identified content & design patterns

I analyzed 5-6 publications websites to understand what type of experience visitors get when they land on the websites. I also identified the content and design patterns for different sections, and shape hypothesis over what should be included in a website and how it should be displayed.

Hypothesis

Hypothesis

Redesigning the website with a focus on modern UI principles, improved navigation, streamlined content, emphasized CTAs, and enhanced accessibility features, can significantly improve user engagement and conversion rates.

Redesigning the website with a focus on modern UI principles, improved navigation, streamlined content, emphasized CTAs, and enhanced accessibility features, can significantly improve user engagement and conversion rates.
Wireframes

Early visualization of design layout

Created wireframes to visualize the layout and structure of the website. It helped us to plan the placement of key elements and test user flows, ensuring a functional and user-friendly design.

Design

Style Guide

Reflecting brand's identity & values

Since I was informed to use pink as a primary color, I chose colors that would sit well with the pink and keep the website minimal. It provided detailed specifications for design elements, ensuring uniformity across the website and strengthening brand recognition.

Typography

Montserrat

Montserrat

Montserrat

Montserrat

This is a publishing web.

This is a publishing website.

This is a publishing website.

This is a publishing website.

This is a publishing website.

This is a publishing website.

Color Pallete

#E23865

#ACACAC

#FDFDFD

#090304

Website Design

Redesigning the interface with a better UX

Revamped the previous design by making it visually appealing with improved navigation, streamlined content, emphasized CTAs, and enhanced accessibility features, which you can see below.

Revamped the previous design by making it visually appealing with improved navigation, streamlined content, emphasized CTAs, and enhanced accessibility features, which you can see below.

Prototyping

Walk through to show what's inside

Walk through to show what's inside

Check out the prototyping of the revamped website design by clicking the button below.

Check out the prototyping of the revamped website design by clicking the button below.

Final Takeaways

Final Takeaways

Final Takeaways

01

01

01

Simple Design

A visually appealing interface doesn't promise conversion, but a simple and intuitive interface does convert better.

02

02

02

Time management

Delivering a project within a tight deadline helps me manage time effectively and use resources wisely.