New Emojipedia Frontend Features

Today Emojipedia has received its first new major site redesign since early September 2015, with the introduction of new fixed navigation and search features for both desktop and mobile users.

Keith Broni

• 3 min read
New Emojipedia Frontend Features

Today Emojipedia has received its first new major site redesign since early September 2015, with the introduction of new fixed navigation and search features for both desktop and mobile users.

Above: the newly redesigned Emojipedia home page, displaying a new logotype as well as a new fixed navigation menu on the left-hand side of the screen.

📋🧭 Improved Navigation

For desktop users, the most evident new feature is the new fixed menu bar now residing on the left-hand side of their screen, which extends when you hover your cursor over it. The menu also scrolls with you while exploring all of our emoji information.

Above: the redesigned Emojipedia homepage with the new fixed navigation menu extended.

This menu defaults to displaying the various emoji categories used across the site (such as 😃 Smileys & People, 🐻 Animals & Nature, and 💕 Symbols), as per our previously long-standing top menu bar.

Above: the new navigation menu bar displays the core Emojipedia emoji categories by default.

However, this new menu can be changed to list each of our emoji vendors (Apple, Noto Color Emoji, Samsung, etc), as well as different emoji-relevant events and topics (e.g. 🦃 Thanksgiving, 🏳️‍🌈 LGBT Pride, and 🎂 Birthdays).

The new menu also now contains the language change tool. Placed at the very bottom of the menu, this allows for users to easily change between all of the six languages presently supported for emoji search and navigation, again regardless of what position on a page they happen to be.

Above: the icon to change the language on Emojipedia is now located at the bottom corner of the fixed navigation menu.

You can visit and search through these new versions of Emojipedia via the links below:

Above: the language selection lightbox that appears when the language icon is selected from the new navigation menu.

🔍📲 New Search & Mobile Menus

The cross-site search bar now scrolls with the users as they navigate through our emoji, allowing for swift access to our search functionality across all site pages and positions.

Above: the search bar is now permanently fixed to the top of the screen for our desktop users, as shown here midway through the Apple iOS 15.4 vendor page.

This change is also the case for mobile users, who will see a new fixed top menu with swift cross-site access to both popular page types and emoji search regardless of which portion of a site page you happen to be viewing.

Above: the next fixed menu on mobile web, featuring navigation options via the burger menu and search via the search icon.
Above: the mobile web navigation menu when extended via the new burger menu icon.

The mobile search functionality also displays a list of the most popular emoji pages across Emojipedia.

The Emojipeida homepage and footer have also been cleaned-up across both desktop and mobile, leveraging new landing pages such as All Emoji Versions and All Vendors & Platforms to detail historic emoji vendors, emoji releases, and other information alongside additional editorial context.

These improvements to navigation and search accessibility are the first steps of many we plan to take over the coming months and years to improve the overall experience of Emojipedia and allow for even swifter access to up-to-date and well-researched information you can trust.

📖 Read More