New improved design of website
30.10.2023
15.04.2025
1 minute
116
0
0
0
0
About home page of website
This is not just a landing page, but a main one. In my opinion, since the home page hardly attracts people from search, it should either be the ‘Face of the Site’ or a very advanced navigation page. In short, the page from which you can get to any other.
Home page before
Home page after
As you can see, in the first version I decided to focus on revealing the theme of the site. That is, what is it about, how the articles on it are divided.
In the new version, it was decided to get rid of all this and create interactive elements where the visitor can find out the latest news, articles and completed cases. I left only lists of services provided by me.
About post preview
Regarding article previews. I made the most basic and simple version. Most likely final. Although there are a couple of ideas for the project preview that gonna be changed for sure.
Preview before
Preview after
About a generator of table of content
I also created a simple script that generates a navigation menu for quick navigation around the page. It can be found on the about and services pages.
Table of content
Of course, I have a little doubt about choosing a picture to display list items. Maybe it's brilliant, or maybe it's stupid and inconvenient. Will see.
Conclusion
In conclusion, I would like to accept one important fact.
Most likely, I will change the style of my site more than once. Until I find the one the most... special. Well, for now we have what we have.
Bye.
Feedback form
Email subscription
Comments
(0)
Send
It's empty now. Be the first (oﾟvﾟ)ノ
Other
Similar articles
I’ve published my blog or why is it so empty.
12.10.2023
103
0
0
0
0
First article on my portfolio/blog site.
Rethinking website design. Trying to make it better | Tim the webmaster
21.12.2023
196
0
0
0
0
An attempt at rethinking website design. And make it better. The foundation of the changes came from the PageSpeed Insights website. The main goal of this 'Rethinking design', was to …
Used termins
- Website builder ⟶ It is an app or web service, with a collection of ready for use templates and tools, for constructing a website.
- TailwindCSS framework ⟶ It is a utility-first CSS framework that streamlines web development by providing a set of pre-designed utility classes. These classes enable rapid styling without writing custom CSS, promoting consistency and scalability. Tailwind’s approach shifts focus from traditional CSS components to functional classes, empowering developers.
- Web design ⟶ Is the process of creating and designing websites and web applications that are accessible, user-friendly, and visually appealing. It encompasses various aspects, including layout, color schemes, typography, graphics, and user experience (UX). Here are some key components of web design, such as: Layout and Structure, Visual Design, Responsive Design ...
- CSS (Cascading style sheets) ⟶ Is a stylesheet language used for describing the presentation of a document written in HTML or XML (including various XML languages like SVG or XHTML). CSS controls the layout, colors, fonts, and overall visual appearance of web pages, allowing web developers to create visually engaging and cohesive designs.
- Django framework ⟶ Is a high-level, open-source web framework for building web applications using the Python programming language. It follows the model-view-template (MVT) architectural pattern and is designed to facilitate rapid development while promoting clean, pragmatic design.
- Website ⟶ Is defined as a collection of related web pages that are typically identified by a common domain name and published on at least one web server. Websites can serve various purposes and can include anything from personal blogs to business sites, e-commerce platforms, or informational resources.
Related questions
- Why did you choose django over website builders ? Quite a difficult question. I guess I like to understand and delve into complex things, although it seems that it’s not worth it. It's a similar story with game development. Instead of making games using game engines, I made my own, **DI**. Well, I'm just not looking for easy ways ;)
- How to avoid being blocked when scraping a website? Many websites would block you if you scraped them too much. To avoid being denied, you should make the scraping process more like a human browsing a website. For example, adding a delay between two requests, using proxies, or applying different scraping patterns can help you avoid being blocked.
- Name some ways to reduce a website’s loading time ? Here are some ways of reducing a site’s loading time: 1) Find a performance-optimized hosting solution. 2) Compress images and other visual content 3) Reduce URL redirection 4) Place JavaScript and CSS files in external storage 5) Invest in a content delivery network (CDN) 6) Remove unnecessary software additions