Project overview

Friday-Ad is the most popular marketplace in the UK. When I joined the project in 2020, the app was about to be launched, and new specific "For Sale" categories were about to be introduced. The app's creation gave us the opportunity to refresh the look and feel of the web platform, as well as improve the user experience. My role was to renew the overall UI to make it fresher and more consistent between the app and the website, ensuring consistency throughout the brand.

Friday-Ad already has its own style and tone of voice: young, colorful, and fresh, using circular and organic shapes and flat-style illustrations. The photo style has a bold, vintage, and flat colorful imagery. Images are colorful and minimal, with clean and bright backgrounds.

Project overview

Friday-Ad is the most popular marketplace in the UK. When I joined the project in 2020, the app was about to be launched, and new specific "For Sale" categories were about to be introduced. The app's creation gave us the opportunity to refresh the look and feel of the web platform, as well as improve the user experience. My role was to renew the overall UI to make it fresher and more consistent between the app and the website, ensuring consistency throughout the brand.

Friday-Ad already has its own style and tone of voice: young, colorful, and fresh, using circular and organic shapes and flat-style illustrations. The photo style has a bold, vintage, and flat colorful imagery. Images are colorful and minimal, with clean and bright backgrounds.

Project overview

Friday-Ad is the most popular marketplace in the UK. When I joined the project in 2020, the app was about to be launched, and new specific "For Sale" categories were about to be introduced. The app's creation gave us the opportunity to refresh the look and feel of the web platform, as well as improve the user experience. My role was to renew the overall UI to make it fresher and more consistent between the app and the website, ensuring consistency throughout the brand.

Friday-Ad already has its own style and tone of voice: young, colorful, and fresh, using circular and organic shapes and flat-style illustrations. The photo style has a bold, vintage, and flat colorful imagery. Images are colorful and minimal, with clean and bright backgrounds.

Project goals

This project aimed to unify the UI of the website and the app while introducing new features and renewing sections. To reach this goal, I had to create cohesive visual elements that match the brand's aesthetic across all platforms. As part of this project, a new icon set was designed and the tone of voice maintained and enhanced.

App UI

Icon design

During the creation of the app, which initially only featured the "For Sale" category, we decided to subdivide this broad category into more specific ones. We established these new categories through a card sorting exercise, using the most popular items on the Friday-Ad site. These are the existing icons:

ForSale

For Sale

Motors

Motors

Services

Services

Property

Property

Animals

Animals

Events

Events

Maintaining the same style, I created the following new icon set for the app's updated categories:

New Icon Set
New Icon Set
New Icon Set

For each icon, I followed the same grid and thickness, ensuring they were visually balanced with one another and making visual adjustments as needed.

Icons Build
Icons Build
Icons Build
Categories images + icons collection
Categories images + icons collection
Categories images + icons collection

Top searches shortcuts

Starting from the need for a carousel on the homepage to highlight the most searched items, I designed these shapes to create a more dynamic and playful impact.

Organic-shape shortcuts
Organic-shape shortcuts
Organic-shape shortcuts
Organic-shape mockup
Organic-shape mockup
Organic-shape mockup

Website UI

The Friday-Ad platform was also revamped to enhance the app's tone of voice and ensure a modern and vibrant look and feel. A new hero image was introduced, along with category blocks and other modules on the homepage.

Website UI

The Friday-Ad platform was also revamped to enhance the app's tone of voice and ensure a modern and vibrant look and feel. A new hero image was introduced, along with category blocks and other modules on the homepage.

Website UI

The Friday-Ad platform was also revamped to enhance the app's tone of voice and ensure a modern and vibrant look and feel. A new hero image was introduced, along with category blocks and other modules on the homepage.

Website UI

The Friday-Ad platform was also revamped to enhance the app's tone of voice and ensure a modern and vibrant look and feel. A new hero image was introduced, along with category blocks and other modules on the homepage.

New website UI

Megamenu

Megamenu

The megamenu has also been redesigned. It has been expanded to full screen, with all subcategories visible, and enriched with visual elements that align with the brand's identity.

Megamenu

Mega menu desktop
Mega menu desktop
Mega menu desktop

Interactive prototype for mobile navigation:

FAD Mobile Megamenu
FAD Mobile Megamenu
FAD Mobile Megamenu

Conclusions

This project was a major step in unifying and modernizing the user experience for both the app and website. In addition, I realized how valuable a simple icon can be to a brand, how crucial it is to keep the big picture in mind especially with more products in different phases, and how essential it is to have a common language reinforced by clear guidelines. Friday-Ad's revamp successfully maintained its unique tone of voice and created a modern, vibrant marketplace that's still popular with UK users.

Next project

Logo Chiara Dapor

© 2024 Chiara Dapor - Made with Framer

Logo Chiara Dapor

© 2024 Chiara Dapor

Made with Framer