Visit Ulcinj · Wireframes

Mobile app · Business portal · CMS admin panel

These are the wireframes for the whole Visit Ulcinj system: every screen of the tourist mobile app, every page of the business portal, and every page of the CMS admin panel, for every user role.

They are drawn on purpose in a rough, hand-drawn style. The goal at this stage is to agree on what is on each screen and how the screens connect — not on colours, photos or fonts. The visual design comes after this is approved.

Part 1 Sitemap overview of all three products

Every screen in one picture, with arrows showing the main navigation. Start here to get the big picture.

Part 2 Mobile app 47 screens

The app the tourist uses, screens A01–I05, drawn at real phone size. For guests and registered tourists.

Part 3 Business portal pages P01–P10

Where a hotel, restaurant or tour operator manages its own listing. Desktop, plus the phone version of the main pages.

Part 4 CMS admin panel pages M01–M30 + role variants

The back office for the Tourist Organisation: content, businesses, moderation, users and settings. Shown for admin, editor and moderator.

Part 5 Key flows 6 flows

The six most important journeys end to end, screen by screen — for example a tourist writing a review, or a business being approved.

How to read these

Blue text is clickable — it shows what the user can tap or click on that screen.
Every screen has an ID (A01, P03, M12…) and a short note explaining what happens there. The same IDs are used in the sitemap and the flows.
The pages are wide boards. Scroll sideways as well as down to see all the screens, or zoom out in your browser (Ctrl/Cmd and −) to fit more on screen.
A laptop or desktop is best. The pages work on a phone, but the screens are drawn side by side, so there is a lot of sideways scrolling.
Grey boxes with a cross are placeholders for photos. Any text you see is example content, not the final wording.