Home PageActual Interface · Live Website 10.09.2026
01 / Context
The public organisation needed a single source for its mission, projects and environmental agenda
The website covers natural heritage preservation, ecosystem restoration, environmental awareness, the green economy and social modernization. Permanent organizational sections connect with news, events, documents, projects and a geographic eco-map.
Challenge
Make environmental initiatives clear and accessible
Solution
Projects, environmental map, documents and public agenda
02 / Pain Point → Solution
More than pages: clear journeys for different user intentions
01
Positioning
Present the mission and areas of work without bureaucratic overload.
02
Projects
Bring initiatives and outcomes together in a dedicated catalog.
03
Geography
Show environmental sites and issues on a map.
04
Transparency
Publish documents, history, governance and press materials.
03 / Information Architecture
The user journey is built around a meaningful task
Home→About the Organization→History→Projects→Eco Map→Documents→Press Center
The architecture was reconstructed from public navigation, internal links and accessible routes.
04 / Core UX
The environmental agenda is presented through action, locations and current content
The opening screen states the public mission and immediately invites visitors to join or explore the organization's history. Quick links highlight current topics, cards support the news feed, the project catalog demonstrates practical work, and the eco-map offers geographic exploration.
ProjectsEnvironmental Initiative CatalogEco MapGeographic interface for environmental data
05 / Content Model
The editorial model separates institutional content, projects, news and mapping materials
Pages
About the Organization
Charter, leadership, history and key dates
Posts
News and Events
Chronological Environmental Agenda
Projects
Initiatives
Standalone Project Pages
Eco map
Locations on the Map
Geographic Data Visualization
Documents
Open-Access Materials
Corporate and Operational Documents
ACF
Structured Fields
Reusable Project Template Data
06 / Technology Stack
The public implementation was analysed using the source HTML and network resources
WordPress 7.1CMS and PublishingHello Elementor 3.0.2Base ThemeElementor 3.22.3 / Pro 3.22Visual Templates and ComponentsAdvanced Custom FieldsStructured DataEle Custom Skin ProCards and AJAX paginationSwiper + nginx/PleskCarousels and Server-Side Layer
07 / Interactive Flows
The interface helps users complete tasks without unnecessary navigation
Eco map
Explore Sites by Geography
Project cards
Explore Initiatives
News loops
Dynamic Publication Feed
Forms
Contact and Join the Organization
08 / SEO Audit
Search Baseline and Specific Growth Opportunities
The homepage includes a canonical URL but does not publish a description, Open Graph, JSON-LD or hreflang. The core sitemap works and contains four sections: posts, pages, categories and authors. Useful improvements for the public platform include Organization, Project, Article, Event and Place schema, unique project descriptions and indexable eco-map location profiles.
4sitemap section
1canonical
0meta description
0JSON-LD
The public audit was completed on 10.09.2026. The case study describes the interface and content architecture without attributing unverified environmental impact or quantitative project outcomes to the website.
09 / Responsive
The Primary Flow Is Preserved on Mobile
Navigation, headings, cards and calls to action are reorganised into a single vertical flow. The mobile screen below is an authentic capture of the original interface at a width of 390 px.
Clear hierarchy without horizontal scrolling
Large Touch Targets for Primary Actions
Progressive Content Loading
Keeping the primary CTA accessible in the mobile journey
Mobile VersionViewport 390 × 844
10 / Technical Review
The Case Study Is Based on the Observable Implementation
01
HTTP and routes
The home page and key internal pages, response statuses and redirects were verified.
02
HTML and metadata
Title, H1, description, canonical, Open Graph and JSON-LD were captured.
03
Frontend stack
The technologies were verified through the names of public scripts, styles and API endpoints.
04
Responsive
Homepage reviewed at 1440 × 1000 and 390 × 844.
05
Content
The information model was validated against navigation, archives and the sitemap.
06
Evidence
Every interface in this case study is an authentic project screenshot with no generated UI.
11 / Result
BB ECO presents the organization's work in an accessible digital structure: its mission explains the direction, projects demonstrate action, the eco-map connects activities to locations, and documents and the press center support transparency and regular communication.
4 sitemap sections and 21 internal routes from the home page. The solution can evolve as the content and new user journeys grow.
Need a public-interest platform featuring projects, a map and open data?
We will analyse the audiences, content, integrations and search demand, then design the structure and technical architecture before visual design begins.
