Street of crocodiles website design :

on the left html, on the right one made using framer.

Project 3: Website Design - Street of Crocodiles

I recently had the opportunity to work on a website design project for the fictional novel Street of Crocodiles. The goal of the project was to create a website that would be both informative and visually appealing, and that would accurately reflect the tone and atmosphere of the novel.

HTML website

For the HTML website, I chose to use a simple and classic design. I wanted the website to be easy to navigate and to focus on the content. The typeface I chose for the website is Times New Roman, as I felt it gave a professional and sophisticated look to the site. I also chose to match the color of the navigation to the blue of the sky in the hero image at the front of the web page. This helped to create a sense of unity and cohesion for the overall design.

Framer website

For the Framer website, I wanted to create a more dynamic and interactive experience. I chose to use a split-screen layout, with the navigation on one side and the main content on the other. This allowed me to create a more visually interesting design, and to also make it easier for users to navigate the site.

I also chose to use a more vibrant color palette for the Framer website. I wanted to match the colors of the navigation to the colors of the sunflower and wooden beam in the picture. This helped to create a more cheerful and inviting atmosphere for the site.

Overall, I am very happy with the results of this project. I believe that I have created two websites that are both informative and visually appealing, and that accurately reflect the tone and atmosphere of the novel Street of Crocodiles.

HTML website

• Typeface: I chose to use the Times New Roman typeface for the HTML website because it is a classic and elegant font that is well-suited for professional and academic writing. It is also a very readable font, which is important for a website that is designed to be informative.
• Color palette: I chose to use a simple color palette for the HTML website, with a focus on blue and white. The blue color matches the blue of the sky in the hero image, and it also conveys a sense of professionalism and trust. The white color provides a neutral background that makes the text and other design elements easy to read.
• Navigation: I chose to place the navigation bar at the top of the page, where it is easily visible to users. The navigation bar is also prominently displayed on all pages of the website, which makes it easy for users to find their way around.