design of everyday things

shining princess// dance and sing

Wrote this Pocky SVG progress loader a while back.

Wrote my own version of the SVG star pattern for my web portfolio. The size and position of the stars are randomly generated with JavaScript.

Cardcaptor Sakura: Clear Card started airing on Crunchyroll. I made this clear card flip for fun, and it employs the same random size and position background as the stars above, but the opacity is controlled by CSS.

I wrote an animated SVG version of the illustration I created for TheOASG’s feature on tool that manga translators use. The animation is controlled by CSS only, and the cursor changing on hover is achieved with SVG.

Hanging out with a new lettering crew in Toronto! And also attended a r/mk meetup as well, that was fun (and educational).

I think about this keyboard a lot.

In terms of gaming, Monster Hunter: World came out last week, and I’ve been sucked this particular mobile rhythm game…


lucky charm// cataclysm’s friend

I haven’t been cross-posting my lettering work to this blog this year, and I feel a bit of regret about that, since I need to go back and figure it out which ones are missing. Until then, here’s my summary for the year.

I didn’t really have any particular reason for starting the Instagram, I originally was thinking about it when I started sketching lettering things I wanted to exist as merchandise or logo designs, but so far it has been fun.

“Best 9” for the year 2017, apparently.

the original power// at noon

IMG_2244 It’s Aoba and Ren- in fact, the artist that draws the game they’re from drew my current wallpaper.

I’m into week 7 on of writing my column, and I think I’m getting hang of the structure and tone. However, I often get distracted trying to track down accurate additional information and editing my column to an acceptable length. I actually managed to kept it under 650 words (500 is the recommended maximum…) this week. I hope my topics haven’t been too simplistic or boring, I just don’t want to straight up review anime/manga/games. I do try to relate it to content in “mainstream” in some way, so I’m not drowning new people in otaku jargon. The next installment will come out on Friday, so pick it up in person, or read it online. Feedback welcome~


As you can see, this is kind of an haphazard solution- I didn’t have time to think it through. Next time, no all caps in the banners, because it’s kind of overwhelming, especially if placed with other items.


Screenshot of what the CTRL-A website looks like at the moment.


This is the “original” kettle, though the second of four since I started working here.

I finish this post up with a few images of a kettle that we’re using at work. I suspect that because of the warranty, we got another kettle (the fourth one). As speculated by a co-worker, due to the number of people in the office that might want hot water/tea/instant coffee, the kettle might run up to 12 times a day, therefore wearing it down faster than, say, if used at home between fewer people. The other thing is that you can’t tell how hot the water is/how long ago it was boiled without doing a touch test.


To operate, you have to fill it with water, and push up on the knob on the side. Though, I think for my perspective, the knob doesn’t indicate “up”; some kettles have a flat area to show that a thumb can press down, or have a push switch that indicates direction.


Guess which button gets used the most? The kettle is actually “complicated,” as when you press the Power button, the kettle icon in the display flashes, but there is no indication that this is the sign for “boiling in progress.”


Things to work on:
Upcoming CTRL-A event items (covering for Publicity at the moment), portfolio website upgrade, applying to jerbs, thinking about whether I should start doing freelance again.

for obvious reasons// turing

Started worrying about the same things I was concerned about 6 months ago again, but I suppose I know a little better about what I should concentrate on. I’d decided do the Coursera classes more at “my pace,” and have been concentrating on smaller projects and readings I like. I updated my resume as well, but I’m going to hold off on posting it again until I decide what to do about my portfolio site (Pelican?).




I talked to a few designers at a Brew Over Design meet-up in town, and it was really great to hear about the diversity of where design can take you. I talked to two people from D2L (well, three, but the last person I’ve met before), and one of them went through a portfolio review with me. I got to ask questions about what I should work on and what it’s like to work in interaction design at a larger company. I haven’t really been able to work on any new projects at work, I’m still working on the layout/design/diagrams for one course. I try not to get too stressed about it, but I feel a bit reassured when people tell me that it is a big project, so it’s expected that it will take a while for everything to come together.

I haven’t been cooking very much at home, mostly because I’m living in a space where the kitchen is shared. I believe the term is “bio hazardous.”

Anyways~ I went to a DQ in the area and got confused while ordering a $6 Meal Deal, so I decided to draw a diagram to figure it out. Overall, I’m not sure of the menu is set up for optimizing with the different choices, making people read the entire menu, or just that this was the way it was put together. I couldn’t see the fountain machine where I expected at the counter, and didn’t realize that there were so many sundae choices.

DQ trace-01

Thought process-
DQ trace-02