Atanas Laskov 🏳️‍🌈

Contact me on social media:


City Editor Wireframes

October 11, 2023 3:33 pm

For my honours project at Abertay University, I will design a web-app for making city maps. The art part of this project will be the UI and UX, the creation of icons for various building types. I plan to use React or Angular for prototyping the editor. Alternatively, I might just prototype it in Figma, instead of fully implementing it in a web framework.

Today I designed some wireframes. They show different possible layouts for the building palette and toolbars. I think they all have very traditional “editor” look. Next, I will experiment with more funky layouts, to try to escape that look. I’m taking inspirations from games in the Sim City franchise, as well as various tile-based map editors. The app is intended to be a casual toy which allows you to design a city.

City Editor UI WireframesMore Editor UI Wireframes

© 2023 Atanas Laskov

Atanas Laskov 🏳️‍🌈