UltraSawt,complete rebranding & UX design of a portal and six associated news outlet websites

Visit Website

Creating a cohesive brand identity that accurately represents the main portal while maintaining consistency across six associated news outlets and a distinctive magazine.

The logo was designed by combining and harmonizing the initial letter "U" from the English word Ultra with the Arabic letter "ص" from the word صوت (meaning "sound").

The six news outlets logos align with the main logo's design harmony and are created by incorporating the news outlet names into the primary logo.

Graphic device

A segment of the primary logo is utilised as a graphic element to enhance the brand identity and establish a cohesive visual language throughout the user experience design.

UI KIT

We developed a comprehensive UI kit for each website, serving as a centralised library of design components, styles, and guidelines. This kit streamlines the development process, ensuring consistency and efficiency across all platforms.

outlets

A general template was designed for use across the six news outlet websites, with each site customised to reflect its unique branding colours and information architecture, as determined through stakeholder interviews and user research.

News timeline

We designed a timeline feature for the news outlet websites' homepages, allowing editors to post time-specific updates related to a particular story or trending topic. Additionally, we created a dedicated story section where users can explore the full timeline, viewing all detailed updates for that specific story.

Discover outlets

Each outlet features unique colours that are closely tied to its brand, allowing users to easily identify content. This ensures clarity, even though the user experience across all websites remains consistent, preventing confusion and overwhelm.

Article page

The article page design focuses on enhancing readability and user engagement. We integrated features like clear typography, ample white space, and a well-structured layout to create a clean and distraction-free reading experience. Additionally, we included adjustable text sizes option for better accessibility, and intuitive navigation for seamless content exploration, ensuring a comfortable and enjoyable reading experience across devices.

Responsive experience

With 70% of existing users accessing the platform via mobile, we adopted a mobile-first approach to the design. However, the design is fully responsive, ensuring a seamless experience across all device sizes.

Get a quote

Get a ballpark costing on the product or idea you want to build. Be specific to get a more concise cost and timeline.