«Trams» App Icon
The author of this project was born in Russia, in St. Petersburg, famous for its trams. As of 2021, there are 40 tram routes in operation, 771 units of rolling stock are operated, which are serviced by seven tram fleets. St. Petersburg = trams, so I had to somehow note this fact. So the idea of the application "Trams" was born and, as a result, its icon.
The icon of the application “Trams" contains the logo of St. Petersburg transport (which was chosen by the residents of the city), a 3D model of the tram and the coat of arms. The color set is easily recognizable, so the application can be found in a fraction of a second among hundreds of others, and thanks to the rational saturation, you can not take your eyes off the icon for hours.
🚋 It's alive
The light perfectly emphasizes the shape of the tram. The visual style is on the verge of realism and minimalism. In my opinion, the more you admire this tram, the more it becomes your friend. There is something warm, native and "real" in it.
🙏 A big project has big worries
I endlessly like projects with a soul, with a story. When the work has a path with a lot of adventures, rethinking, changing concepts. In the end, there will be only the final result, but this story, this path traveled, will never remain flipped pages. For the creator, the path is hundreds of lessons learned, and for others it is a weighty argument to "believe" his creations, because the path is felt through every word written by the author, through every drawing, sketch, paragraph.
It all started with a simple desire to make a model of a tram. In the process of work, it became clear: the deadlines are constantly shifting, a clearer idea is needed.
It is a great honor for me to show you this idea in all its glory:
The light perfectly emphasizes the shape of the tram. The visual style is on the verge of realism and minimalism. In my opinion, the more you admire this tram, the more it becomes your friend. There is something warm, native and "real" in it.
🙏 A big project has big worries
I endlessly like projects with a soul, with a story. When the work has a path with a lot of adventures, rethinking, changing concepts. In the end, there will be only the final result, but this story, this path traveled, will never remain flipped pages. For the creator, the path is hundreds of lessons learned, and for others it is a weighty argument to "believe" his creations, because the path is felt through every word written by the author, through every drawing, sketch, paragraph.
It all started with a simple desire to make a model of a tram. In the process of work, it became clear: the deadlines are constantly shifting, a clearer idea is needed.
It is a great honor for me to show you this idea in all its glory:
The icon looks very organic on the desktop. Intuitive, simple. What should the application for which this icon was created do? The question is good and correct, because it would be extremely unprofessional to create it at random.
🗺️ Saint Petersburg tram routes
The user can see which tram is the easiest to get from point A to point B.
📍Real-time location of trams
Trams are displayed on the interactive map (at the technical level, it would be optimal to integrate, for example, Yandex.Maps).
🏛️ Tramway Gallery (interactive museum)
The opportunity not only to view photos and videos, but also to read the history, technical specifications and interesting facts about different models.
🙋 Personal account
Separate for employees and passengers. Statistics, schedule, balance of travel tickets and news.
💡 Much more
Hundreds of ideas, functions and opportunities can be thought up. The main thing for us is the general concept, understanding of the subject for which we are making an icon.
It turns out that the icon fully corresponds to the theme. An application in which the trams of St. Petersburg are in the first place. Someone will look at routes here, someone will monitor their work schedule, and someone will learn a lot of new things with the help of well-written articles.
🗺️ Saint Petersburg tram routes
The user can see which tram is the easiest to get from point A to point B.
📍Real-time location of trams
Trams are displayed on the interactive map (at the technical level, it would be optimal to integrate, for example, Yandex.Maps).
🏛️ Tramway Gallery (interactive museum)
The opportunity not only to view photos and videos, but also to read the history, technical specifications and interesting facts about different models.
🙋 Personal account
Separate for employees and passengers. Statistics, schedule, balance of travel tickets and news.
💡 Much more
Hundreds of ideas, functions and opportunities can be thought up. The main thing for us is the general concept, understanding of the subject for which we are making an icon.
It turns out that the icon fully corresponds to the theme. An application in which the trams of St. Petersburg are in the first place. Someone will look at routes here, someone will monitor their work schedule, and someone will learn a lot of new things with the help of well-written articles.
⚖️ In any size
The icon looks amazing in a variety of conditions. Interesting fact: the blurry St. Petersburg transport logo on the small icon looks quite clear.
The icon looks amazing in a variety of conditions. Interesting fact: the blurry St. Petersburg transport logo on the small icon looks quite clear.
🤩 Incredibly beautiful
Just look at how wonderful the icon looks in the layout of the application (for example, its web version). The tram model itself allows you not only to add a colorful render as a visual image, but also to attach a 3D viewing window so that everyone can spin the tram with their own hands.
Just look at how wonderful the icon looks in the layout of the application (for example, its web version). The tram model itself allows you not only to add a colorful render as a visual image, but also to attach a 3D viewing window so that everyone can spin the tram with their own hands.
💺 You won't laugh
A rainy day, a long way, your legs are tired. A familiar problem? To me - very much. At such moments, the seats help, fortunately, they are very comfortable in trams. Now they use newfangled materials, there are various patterns on the pillows, but before they looked something like this. I think for those who have traveled in a tram with such seats more than once, they have become a good memory.
Is it possible to use a seat from a tram model separately? Need to!
A rainy day, a long way, your legs are tired. A familiar problem? To me - very much. At such moments, the seats help, fortunately, they are very comfortable in trams. Now they use newfangled materials, there are various patterns on the pillows, but before they looked something like this. I think for those who have traveled in a tram with such seats more than once, they have become a good memory.
Is it possible to use a seat from a tram model separately? Need to!
The statistics page is a great example of this. We show the number of passengers transported and visualize it with a lot of seats. From the point of view of design, the hit is clearly on target.
Owl 🦉 / 🐥 lark? Everyone will go
We do not know whether an individual user likes to watch routes to work before going to bed or prefers to explore the models of trams of the 90s in the office, in broad daylight. But we know for sure that the user should be comfortable in any case. The layouts look great not only in the daytime, but also in the night theme.
We do not know whether an individual user likes to watch routes to work before going to bed or prefers to explore the models of trams of the 90s in the office, in broad daylight. But we know for sure that the user should be comfortable in any case. The layouts look great not only in the daytime, but also in the night theme.
Dear reader, we ask you to wear glasses for viewing... Wait. Our 3D without any glasses! You just need to click:
3D model of a tram (demonstration using Sketchfab)
🔥 Exclusive
The most attentive could notice that on the application icon the "tendrils" of the tram are lowered, and on the model they are raised. Thanks to the capabilities of the Blender program, the tram has two forms (with a raised and lowered pantograph). Since the icon should be as compact and "square" as possible, the second version is used for it.
The most attentive could notice that on the application icon the "tendrils" of the tram are lowered, and on the model they are raised. Thanks to the capabilities of the Blender program, the tram has two forms (with a raised and lowered pantograph). Since the icon should be as compact and "square" as possible, the second version is used for it.
📸 Renders
This is where the presentation of the «Trams» App Icon comes to an end. The tram, as a completely independent vehicle, is only glad to show off in front of you. We figured out how to do it.
🧪 An interesting experiment
To introduce a minimalistic "digital" tram into the real world. To use the model created for the icon to make cute shots. We ask you to love, watch and favor!
🧪 An interesting experiment
To introduce a minimalistic "digital" tram into the real world. To use the model created for the icon to make cute shots. We ask you to love, watch and favor!
Stunningly beautiful tram in the city, general view
View from the street to the interior. Incredibly beautiful highlights on the edges of the glass.
Current collector. Some details have been worked out (for example, a device for changing its height)
The interior of the tram. Seats, vents for heating the legs, handrails have been worked out. The windows shine very beautifully.
The cab of the tram. Some controls are visible, a little dirt on the glass. The rearview mirror looks beautiful.
A close-up view of the front of the tram. Beautiful chain, massive coupling elements.
An interesting shot with a rear-view mirror. The focus is on the body of the tram, reflected in the mirror itself.
The interior of the tram. In the foreground, handrails and worked out connecting elements are clearly visible.
POV 😀. A shot from point of view of a passenger sitting in the tram. Amazingly beautiful and realistic reflections in glass.
Tram in the city. General appearance, amazing colors.
Medium-close-up of the upper part of the pantograph.
A close-up view of the front of the tram. Beautiful chain, massive coupling elements.
Tram in the city. Shot from the left side of the tram. The individual worked out elements look very nice.
Tram in the city. A closer shot on the left side of the tram, along the body.
The interior of the tram. Beautiful reflections in the windows, amazing handrails and seats.
Tram. Side view on a gray background (for example, for a website or application)
Author links:
© egsmrnv:
Others cannot use this work for any purpose without explicit permission.
