Reactive Personal Website For An Academic Researcher

Legible, aesthetic, user-friendly and easily navigable

HTML, CSS and Vanilla Javascript
Mobile First Approach
Bilingual FR / ENG

https://mathieubcd.com/

Table of contents

• What's included
• Creation process
• Acknowledgement
• Copyright and license

What's included

PersonalWebsiteForAnAcademicReasearcher/
    ├── ENG/
        └── css
        └── images
        └── js
        └── pdf
        conference.html
        enseignement.html
        index.html
        publications.html
    └── FR/
        └── css
        └── images
        └── js
        └── pdf
        conference.html
        enseignement.html
        index.html
        publications.html

Creation process

In the links below, I share early wireframes of the project. From there on, I went through an iterative process. I consulted my instructor, classmates, and client. Their feedback guided my design decisions.

For example, I changed the hamburger menu for a simpler, visible, and straightforward menu system that makes the structure of the website much clearer. It also led me to reorganise the welcome page and bring forward the client's main message around his research orientation and carreer objective.

• Project
• Style
• Inspiration

Acknowledgement

Special thanks to Santo Romano who, in addition to introduce me to Web Design and User Interface, taught me that the web was meant to be open.

Let's Copy. Transform. Combine.

Copyright and license

Code released under the Creative Commons Universal License.