Leonard Weber Architecture Portfolio Website

The website is a big upgrade to a normal portfolio in the form of a PDF, as it is much more accessible and interactive. It also allows direct contact via a contact form.

Comment

Inspiration

What inspired me to create the Leonard Weber Architecture Portfolio Website was the need for a more modern and engaging way for architecture students to showcase their work online. Traditional PDF portfolios are often static and lack interactivity, making it difficult for students to stand out and showcase their work effectively. By creating an online portfolio that is interactive and accessible, I wanted to provide a better way for students like Leonard Weber to present their work and connect with potential employers or collaborators.

What it does

The Website https://leonardweber.de strives to be a representation of the skills of architecture student Leonard Weber. It showcases his work with images, descriptions, and details effectively. Furthermore, it includes a contact form for easy communication.

How I built it

To build the Leonard Weber Architecture Portfolio Website, I used a combination of front-end and back-end technologies. The front-end was built using HTML, CSS, and JavaScript, while the back-end was built using PHP. I also used various libraries and frameworks, such as jQuery and Slick-Slide, to enhance the user experience and improve the design of the website.

Challenges I ran into

One of the main challenges I faced when building the website was ensuring that it was responsive and accessible across different devices and screen sizes. I also had to ensure that the website was easy to use and navigate, especially for users who are not familiar with web development or design. Additionally, I had to ensure that the website was secure and protected against potential threats or attacks. Last but not least, and also the most difficult challenge I ran into, was to meet the very high expectations of Leonard Weber, a perfectionist. Every detail of this website was designed and created in consultation with Leonard.

Accomplishments that I'm proud of

I am proud of creating an engaging, interactive and easy-to-use website from scratch to fulfill all needs and expectations of Leonard. I also managed to make it responsive, so it can provide the same experience on every kind of device. I like all these little details, which are mostly hidden at the first view, but just make the difference when noticed - the black dot as a mouse cursor, the Meta & Twitter Card when sending the domain via e.g. WhatsApp or Twitter, animated start-page and menu, keyboard control for switching through the projects via the arrow keys and many more.

What I learned

Building the Website taught me a lot about web development, design, and user experience. I learned how to create an engaging and interactive platform that is accessible and responsive across different devices and screen sizes. I also learned how to create a secure and protected website that is protected against potential threats or attacks.

What's next for Leonard Weber Architecture Portfolio Website

In the future, I plan to continue improving the website and adding new features and functionality. It also has to be maintained by adding new projects, each coming with its own challenges.

Built With

Share this project:

Updates