City Editor Wireframes
October 11, 2023 15:32 BSTFor 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.