I made a note introduction site with Codex Sites, and ended up redesigning the face of note itself | Ohayou Kanojo #216

Introduction

"Ohayou Kanojo" is an X account where an AI-illustrated girlfriend says goodbye to me every morning at 7:30. I write a daily development diary about my personal projects using generative AI.

Today, I'm talking about making a note introduction site.

To be precise, it's a story about how once I made a note introduction site, I started worrying about the other entry points as well.

I thought I didn't need a note introduction site

I read KITA-san's article about "making a note introduction site with Codex Sites."

Until then, I thought I didn't need a note introduction site for myself. Having a note creator page was enough. I didn't need to go out of my way to create a separate place, because everything was already there.

But after reading the article, I wanted to try it.

The first version was finished 12 minutes and 34 seconds after the request

This was the only request I sent.

In 12 minutes and 34 seconds, the first version was finished.

Fast. That was my honest thought.

However, what was created in those 12 minutes and 34 seconds was just the initial form. From there, the work of nurturing it to fit my own operations was waiting.

I didn't use it as is, I moved it to Cloudflare

The site created initially wouldn't serve as my main hub as it was.

I brought it to my local environment and migrated it to Cloudflare Workers. I made it so that a list of the latest articles is automatically fetched from note and displayed dynamically. I also created introduction pages for the 10 characters: the girlfriends for each day of the week, the guide, the archivist, and the editor. I also added OGP support and proceeded to the live release.

What was created in 12 minutes and 34 seconds was the initial form of the site. The real work was transforming it from there into a place of my own that I could update.

▶ View Hashamo's note introduction site

Once I had someone look at it, I saw things I hadn't introduced

Once the site was finished, I had KITA-san take a look at it.

I received some advice.

After that, I reviewed the entire site again myself. That's when I realized.

There is no place to introduce the tools I've made.

YOMIASA, Ohenji-cho, Kansoku wa Tsuzuku., 7-nin kara no Tegami., Ohayomi next. Even though there are many tools born from problems, their existence was almost invisible from the site.

I made a tool introduction page

I created a new tool introduction page called "Tools".

I didn't want it to be just a page listing features. I wanted it to convey whose problems the tools solve and what kind of problems they are.

So, I assigned one character to be in charge of each tool. Someone from Ohakano introduces that tool in their own words. I also decided to include actual comments received from readers through the voices of the characters.

▶ View the tools I've made

There was only one "User Voice"

After finishing the whole thing, I reviewed it myself.

Wait, I thought.

The characters are introducing reader comments as "User Voices." But when I looked back, there were many pages where only one person was speaking.

I had the characters say "I've received so many," but there was only one piece of evidence. This makes it look like I'm just all talk.

I hurriedly rebuilt it so that the characters themselves would speak, summarizing the actual voices. I will show exactly as much as has actually been received.

Once you make something, the deficiencies you need to look at next appear in a clearly visible form.

When I updated the site, the face of my note started to look old

The site introduces 10 characters: the 7 day-of-the-week characters, plus a guide, a record keeper, and an editor.

As the world-building came together, I started to become concerned about my note creator page.

At first, I tried to line up all 10 characters in the note header. However, because the display area is narrow and long, there were too many people, making each face look too small.

So, I narrowed the note header down to the 7 characters representing the days of the week. I lined them up from Tsukiko to Hiyori, in order from Monday to Sunday, and had them all wear white shirts to create a bright and clean impression.

Furthermore, I updated the standard thumbnails I had been using to the new visuals of the same 7 characters. I placed the character image at the top and left space at the bottom for the title. I kept the workflow of swapping out article numbers and titles in Canva, and I have started using this new template from this article onwards.

Last time, I wrote, 'I want faces that suit the current seven.' That same day, I ended up actually putting my hands to work.

Conclusion

I intended to create an introduction site for note.

But by creating the site, I ended up reviewing everything from how I present my tools and user feedback to my note header and standard thumbnails.

When you create one entrance, you start to see the outdated or lacking elements remaining at other entrances. The site became not just a place to put finished work, but a mirror to check how my entire activity is perceived.

The initial form was created in 12 minutes and 34 seconds.

From there, the work of making it 'my own site' began, and in the end, I even ended up redesigning the face of my note account, which I had been using for a long time, to match who I am now.

▶ View Hashamo's note introduction site

Related Articles

Hiyori's Word

👉 'Ohayo Kanojo' is posted every morning at 7:30 AM at @ohayo_kanojo

#GenerativeAI #AIIllustration #PersonalDevelopment #DevelopmentDiary #Record #RealExperience #MorningRoutine #HowToContinueNote #TriedMakingIt #TriedWithAI #AIUtilizationTips #WebDesign #NoteArticle #ProductDesign #LearningRecord #ArticleCreation #TodaysLearning #TodaysRealization #Gratitude #ReflectionNote #DailyNote #UXDesign #UIDesign #LifeDesign #ImageGenerationAIUtilization #DailyNoteClub #ChatGPT #CodexSites #ChatGPTCreativeClub #Akarium