🎨 Emojis 'n Books 1.
We are neither fans nor non-fans of emojis. They can be cool, but they can also be misused. What we wanted to do was provide an emoji widget on the connect button to make it feel more ‘connected,’ as just saying the word ‘Connect.’ seems so distant. So, on a quick break, we coded a feature for the connect button.
Below is a quick index of this blog notes post.
The problem
The solution.
The impact.
1/3. The problem:
The problem is that the ‘Connect.’ button feels like we don’t care, like we just wrote 'Connect.' because everyone else does. That’s fine, as it works, but we wanted an enhancement that’s more in tune with the moments people experience when they visit the website hub.
2/3. The solution:
We found the emojis that are relevant to the working week and weekends, such as commuting emojis (🚇, 🚶♂️, 🚗), lunch break emojis (🍔, 🥪, 🍕), and other daily moments many face. We then defined the times these moments are most likely to occur, did some coding to make them appear on the ‘🍟 Connect.’ button at the right moment.
3/3. The impact:
You tell us. We like it, but ‘we’ can feel divisive, as we are you, you are us, and we're all on this journey to democratize wisdom hacks for everyone—subtle and easy to apply. It's on the desktop version, with mobile coming soon. Check it out and refresh the page to see it. If you think it's ****, tell us, but don’t write **** as the email might get filtered.
Extra:
101. Whats The Code?
A sample of the code is below. Are there any emojis you think are needed that represent the working week? We could add emojis like ‘🤮’ for those moments we all know, or ‘🤬’ or ‘😍’ since there are also many great working moments, but let's keep it generic at this stage. So, please ‘🍕 Connect.’ or ‘📊 Connect.’ with us :). <3.
// Define the emoji sets
const breakfastEmojis = ["🥚", "🍳", "🥞", "🥐", "🍞", "🧀", "🥒", "🍅", "🫒", "🍯", "🍇", "🍊", "🍽", "☕️", "🥛", "🥖", "🥯"];
const businessEmojis = ["💼", "📈", "📊", "🗂️", "📅", "💻", "🖋️", "💰", "📂"];
const creativeEmojis = ["🎨", "✏️", "🎭", "🎬", "📸", "🎧", "🎤", "🎼", "🎻"];
const lunchEmojis = ["🥪", "🥗", "🍛", "🍜", "🍝", "🍔", "🍟", "🌯", "🍕", "🍣"];
const commuteEmojis = ["🚶♂️", "🚶♀️", "🚲", "🛴", "🚗", "🚌", "🚎", "🚕", "🚇", "🚊", "🚆", "🚉", "✈️", "🛫", "🚁", "🚤", "⛴️", "🚦", "⛽"]
const defaultEmoji = "🍟"; // Default fries emoji
const sleepEmoji = "😴"; // Sleep emoji after midnight
// Helper function to get a random emoji from a set
function getRandomEmoji(emojiSet) {
return emojiSet[Math.floor(Math.random() * emojiSet.length)];
}
102. Emojis Work With?
You will notice in the code that there are emojis that feel almost old-school or retro, with some assuming all offices are briefcases. While we know that’s not the case, we respect everyone’s views, so some emojis are added as a playful vibe at incorrect assumptions about the working world, while also serving as a love letter to it.
