Redesign the website of the European school in Strasbourg

ape-ees.eu2024Strasbourg, France

APE-EES is the Parent Association of the European School in Strasbourg. The role of the association is to represent and protect the interests of families (both educational and pedagogical) within the school.

Go to site
School website design

Stage of School Website Development

  • A unique WordPress theme was created for a European school in Strasbourg. ACF Pro fields and Gutenberg blocks were used for convenient content editing.
  • News display was configured using standard WordPress posts with date sorting. An archive page for news was created, and a feature to select top news was implemented.
  • The event functionality on the site was set up using the Modern Event Calendar plugin. The calendar appearance was modified, the event type was adjusted based on the date, and a feature to select top events was added.
  • WPML was installed for the site’s multilingual support, and translations for static texts in different languages were configured.
  • A registration form with an annual subscription was implemented and integrated with the HelloAsso payment system. The form was configured with validation for all fields, an option to select any country code in the phone number field, and a blacklist feature for unwanted users.
  • Logged-in users can view unique content on the site and interact with other users on the forum.
  • A subscription form was implemented using Contact Form 7 with integration to the Brevo mailing service.
  • The functionality to export site users to an Excel table with a preview of fields was implemented.
  • A Google map was added to display the school’s location with unique styling using the Google Maps API.
  • The site was tested before publication to ensure correct display on different devices and screen resolutions, the site’s loading speed was optimized, and redirects from previous site pages were set up.
  • After the successful completion of development, the site was transferred to the production WordPress resource, adhering to all publication requirements.
School website event design

Implemented technologies

Front-end

  • HTML5, CSS3, JavaScript
  • Bootstrap, jQuery
  • responsive
  • cross-platform, cross-browser
  • Google Map API
  • Icomoon
  • SEO optimized HTML structure
  • Smooth hover effects

Back-end details

  • PHP, MySql
  • creation custom type of the post
  • mu-plugins
  • using plugin for Events calendar with following customization
  • Implementation and Customization of Forum Functionality Using the Asgaros Forum Plugin
  • Custom archive pages were created, which include multiple post types sorted by a common date and grouped by the start/end date of the academic year.
  • Utilized ACF Pro and Gutenberg for content management.
  • Integrated the payment method HelloAsso via API, which allows for the payment of admission fees and automatically updates user statuses on the site based on payment status.
  • An Admin panel guide was created for using both the basic and custom functionalities of the site.
School website development board page
School website development what we do page
School website development news page
School website development membership page
School website development log in page
School website development faq page
School website development map page
Avatar

Anamaria Atanasiu

Member APE-EES
EN Primary and Secondary

Strasbourg

Thank you again for a great collaboration. I was really impressed, not only with your expertise, but also your availability to help me understand and use our portal, implement my ideas for frontend. I enjoyed our chats and they were very helpful.

WebVatra helped us to redesign and expand our parents association’s portal. We were impressed with their professionalism and thoroughness, attention to detail and eye for design. And most of all, their dedication to our project – their availability to answer our questions, the fast response, the speed in solving issues.

Strasbourg

Start your online project with us

We do everything to profitably present your business or project online. Contact us today to get the best solution and get started.

Form Arrows

    Choose service
    • Website development

    • Web Design

    • SEO-promotion

    • Advertisement

    • Scope of services

    • Cooperation

    • Other

    By sending this form, you agree, that are familiar with Privacy Policy and User Agreement of the website.