For the research project FORnanoSatellites at FAU Erlangen-Nürnberg, a new project website was created that presents a research effort on nanosatellites in a clear and appealing way for interested parties and project participants. Starting from my own Framer design, a complete WordPress theme was developed that combines visual design, clear information structure and easy content maintenance. This includes a dark, modern look with an animated hero section, scroll effects and a bilingual presentation in German and English.
FORnano Satellite was built as a WordPress block theme with PHP, HTML, Sass and JavaScript. All texts, images, buttons and links are regular blocks, so the site can be maintained directly in the editor without programming knowledge, including a language switcher in which every text is stored in German and English.
Key areas of development:
• Implementation of the Framer design as a WordPress block theme (PHP, Sass, JavaScript)
• All content editable in the block editor, with bilingual texts (German/English) and a language switcher
• Responsive implementation for desktop, tablet and mobile devices
• Animations and scroll effects: WebGL hero, stacked cards, timeline and text reveal, with consideration for “reduced motion”
A particular focus was on the technical requirements of FAU: accessibility according to WCAG 2.2 AA with good contrast, keyboard operation and visible focus, locally hosted fonts, minified CSS and JavaScript, and a Sass build process. Testing took place in a real WordPress environment using Theme Check, automated accessibility checks and multisite; version control and public distribution run via GitHub. The result is a project website that presents a scientific topic in a modern and accessible way and can be maintained long-term without development effort.
