Project Overview:​

The Literary Community Website is a project created for publishing literary and educational materials developed by members of a local literary community. The platform provides access to short stories, poems, and educational texts, contributing both to cultural exchange and language learning.

The goal of the project was to create a structured and accessible website where readers could easily explore literary works, discover new authors, and access educational materials. The design focuses on clear navigation, readable typography, and a simple structure that allows users to comfortably browse and find content.

The website also supports cultural cooperation between local writers and readers who are interested in literature and language learning.

Role: Web Designer / UX Designer
Tools: Figma, Wix, Adobe Photoshop
Scope: UX structure, UI design, content organization

 

Understanding the Challenge / Goals

Within the Literary Community Website project, I analyzed the goals of the literary group and the needs of potential readers. The platform publishes literary works, poems, and educational materials created by authors participating in the community.

Such websites often contain a variety of content, including stories, poems, learning materials, and information about local communities. Without a clear structure, visitors may find it difficult to navigate and locate specific texts or authors.

The goal of this project was to create a website that presents literary and educational materials in a clear format.

The design places particular emphasis on readability, intuitive navigation, and clear organization of texts and categories.

Problem

Websites that publish literary and educational materials often present a wide

Readers visiting such platforms may have different goals: some want to discover new literary works, others want to practice language learning, and others are interested in educational materials.

The task of this project was to develop a website that systematizes literary and educational content in a clear and intuitive way, allowing visitors to easily find texts, authors, and learning materials.

Research

Users

Target Audiences

Literature Enthusiasts
can explore stories and poems written by authors from our community and discover new literary works.

Students and Language Learners
use literary texts and related materials to practice reading and listening skills.

Community Members
can follow the activities of the literary group and read new publications from local writers.

​

Research & Insights
↓
User Personas
↓
[Anna] [Mark] [Olena]
↓
User Needs → Design Decisions

​

User Journey: Exploring Literary Content

​

Anna finds a new story on the website
↓
Browses stories and poems
↓
Reads the selected text
↓
Listens to the audio version
↓
Explores other works by the author

​

Key Insights

The insights were derived from the analysis of literary community websites and educational platforms that publish reading materials.

Users often search for specific types of content such as stories, poems

Clear categorization helps readers quickly find the texts they are interested in.

Audio recordings of texts significantly improve accessibility and support language learning.

Comfortable typography and a simple text structure improve the reading experience.

​

Information Architecture

To organize literary and educational materials, I developed a clear website structure that allows users to easily navigate between different types of content.

​

Home
│
├── News
│
├── Stories
│ ├── page1

│ ├── page2

│ ├── page3

│ ├── page4

│ ├── page5

│ ├── page6
│ └── page7
│
├── Children's stories
│ └── page1
│
├── Songs
├── Poetry
│
└── Educational materials

│ ├── Sounds

│ ├── How to write a proposal

│ ├── Video

│ ├── Verbs

│ ├── and ather
├── About the Netherlands
└── About Us

​

This structure helps visitors easily find texts and move between literary and educational content.

​

Design Implications

Convenient navigation separating stories, poems, and educational materials.

Simple and readable layouts focused on text content.

Audio players integrated into story pages.

Consistent typography style and character spacing ensure comfortable reading.

Responsive design provides accessibility on desktop and mobile devices.

​

Competitor Analysis

The main competitors include literary community websites and online reading platforms.

Examples include reading clubs and literary platforms that publish reviews, author information, and literary discussions, such as MijnLeesclub.

​

Strengths & Weaknesses

Literary community websites:
Acti

Reading platforms:
Large collections of texts → often less focused on authors collaborating with a community.

​

Opportunity

Create a website that combines community-created literary content with a clear and accessible reading interface, allowing visitors to easily explore stories and educational materials.

​

Design References & Inspiration

Visual inspiration was taken from minimalist publishing platforms and literary websites t

​

UX Patterns

Clear typography and text-oriented layout.

Card-based presentation for stories and articles.

Clear category navigation.

Audio integration for listening to literary texts.

​

UX Process / Methodology

1. Research

Literary community platforms and reading websites were analyzed.

The needs of readers and language learners were studied.

Visual materials were collected from literary publishing platforms.

Outputs: user personas, inspiration boards, competitor analysis.

2. Define Problems & Goals

The main problem was identified: organizing diverse literary content in a clear and accessible way.

Project goal: to design a simple and intuitive website for reading and discovering literary works.

Outputs: problem statement, project goals, user stories.

3. Ideation & Prototyping

A structured sitemap for literary categories was created.

Page prototypes for stories and text layouts were developed.

User scenarios for searching and reading texts were mapped.

Outputs: interface wireframes, sitemap, user interaction scenarios.

4. Design & Prototyping

Layouts focused on readability and content hierarchy were designed.

UI elements such as story cards and author sections were developed.

Prototypes were created in Figma to de

Outputs

​

5. Testing & Iteration (Planned)

Usability testing with readers and language learners is planned.

Tasks include searching for stories, exploring poems, and accessing learning materials.

The feedback obtained will be used to improve navigation and content structure.

Outputs: usability testing plan and feedback system.

​

Solution

The final design provides a clear and accessible platform for publishing literary works and educational materials.

Key design features include:

• structured categories for stories, poems, and learning materials
• clean design optimized for reading
• integration of audio recordings for selected texts
• intuitive navigation between authors and texts
• responsive design for desktop and mobile devices

​

Outcome

The project supports a literary community that publishes original texts and educational materials online.

The structured design ensures accessibility of the content.

The platform creates a digital space where literature, education, and community interaction are combined.

​

Reflection

This project helped me study the complexities of designing websites focused primarily on text content.

One of the key challenges was creating a visually attractive interface while maintaining an emphasis on readability and clarity of content.

If the project continues to develop, the next steps will include usability testing with readers and further development of search and filtering functions for literary content.