![UX & UI Design for SRF by FOND Design](/_next/image?url=https%3A%2F%2Fimages.prismic.io%2Ffond-cms%2F81f48740-0fcc-4a6f-9355-d7a7457ea4d4_srf-meteo-by-fond-design-hero.jpg%3Fauto%3Dcompress%2Cformat&w=3840&q=75)
Sunny with scattered afternoon thunderstorms
The first weather forecast in "The Times" in 1861 was only one word long: "Rain". Today, Swiss Meteo's forecasts are much more detailed. We collaborated with the product design team of Schweizer Radio und Fernsehen SRF and led the UX and UI design process along with user testing and implementation with their internal development team.
![User interface design for weather website showing hourly forecast](/_next/image?url=https%3A%2F%2Fimages.prismic.io%2Ffond-cms%2Fb5e323d2-9929-469b-b8f7-b7837ba0d642_ux-design-weather-website-srf-by-fond-design-2.1.jpg%3Fauto%3Dcompress%2Cformat&w=3840&q=75)
![UX and UI design for SRF weather forecast website by fond design](/_next/image?url=https%3A%2F%2Fimages.prismic.io%2Ffond-cms%2Fcec70c7d-027f-4250-8092-f8d47cb86b25_ux-design-weather-website-srf-by-fond-design-4.png%3Fauto%3Dcompress%2Cformat&w=3840&q=75)
The responsive design was a critical requirement for the project to enable the user interface to adapt seamlessly to varying screen sizes, guaranteeing an optimal and smooth user experience across all devices. However, the main challenge was to strike a balance between providing comprehensive weather information and avoiding overwhelming the user by cluttering the mobile screen.
Why is user testing in UX Design so important?
![User interface design for weather website showing hourly forecast](/_next/image?url=https%3A%2F%2Fimages.prismic.io%2Ffond-cms%2Ff08f6d12-8e06-455d-a7dd-700c1423c890_ux-design-weather-website-srf-by-fond-design-3.png%3Fauto%3Dcompress%2Cformat&w=3840&q=75)
![UI & UX Design for SRF by FOND Design](/_next/image?url=https%3A%2F%2Fimages.prismic.io%2Ffond-cms%2Fd0a4bf96-d1e6-41cb-845c-82e36400f086_Pollenflug_animation_klein.gif%3Fauto%3Dcompress%2Cformat&w=3840&q=75)
![UI & UX Design for SRF by FOND Design](/_next/image?url=https%3A%2F%2Fimages.prismic.io%2Ffond-cms%2F35be7091-67f9-4098-bb0c-6144b0567b79_Segelwetter_animation_klein.gif%3Fauto%3Dcompress%2Cformat&w=3840&q=75)
Designing for inclusivity is crucial for the user experience of a public service weather app, as it fulfills the social responsibility of providing equal access to services for all demographics. This not only benefits the users but also helps to building a positive reputation for SRF as a socially responsible organization.
![UX & UI Design for SRF by FOND Design](/_next/image?url=https%3A%2F%2Fimages.prismic.io%2Ffond-cms%2F367be31e-1bf1-42ab-926f-92edcd9e7148_ux-design-weather-website-srf-by-fond-design-5.jpg%3Fauto%3Dcompress%2Cformat&w=3840&q=75)