Mobile App Visual Refinement

Job ID: 40287542

Budget: €75 – €200 EUR

I want to improve the UI/UX design of my already published mobile app WanderTrails. The app works well, but visually it needs a more professional, consistent, “one app” feel across screens (spacing, typography, components, icons, hierarchy).

About the app

WanderTrails is a walking audio guide with nature / culture / historic routes + short discoveries. Users walk on their own and enjoy written content + audio.

We use color categories:

Cyan = Historic

Yellow = Culture

Green = Nature

Photo markers = Discoveries

The app is currently available in the EU.

What I need (design goals)

Make the UI feel more premium and consistent across screens

Improve visual hierarchy (titles, subtitles, metadata, buttons)

Improve spacing / paddings / alignment / card layouts

Improve filter chips, buttons, icons usage, and general component consistency

Optional: improve typography (font changes only if truly needed)

Screens to focus on

Routes Near list page (filters + route cards + Start buttons)

Map page + route popup card

Profile page (stats cards / progress area)
(If you do great, we can extend to more screens later.)

Allowed

✅ Refine/restructure layout inside a page (keep same function)
✅ Improve icons
✅ Improve typography (only if really necessary)
✅ Make a clean, reusable Figma component system (buttons, chips, cards, text styles)

Not allowed / important constraints

❌ Do NOT change the main app color concept (dark theme + category colors must stay)
❌ Do NOT change the map color style (Mapbox limitations). If you suggest map changes, you must clearly explain what’s realistically possible in Mapbox.
❌ Do NOT “redesign the product” or move pages/features around — navigation and core flow must remain the same.

Quick test / selection step

Before choosing a long-term designer, I want a fast concept mockup to see your style:

Please provide a quick improved mockup of at least ONE screen:

Routes Near OR Map page / route popup

This is only to show your design direction and quality.

If I like it, we continue with the full UI polish and I will pay for full scope and test screen you provided for me (No need figma project just quick improved one screen is OK).

Finally: Please tell me your estimated cost for this project in two parts:

Phase 1 (initial scope): UI/UX polish + Figma delivery for these screens: Routes Near, Map page + route popup, Profile page, including a small component library (buttons, chips, cards, typography styles).

Phase 2 (optional expansion): your rate / estimate if we decide to continue polishing additional screens and flows later.