How We Built It: my.blog - EMEL

Latest

EMEL

Tuesday, July 9, 2024

New

How We Built It: my.blog

Media Mamat Turbo July 09, 2024
When Automattic launched the .blog domain extension back in 2016, our in-house team built a shiny new website to go with it. The vibe of my.blog very much matched the era, featuring a simple layout, a generic color palette, and a "just the basics" a…
Read on blog or Reader
Site logo image WordPress.com News Read on blog or Reader

How We Built It: my.blog

By Jeremy Anderberg on July 9, 2024

When Automattic launched the .blog domain extension back in 2016, our in-house team built a shiny new website to go with it. The vibe of my.blog very much matched the era, featuring a simple layout, a generic color palette, and a "just the basics" approach to the content and overall messaging. 

previous homepage design for my.blog
The previous iteration of my.blog did its job well, but was due for a redesign.

Eight years later, it was time for a refresh. 

Our special projects team recently revisited my.blog, giving it a totally new aesthetic and approach, as well as some cool new features. In this post, we're going to give you a peek behind the curtain about how this new site came to be. The fresh design beautifully showcases what's possible with WordPress. 

Take a look around my.blog and don't forget to grab a .blog domain while you're at it!  

Design inspo 

The first step for our team was to nail down a design motif. For any website project, starting here sets the tone for the entire site. What are the colors, styling, and typographical elements that speak to what you're trying to get across?

Our design team presented two beautiful options, each with their pros and cons:  

The fluid layout of the lighter version, codenamed Lemon Softness, really stood out, whereas the tile or card layout of the darker version, codenamed Starfield, looked nice, but felt like more of the same on today's web. 

On the other hand, the dark aesthetic of Starfield spoke a little more to our future-facing sensibilities. 

Ultimately, we combined them. The layout of Lemon Softness is what you'll see on my.blog today (including a few very cool scrolling animations), while the Starfield inspiration shows up in Dark Mode toggle (the moon/sun icon on the top right). Also check out the "glass morphism" effect in the header at the top of the site, which blurs the imagery just a bit so that you can clearly read and navigate the menu.

my.blog homepage

Blogger inspo 

Of course, it's not all about the design. Along with the bold new look, our team included a few features that will inspire bloggers of all stripes and encourage getting back into the habit. After all, blogging is actually thriving in our social media world. 

First, we wanted to ensure that "dotbloggers" (folks who use a .blog domain) were highlighted right on the front page. This carousel pulls posts from the "dotblogger" blog category: 

my.blog homepage featuring bloggers using a .blog domain.

Just a bit further down on the page, we decided to feature .blog sites; this carousel is actually populated dynamically from a .blog domain database. 

my.blog homepage carousel featuring websites with a .blog domain.

Finally, the team wanted to emphasize how powerful blogging can be. Just as "the death of the novel" has been overblown for at least 100 years, "the death of blogging" is a regular fixture of online discourse. The reality is that more people than ever before are blogging and seeing the value of having a corner of the internet that's all theirs. To this end, we spent time crafting a manifesto that speaks to this: 

We hold this truth at the center of our mission and vision: content is valuable. When you publish online—whatever you publish—you are declaring your willingness to create and add something to our world.

Owning your domain means that you're not at the whims of an ever-changing algorithm. It's a claim of ownership and independence. A .blog domain is more than that—it's a signal and a badge of authenticity that declares your particular corner of the internet as a space for stories, expressions, thoughts, and ideas. You're an original.

A .blog domain is more than just the dynamic pillar of your online presence (though it is that too). It's a stage for all of the utterly unique ways you share your story—in words, photographs, videos, podcasts, artwork, and more.

Resources for days 

Beyond the glitz and glamor, the .blog website also needs to provide practical resources for both registrars and dotbloggers. On the registrar side, our team made it especially convenient to access promotional content and visual marketing assets. When it comes to bloggers looking for a domain, the search page provides real-time results for what's available and where you can purchase it. 

As a reminder, you can also buy a .blog domain directly from WordPress.com/domains—for just $2.20 for the first year, or for free if you purchase any annual paid plan.  

Take a look for yourself 

No need to take our word on the great job our special projects team did with the new my.blog website. Head over, click around, grab your own memorable domain name, and start (or restart) blogging today. 

Comment
You can also reply to this email to leave a comment.

WordPress.com News © 2024.
Manage your email settings or unsubscribe.

WordPress.com and Jetpack Logos

Get the Jetpack app

Subscribe, bookmark, and get real‑time notifications - all from one app!

Download Jetpack on Google Play Download Jetpack from the App Store
WordPress.com Logo and Wordmark title=

Automattic, Inc.
60 29th St. #343, San Francisco, CA 94110

Read more

Subscribe via email

Share This:
Facebook Twitter Google+ Pinterest Linkedin
Author Image

About Media Mamat Turbo
Templatesyard is a blogger resources site is a provider of high quality blogger template with premium looking layout and robust design. The main mission of templatesyard is to provide the best quality blogger templates.

By Media Mamat Turbo at July 09, 2024
Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest

No comments:

Post a Comment

Note: Only a member of this blog may post a comment.

Newer Post Older Post Home
Subscribe to: Post Comments (Atom)

Popular

  • This Weeks New Digital Building Blog Post
    MAMAT, check out this weeks new Digital Building Blog. ...
  • 8 Must-Try AI Tools for Web Development (Build Faster & Smarter)
    8 Must-Try AI Tools for Web Development (Build Faster & Smarter)
    Artificial intelligence excels at automating repetitive tasks and streamlining t...
  • [New post] Level Up Your Author HQ With GoCreate.Me
    David Gaughran posted: " Author websites are an increasingly important tool, but one that can cause a lot of aggravation. W...
  • When Typepad Shut Down, We Helped 3,684 Blogs Find a New Home
    30 days' notice. Years of memories at stake. Here's how WordPress.com st...
  • Covid Turbulence – how countries got cancellations under control
    ...

Sponsor

Powered by Blogger.

Blog Archive

  • January 2026 (7)
  • December 2025 (16)
  • November 2025 (19)
  • October 2025 (11)
  • September 2025 (16)
  • August 2025 (22)
  • July 2025 (19)
  • June 2025 (13)
  • May 2025 (21)
  • April 2025 (32)
  • March 2025 (32)
  • February 2025 (20)
  • January 2025 (44)
  • December 2024 (15)
  • November 2024 (17)
  • October 2024 (14)
  • September 2024 (18)
  • August 2024 (19)
  • July 2024 (14)
  • June 2024 (21)
  • May 2024 (17)
  • April 2024 (24)
  • March 2024 (29)
  • February 2024 (24)
  • January 2024 (63)
  • December 2023 (32)
  • November 2023 (29)
  • October 2023 (25)
  • September 2023 (33)
  • August 2023 (21)
  • July 2023 (21)
  • June 2023 (29)
  • May 2023 (19)
  • April 2023 (14)
  • March 2023 (16)
  • February 2023 (18)
  • January 2023 (16)
  • December 2022 (20)
  • November 2022 (24)
  • October 2022 (22)
  • September 2022 (19)
  • August 2022 (24)
  • July 2022 (31)
  • June 2022 (34)
  • May 2022 (31)
  • April 2022 (37)
  • March 2022 (28)
  • February 2022 (31)
  • January 2022 (39)
  • December 2021 (35)
  • November 2021 (37)
  • October 2021 (32)
  • September 2021 (18)
  • August 2021 (48)
  • July 2021 (43)
  • June 2021 (44)
  • May 2021 (65)
  • April 2021 (72)
  • March 2021 (64)
  • February 2021 (50)
  • January 2021 (47)
  • December 2020 (47)
  • November 2020 (43)
  • October 2020 (96)
  • September 2020 (100)
  • August 2020 (128)
  • July 2020 (87)
  • June 2020 (108)
  • May 2020 (107)
  • April 2020 (90)
  • March 2020 (91)
  • February 2020 (77)
  • January 2020 (88)
  • December 2019 (105)
  • November 2019 (107)
  • October 2019 (102)
  • September 2019 (98)
  • August 2019 (118)
  • July 2019 (115)
  • June 2019 (99)
  • May 2019 (115)
  • April 2019 (103)
  • March 2019 (112)
  • February 2019 (118)
  • January 2019 (109)
  • December 2018 (106)
  • November 2018 (128)
  • October 2018 (97)
  • September 2018 (126)
  • August 2018 (59)
  • January 2013 (1)

Search This Blog

Popular Posts

  • This Weeks New Digital Building Blog Post
    This Weeks New Digital Building Blog Post
    MAMAT, check out this weeks new Digital Building Blog. ...
  • 8 Must-Try AI Tools for Web Development (Build Faster & Smarter)
    8 Must-Try AI Tools for Web Development (Build Faster & Smarter)
    Artificial intelligence excels at automating repetitive tasks and streamlining t...
  • [New post] Level Up Your Author HQ With GoCreate.Me
    [New post] Level Up Your Author HQ With GoCreate.Me
    David Gaughran posted: " Author websites are an increasingly important tool, but one that can cause a lot of aggravation. W...
  • When Typepad Shut Down, We Helped 3,684 Blogs Find a New Home
    When Typepad Shut Down, We Helped 3,684 Blogs Find a New Home
    30 days' notice. Years of memories at stake. Here's how WordPress.com st...
Crafted with by TemplatesYard