Sketches explored various ways in which users could select and view only the information they were interested in, see real-time weather, and be informed about upcoming events.

Wireframe mockups showed a skeletal structure of the app screens.

High-fidelity mockup showing the Your Folkestone login screen, welcome screen, home screen showing live weather reports and upcoming events and an example event details screen showing the activity with dates, location and description.

High-fidelity mockups fleshed out the wireframe structure with full colour, text and images to resemble the final product.

Figma design style guide for the Your Folkestone app shows the primary colour palette, typography, icons, logos and images to help production teams build the app.

The style guide lays out the primary colour palette, typography, icons, logos, and images for the production team to build the app.