Journal of Many-sized Tales

writing resource, learnings, design Matt Athanasiou writing resource, learnings, design Matt Athanasiou

Here There Be Promises: Writing and Design Goals for Q2 2023

Some creative goals for Q2.

The first quarter has come and gone, seemingly as fast as a cobbler elf in the night. So now we’re here, early April, and it’s time to review what I completed and what’s coming next.

You can learn more about my goals process from the January post. The high level is: I enjoy setting myself goals. They hold me accountable, and I hope sharing them inspires others to create, and even share, theirs.

Below you will find my creative ambitions. I am keeping personal and health goals private for now, but I recommend weaving those into yours as well. Like Jack, all work and no play ain’t good for anyone.

#

First, a quick recap of the first quarter. I wrapped the second draft of my TLS novel manuscript, sent The Superpowers of Love query to an editor, and sort of connected with some writers via Twitter, Discord, and virtual Writing Meetups. Not too shabby.

But. I didn’t meet all of my goals. I failed to send my edited query to new agents. The edits took longer than expected, and I am okay with this. First impressions are important, and that is exactly what a query is. Plus, my original deadline was unrealistic, as I forgot to factor in the editor’s response times. Currently, I am finalizing a few sentences of the summary, and I am extending my deadline, as seen below.

Also, while I posted more about writing on Twitter, I could have done a better job of having deeper conversations on the platform, as well as on Discord and via Writing Meetups.

Lastly, I didn’t complete my stretch goal in design. I sketched and designed a few logos, but my attempts were halfhearted. Instead of forcing myself to finish and send a design I wasn’t proud of, I let go of the project. This I don’t see as a failure. Saying no can be just as important to saying yes to projects. Quitting the design contest allowed me to focus more on what I cared about. The novel manuscript and the query.

#

With that, here are my goals for April, May, and June.

Writing Goals

  • Write a Journal entry about Central Thematic Argument by April 14.

  • Send the Superpowers of Love query to agents by April 20.

    • Finish edits on the query by April 15

    • Wrap first chapter edits by April 19.

  • Finish the third draft of the TLS novel manuscript by June 30.

    • Read and take notes on the second draft of TLS by April 25.

    • Begin the third draft of TLS by April 26.

  • Send stories and queries weekly throughout Q2.

  • Connect with writers on:

    • Twitter

    • Discord

    • Writing Meetups

Design Goals

  • (Stretch goal) Launch a simple lifestyle brand with a store and one-page website by June 30.

  • (Stretch goal) Launch the site Newsletter by June 30.

Like Q1, here’s a screenshot of how I use Apple Reminders to track goals.

Drop a comment, tweet, or private message if you have questions, suggestions, or want to share your goals for accountability too.

Happy creating.

Read More
design, writing resource, learnings Matt Athanasiou design, writing resource, learnings Matt Athanasiou

January Echoes: Writing and Design Goals for Q1 2023

The start of goals.

I set goals most quarters, and January often sets the tone for the year.

Writing goals can feel like starting a mini-story. I’m the character, I jot down what I want to achieve, and then, like a fun first draft, I set out to see how the story unfolds.

Whether or not I achieve my aims always teaches me something. Sometimes I learn that I’m too ambitious; sometimes I learn that I’m not ambitious enough. Sometimes I learn that I care less about a desire than I thought; sometimes I learn that I care more. Either way, at the end of the quarter, I look at the results, and I use them to plan the next.

In an effort to hold myself more accountable, and to encourage others to do the same, I’m sharing my ambitions for writing and design work—I also set personal goals and health goals, but I’m keeping those private for now. Maybe learning to share more will be one of my goals in Q2.

Writing Goals

  • Send the Superpowers of Love query to an editor by January 10.

  • Finish the second draft of the TLS novel manuscript by March 31.

    • Read and take notes on the first draft of TLS by January 20.

    • Begin the second draft of TLS on January 21.

  • Send the Superpowers of Love query to agents by February 1.

  • Send stories and queries weekly throughout Q1.

  • Connect with writers on:

    • Twitter

    • Discord

    • Writing Meetups

Design Goals

  • (Stretch goal) Maybe enter Apex logo contest by January 14.

Here’s a screenshot of how I use Apple Reminders to track goals.

Drop a comment, tweet, or private message if you have questions, suggestions, or want to share your goals for accountability too.

Happy creating.

Read More
design, nonfiction, reviews Matt Athanasiou design, nonfiction, reviews Matt Athanasiou

A Starry—Or Not So Starry—Nonfiction Article

Smashing Magazine published my nonfiction article, Rethinking Star Ratings for Readers. It has pretty pictures designed by me!

It’s been hectic, to say the least. Life in general has been. I’ll add more color to that claim later, but most of my sabbatical goals have been thrown for a loop. Disappointing, but it’s not all bad news around these parts.

The good news is that Smashing Magazine published my nonfiction article, Rethinking Star Ratings for Readers. The piece discusses some of the ways star ratings fail readers, and the write-up offers an alternative solution—with pretty pictures designed by me!—to review literature and better connect people.

The idea struck me a few years ago, and when it wouldn’t leave me alone, I finally decided to get it out of my head onto paper and pixels. I thought I would toss the finished product on this Journal and forget it, but as I wrapped up, I wondered if a publisher might be interested. And someone was. Just goes to show that you never know until you ask.

Big thanks to Smashing Magazine for sharing the piece and helping with edits, and to my friends who gave thoughtful feedback on earlier drafts.

A literature app showing an overview page for The Invisible Life of Addie LaRue. A literature app showing an overview page for The Invisible Life of Addie LaRue. The “Shelve Book” button (left) is the primary action. It hovers at the bottom of the bo

One of the alternative solution designs that you can learn more about in the article.


Read More
learnings, writing resource, design Matt Athanasiou learnings, writing resource, design Matt Athanasiou

Links to What I’ve Read About Star Ratings

I’m writing an article about star ratings, and I’ve read a number of pieces for research.

I’m writing an article about star ratings, the ambiguity of them, mainly focused on how they fail readers.

While writing the piece, I’ve read a number of articles for research. Several are linked to in the article, but not all. I’m sharing most of them here for anyone who’s interested in the topic.

#

Links that show people creating their own definitions for star ratings. One and two.

#

An example of star ratings leading to extortion.

#

How you can improve algorithmic recommendations from Goodreads—an algorithm that does not seem to pay attention to the context of your reviews.

#

The 60 most reviewed books on Goodreads from the past five years.

#

The Goodreads mission statement.

#

A hoax xenophobic rating and review.

#

A deep dive into why ambiguous rating scales fail people and companies, specifically looking at NPS scores.

#

Amazon bookstore closures, where they stocked books that were four stars and above.

#

The bot problem on Goodreads creates a trust problem.

#

People do put some trust in algorithms.

#

The Michelin Guide some people credit with starting the star rating fad.

#

Mariana Starke, whom some people credit with inspiring what would become star ratings.

#

The StoryGraph app that promotes rating and reviewing books with more context than star ratings give.

#

A critical look at several UI and UX problems on Goodreads.

#

How positive star ratings can sometimes seem too good to be true.

#

An HBR article about problems with and solutions for the star rating system.

#

Reasons to not care about star ratings.

Read More
design, learnings, website Matt Athanasiou design, learnings, website Matt Athanasiou

Site Designs Left by the Wayside

A few mock-ups of site designs I considered.

I wrote in a previous entry that I designed too many versions of this site and wanted to stop. While that entry talks about how I ended up with the current iteration, I saved several of the unused versions. Here are a few mock-ups of those iterations, along with brief notes about my thinking process. You can kill your darlings, but that doesn’t mean you have to forget them forever.

The Altered Photos Version

This is one of the earliest versions I created. I grabbed images from Unsplash that represented published pieces of my work. I edited the pictures to be minimalist and suggestive, and I added text from my stories related to each one. My two main reasons for not using this version are: 1) the feeling the images and text create are inconsistent and chaotic across different pages, and 2) the images and text scale poorly on mobile screens.

The about page is mostly white with black text. Three pieces of black and white wheat nod to the right in the background. The word About is among them in large text. In smaller text are words from Matt's story, Children of Ash.
 
The page is mostly black and white. Large black text reads, "Work." A quote from Matt's story, The Giving Island, hovers around the shadow of a tree. The quote reads, "No human had set foot on the living island of Mund before."

The Darkly Colored Altered Photos Version

This concept is similar to the Alter Photos Version, except that I leaned into the original images more. The dark edges and subtle colors create a sense of mystery, and the quotes from my stories give a preview of the type of writing I typically do. The text is no longer a part of the images—unlike the first version—which helps it scale better on smaller screen sizes. I like this concept, but I decided against using it, because I constantly found myself second-guessing which stories to use quotes from and which pictures to use. Additionally, this version felt like it was missing a smidge of playfulness that can also be found in my writing.

 
A close up of a few pieces of golden wheat. The image is dark around the edges. Contact is written in large white text. In smaller white text, there is a quote from Matt's story, Children of Ash: "Their arrival was always a sight..."

The Dark Fairy Tale Version

I love fairy tales, with an even softer spot for the dark ones. While some of my stories can be labeled dark fantasy, this version of the site gives the impression that the genre represents all of my work. I appreciate the consistency of this iteration, but I wanted a more accurate representation of my writing.

A mostly black home page reads, "Once there was a storyteller. Matt Athanasiou." The tips of a few green trees can be seen toward the middle of the page.
 
A mostly black page. The word About can be read above, "In which breadcrumbs are dropped." On the right-hand side, a small tunnel of branches can be seen through the darkness.

The Dark and Playful Version

I enjoy writing children’s literature from time to time. I allow myself to use more lyrical language and fantastical ideas when I write in the genre. In this version of the site, I leaned into playfulness by adding weird doodles and writing each page like it was a book chapter with a summary. Ultimately the site felt like it skewed too heavily toward children’s stories—albeit darker ones.

A mostly black page with the word "Publications" written in large white font. A drawing of a colorless being floats across the blackness with a cloud head and holding strings attached to words that represent balloons.
 
A mostly black page that reads, "About Matt. In which truths are unearthed." A white squiggly drawing of a small ghost with a squiggly heart stands to the lower right of the text.

The Literary Designer Version

I dig this version, how it leans into the text. On the home page, I like the large M/A symbol juxtaposed with the small prose type, and the color distantly reminds me of aged paper. Subsequent pages utilize large stylized prose for headlines, which feels both like chapter titles and summaries of each page’s content. The main reason I didn’t use this iteration was that I became burned out on designing the site, and I wanted to take a step back before choosing a final direction. That was when I thought up the concept for the current site.

A beige home page with a large M in the center. A small ligature sticks inward from the right-hand side of the M to almost form an A. Small text reads, "Here are stories of Matt Athanasiou, an author and designer."
 
A white page with a large beige rectangle toward the top. Text in the rectangle reads, "About. In which breadcrumbs are dropped." Small text below mentions more about Matt.

Have thoughts on these versions or want to share iterations of your site? Feel free to message or tweet me.

Read More
design, learnings, website Matt Athanasiou design, learnings, website Matt Athanasiou

How I Designed My Website to Stop Designing My Website

I created several iterations of this website—some might say too many.

I created several iterations of this website—some might say too many. I designed more than a handful in Figma, and I coded about a handful of those. I enjoy designing and coding, and owning a personal website allows me to do both. Problem is, I would rather write stories and make content that more people find useful than an About Me section.

So, I wanted to stop myself from the repeated updates. Here’s how I did that.

The Idea

The main goal of this website is to share my work and let people know how to connect with me. A myriad of solutions can achieve that, but I used my secondary objective—wanting to prevent myself from messing around with the site’s design—to guide the final look and experience.

Welcome to Microsoft Word & Standard Novel Manuscript Format meets mattathanasiou.com.

The words Manuscript Title are centered vertically and horizontally above the word byline, the layout of a title page in Microsoft Word.
 
The main page of the website showing the title, Matt Athanasiou. Author. Designer. Beneath the title are links that resemble a byline. At the top of the page are links that resemble manuscript header content.

Nearly every element on this site uses a variation of styles from the novel manuscripts I write in Word. I chose this direction to remind myself that I would rather be creating new stories and designs than working on my website, whenever I look at it. It’s working, too. The layout and styles make me think of my current projects, when I visit to start fiddling with elements again.

Here’s a closer look at some of the specific design decisions.

The Layout

The bulk of the site sits on a single page, like a novel manuscript existing in a single document. This layout makes it important to create sections with easily recognizable beginnings and endings, preventing similarly looking content from running together and confusing readers. A novel manuscript solves this with the order and spacing of information—and, in the case of the format I prefer, with a few different font sizes. More on the latter later.

The order and spacing of information in basic manuscripts—even without changing font sizes—creates a recognizable system that signals to readers what type of content they’re seeing. Text centered in the middle of the first page of a document? That’s your Title. Text centered in the middle of the page on a subsequent page? That’s the start of a new Part. Text centered toward the top of the page with left aligned text close beneath it? You’re looking at a new Chapter. And that’s how I laid out the site.

Title of Manuscript = Title of Site—you can see the screenshots above.

Title of New Manuscript Part = New Site Section.

The words New Part Section are centered vertically and horizontally, the layout of a new section page in Microsoft Word.
 
A main section of the website showing the text, News., above the text, And So, Stories Were Shared. At the top of the page are links.

Title of Chapter and Associated Prose = New Content Within a Site Section.

 
A sub-section within the main section of the website showing the text, Featured Stories, above news images and text. At the top of the page are links.

Adopting the manuscript layout for the site creates a natural hierarchy of information and progression, dividing content into easily digestible parts.

On subsequent pages of the site, the styles from “Title of Chapter and Associated Prose = New Content Within a Site Section” are used; they’re treated as additional “Chapters” within a “Part.”

A secondary page on the site to Sign Up for Emails. The layout is similar to styles from additional Chapters within a Part.

Having a lot of content on a single page can create friction, however. Readers might have to extensively scroll to find the information they want, especially on mobile devices. Most writing programs have solved for this issue, and I recreated a version of that solution: a table of contents (TOC) with anchor links that let people jump from section to section.

Microsoft Word TOC that sits in a sidebar to the left of the manuscript page. It creates links to parts and chapters.
 
A TOC on the website that links to different sections of the main page. The sections are Matt Athanasiou, News, About, Publications, Designs, Follow.


The TOC I made sticks to the top of the main page when you scroll. This position allows for the rest of the page content to remain centered and focused. In the Publications section, the longest section on the page with plans to only get longer, I created a second TOC for the same purpose; it attaches to the bottom of the main TOC and slides away when you leave that section.

A final note to mention about layout. A few “Chapters” (New Content Within a Site Section) on the main page link to separate pages with additional content. The News section does this for two reasons. One is to create a Featured Stories “Chapter” within it, so I can highlight a short list of specific work on the main page, but also guide people to the more work and updates on my Journal; the second is that the Journal will grow to become the longest “Chapter,” and giving it a dedicated page will prevent the main page from becoming too dense.

For the other “Parts” with “Chapters” on separate pages, the reason behind this decision is inputs—the forms you can fill out. I imagine those inputs will be used sparingly, so keeping them on the main page becomes a distraction, giving people extra actions they’ll rarely take. I would rather the main page focus on creative work that inspires myself and readers.

Font and Color Styles


The font and font sizes match what I use in Word documents, while writing at 180% screen zoom. The font is Times New Roman—what many publishers and agents request for manuscripts—and the font sizes are the following:

  • Site title = 52px

  • Part title = 44px

  • Section (Chapter) title = 36px

  • Body = 24 px

  • Caption (header and footer text) = 16px

You can see the Caption font in the header and footer of every page. The gray text—and, in the header, right aligned—mirrors the smaller font that appears on my Word pages to distinguish the author, story title, and page number.

Image of the manuscript header that has the author name, story title, and page number in small gray font.

On the site, that content is replaced with links to the main page, Journal, and Sign Up page—the footer repeats those links, but with prose, because I like prose.

The site header with gray text links right aligned.
 
The site footer in gray text that reads, These are stories of a writer and maker, Matt Athanasiou. Sign up to follow along. Stories is linked to the Journal. Matt Athanasiou is linked to the main page. Sign up is linked to the sign up page.


The TOC that begins beneath the site title also resembles a byline, so I combined styles from the manuscript byline—the black color, similar spacing—but used the less obtrusive Caption font size like the header, so the TOC doesn’t distract from the main content.

The main title of the website with the TOC highlighted.

Additional Inspiration


I debated writing about why I include the information in each section, but the explanations felt self-explanatory. Tweet or message me if you think otherwise, and I’ll consider writing a separate post.

However. There is one section on the main page I want to call attention to. You can’t reach it with the sticky TOC. You have to scroll to find it.

The Blank Page section with gray text that reads Blank Page. above black text that reads, Scrolling for Inspiration?

The Blank Page section talks about my appreciation for blank pages and links to a blank page. My hope is that anyone who finds themselves scrolling to kill time might discover this “Part,” learn why I think blank pages are inspiring, and get inspired themselves.

The End


There will be updates to the site, maybe adding background images to “Part” sections or something else, but I’m in no rush. Updates would keep me from doing what I’d rather be doing. Making things that are more meaningful and sharing them with others.

Read More