By clicking "Accept All", you agree to have cookies stored on your device to improve site navigation, analyze site usage, and assist with our marketing efforts. See our privacy policy for more information.
RefuseAccept all
Badge Webflow Award Winner 2023
Portfolio

Webflow Cyber Security Training Center | Oteria X Digidop

Follow the journey of our partnership with Oteria Cyber School in the development of their visual identity, SEO-friendly Webflow site and training of the teams for Webflow content management.

Branding
Design
Development
Main home oteria executive education
Watch the video
"Great project with Digidop ! We were guided from start to finish with a very clear process that allowed us to make a site that met our needs."

Olivier Nachin

Instructional Design Manager in Cybersecurity

See the website

Key points of the Oteria Executive Education project

Follow the journey of our partnership with Oteria Cyber School in the development of their visual identity, SEO-friendly Webflow site and training of the teams for Webflow content management.

Technical Stack

Icon Figma SVG
Icon Make (ex integromat) SVG
Blue webflow logo
Icon Calendly SVG
Icon layout

Services

  • Branding
  • UX Design
  • UI Design
  • Webflow development
  • Webflow training

The project in pictures

The sites evolve. So we capture these photos so that you can have an eye on the real rendering at the time of the setting on line.

Header of the Oteria Executive training site with images and Google review stars
Slider with clickable training cards
Page presenting the key points of a training and its trainer
Page presenting Jean-Pierre, Oteria trainer
No items found.
See the website

Cybersecurity training organization case study: Oteria Executive Education

Oteria Executive Education is an entity of Oteria Cyber School, dedicated to cybersecurity training. This center offers recently IT training dedicated to companies and public organizations. Oteria contacted us to create a new website dedicated to cybersecurity training for BtoB.

Project Mapping

Several stages of the project to target customer needs and respond to them as best as possible:

  1. 2-hour design sprint workshop with our teams and those of Oteria
  2. Creation of a brand new graphic charter focused on Cybersecurity and BtoB
  3. Development of a user path (UX) and optimization of the internal network
  4. Creation of web UI model
  5. Webflow Client First development with CMS optimization
  6. Optimization of SEO performance and compliance with web best practices
  7. Training in Webflow Design and Editor modes
  8. Integration of different tools(Axeptio, Calendly, Airtable, Gmail, Make, Google Drive, etc.)

Key issues

  1. Creation of a brand new visual identity dedicated to BtoB
  2. Development of a dynamic site, easy to edit and scale for future trainings
  3. Multiple connections between CMS collections
  4. SEO performance
  5. Connection of forms to a backoffice with Make.

The site is currently composed of 8 pages including 2 dynamic pages.

Creation of dynamic Webflow pages

The creation of dynamic template pages in Webflow allows Oteria teams to make their site evolve in a simple and 100% autonomous way. 

Dynamic page Formations

Oteria will be able to add as many trainings as necessary thanks to the dynamic training pages. They have control over the edition of many fields:

  • Name of the course
  • Program details
  • Add trainer
  • Price of the training
  • Possibility to register for the training
  • Etc. 
dynamic page training of the site oteria executive education

Dynamic page Trainers

Creation of a dynamic page template per trainer, which we attached to each of the training courses. 

screenshot of the trainer page of the oteria executive education website

Tool integration

Calendly integration

Creation of a two-level contact form:

  • make an appointment directly from Calendly
  • contact from a Webflow form
dynamic training page of the oteria executive education website

Webflow Airtable Gmail connection with Make

We have created workflows with Make, to automate the various forms on the site, as well as training registrations.

  • Adding data to Airtable databases
  • Lead qualification
  • Sending automatic emails
  • Team notification
  • Sending of training programs. 
screenshot of a workflow make webflow airtable google drive gmail

Responsive site for all media

computer, tablet and phone screens with oteria executive education website display

Our sites are developed with the best web practices

Digidop does not only offer you a simple website, but a know-how approved by the market players and our satisfied customers. A guarantee of our professionalism and the quality of our services.

logo webflow professional partner

Webflow Partner

Recognition for the experts of the Webflow tool

Read more
logo client first certified

Client-First Expert

Evidence of best practices in development

Read more
figma logo

Figma Designer

Mastery of the design process through professional use of the tool

Read more

And validated by our customers

google logo
5/5 (57 reviews)

"Excellent work, top notch art direction, responsive team and most importantly, responsive!"

"The agency had been recommended to me and they really came through! From the graphic design, to the development on Webflow to the back and forth before going live, everything went very well."

"The process is very square and they are super nice - if you want to develop a no-code site quickly and with a great design, don't hesitate!"

"The team at Digidop is a great value. They are punctual, professional, communicative, positive and incredibly enthusiastic.

"From RFP inception to completion (and now continuation), Digidop was so quick to listen to our needs, propose ideas and take the project to much more. An amazing collaboration, always responsive."

"Digidop helped us successfully launch an MVP for a 100% automated audit system with Webflow and (Make) Integromat. The team is knowledgeable and responsive. Thank you Digidop !"

"Great collab for the redesign of the Reecall.com website. A serious and fast team!"

"Digidop offers real Webflow expertise and everything needed to build a modern website (design system, best development practices, responsiveness, performance, SEO)."

Ready to take your website to the next level?

Improve your online visibility thanks to Digidop's experience, excellence and reactivity!

Contact us

Our sites are developed with the best web practices

Much more than a Webflow site, our clients recognize our expertise in UX and UI Design to improve their digital visibility

Our entire portfolio

Coudac

Find out how we helped Théo Lion's Groupe Coudac gain visibility, autonomy and credibility on the Web.

See the case study

Flomodia

Find out how Digidop supported Flomodia in its mission to create the temple of European entrepreneurship in Paris, France.

See the case study
You are one click away from making the best decision for your site.
right here