Request a quote
    • Web development
    • App development
    • Web design
    • AI automation
    • Search engine optimisation | SEO
    • Brand development
    • Online marketing
    • Media design
    • Software consulting
    • IT consulting
  • Portfolio
  • News
  • About Us
  • Career
  • Contact
Request a quote
Contact030 343 490 42kontakt@ivis.mediaMühsamstraße 34
10249 Berlin
  • Web development
  • App development
  • Web design
  • AI automation
  • Search engine optimisation | SEO
  • Brand development
  • Online marketing
  • Media design
  • Software consulting
  • IT consulting

Take the first step to success with us

Contact

T

030 343 490 42

E

kontakt@ivis.media
Contact Form
IVIS MEDIA
Mühsamstraße 34
10249 Berlin
Services
  • Web development
  • Web design
  • App development
  • SEO
  • Online marketing
  • Brand development
  • Media design
  • Online shop
  • Shopify
  • WooCommerce
  • E-commerce platform
Services
  • WordPress
  • Custom platform development
  • Restaurant menu plugin
  • Accessible websites
  • Accessibility website check
  • AI automation
  • AI consulting
  • AI readiness check
  • IT consulting
  • Software consulting
Miscellaneous
  • Glossary
  • News
  • Career
  • About Us
  • Portfolio
  • Contact
IONOS – Official partner
  • Contact
  • Imprint
  • Terms & Conditions
  • Privacy Policy

© 2016 - 2026 by IVIS MEDIA Berlin. All rights reserved.

Click me!
View
project
View
website
View
job
?
X
✓
|
BBSME

School website & corporate design
for BBSME

For the vocational school for metal and electrical engineering (BBSME) we delivered a full digital refresh: a modern school website that is fast, mobile-optimised and low-barrier—with clear information architecture for students, teachers and administration. The WordPress solution pairs intuitive editorial workflows with high performance so key content, dates, forms and downloads stay easy to find. The interface carries the school’s identity and builds trust, while the CMS supports independent maintenance—GDPR-ready, search-friendly and built to grow.

Overview

The BBSME website redesign focuses on usability, performance, technical SEO and accessibility (clear semantics, contrast, keyboard focus). With mobile-first delivery, lean navigation and concise page templates, users find information faster—from training areas and contacts to documents and events. Caching, image optimisation and asynchronous assets keep load times short and Core Web Vitals stable. Modular components keep the site extensible and easy to maintain—ideal for new programmes, news, calendars or download sections.

Icon design

For metal and electrical engineering we developed a consistent icon language. The pictograms differentiate content, improve orientation and strengthen visual identity—creating a clear, recognisable look across website, presentations and print.

Services
  • Corporate identity
  • Corporate design
  • Web design
  • Web development
  • WordPress
  • SEO
  • Media design
Technology stack

WordPress CMS, PHP, HTML, CSS, JavaScript

Website
www.bbs-me.de
Results

Measurable gains in findability and usage: shorter paths, longer sessions and lower bounce rates. Editorial staff update content without agency overhead; school communication becomes faster, clearer and more consistent across channels.

Intro Media

School website development (WordPress)

The goal was a school homepage where information is easy to find and time on site grows. Mobile-first delivery, clear low-barrier navigation and fast load times are the foundation. We relied on clean semantics, structured content and consistent templates for departments, news and downloads. New offers and departments can be added modularly—ideal for growing content and future needs.

The new site pairs efficient information architecture with a fresh, audience-appropriate UI. On WordPress as CMS the school team maintains pages, dates, downloads and news independently—with clear roles and an editor-friendly block editor. The site stays current, supports digital communication and strengthens search visibility.

BBSME school website on laptop – home and navigation
BBSME school website on mobile – menu and content
BBSME school website desktop – content pages

WordPress CMS for schools

We set up an editorial-friendly WordPress CMS that needs no technical background. The backend matches the school’s needs: content, pages, dates, downloads and media can be created and updated quickly—in the browser. Reusable content blocks keep maintenance consistent and efficient.

In training we showed the team how to create pages, update content and upload media (images, PDFs). Roles and permissions keep processes secure. Thanks to modular structure, extensions—extra departments, calendar modules or FAQ sections—are straightforward. The result: always up-to-date content, short publishing paths and a sustainable editorial workflow.

BBSME WordPress backend – clear admin panel
BBSME WordPress editor – editing content

Corporate design & school branding

The redesign aimed for contemporary, youth-oriented school branding that reflects BBSME’s digital ambition. The new logo condenses metal and electrical engineering into a concise mark that works in colour and monochrome—from favicon to posters.

A clear colour and type system, sufficient contrast and consistent layout principles aid recognition and everyday use. From website to presentations and print, corporate design is applied uniformly—for a professional, motivating presence that speaks to young people.

BBSME info brochure – cover variants
BBSME flag design – corporate colours
BBSME merch – mug in corporate design
BBSME brochure – inside spread layout

References

View portfolio
Amrit – website for an Indian restaurant in Berlin – project image

Amrit – website for an Indian restaurant in Berlin

Corporate identity, Corporate design, Web design, Web development, WordPress, SEO, Media design

BBSME – school website & corporate design – project image

BBSME – school website & corporate design

Corporate identity, Corporate design, Web design, Web development, WordPress, SEO, Media design

AHRENS Metallbau – website for a metal construction company – project image

AHRENS Metallbau – website for a metal construction company

Corporate identity, Corporate design, Web design, Web development, WordPress, SEO, Media design

Is your website ready for the
AI era?