She needed a basic website and branding to capitalize on her book tour. The timeline was short and the budget was tight. I passed the project off to Radicle.Vision and my wonderfully talented partner @fffalcon. Falcon took on the logo design based on Cathy’s prompt, which I think is one of my favorite prompts for a logo I’ve ever had:
“fat fierce and intelligent”
With that Falcon, Cathy, and I landed on this beauty:
From this logo mark and Falcon’s suggested color theme I set to work making Cathy some business cards.
These are some of the options I gave. With that done (in a record time I might add) Cathy had something to hand people she was meeting on her book tour and I set out to create a website.
I suggested Squarespace because of it’s ease of setup and maintenance. Cathy had written most of the content already and knew what she wanted, which always makes the process go smoothly. I was given free reign to make the website happen and am quite proud of the results.
I was able to modify the Pacific theme, add some pictures and arrange the content already provided to create a nice little one pager for oneilrisk.com
With a three week turn around this was a very smooth and joyful project. Mad respect to Cathy for being an awesome professional and as always Falcon for being a rock star.
My partner put me in touch with an old client of theirs. They needed help to add a page to their existing WordPress site and fix a few cosmetic issues. I agreed to help and dove in, expecting a simple process. The theme was using a baked in version of page builder which I quickly found was both out-of-date and totally not working.
I was to extract text and images from a PDF and apply them to a page in WordPress. I was able to extract the text as HTML (formatting it with some regular expressions) and gathered the source images from the client.
Once I attempted to add it to the page using Page Builder I found that the raw HTML input wouldn’t capture the input text. No wonder the client was having problems! I was able to hack the system by adding the text directly to the input element via the browser’s development console. An impossible task for someone with a only a working knowledge of browsers and web technology.
After shimming the content into the page and fixing some other esoteric theme related issues I was done. This simple act of adding a page to their website cost 300% more than it should. In fact it shouldn’t have taken an engineer to do such a basic operation.
The client had three options. Try to fix the site, recreate the site, or keep using this hobbled site. Because the site hadn’t been maintained the off-the-shelf theme, WordPress core, and many plugins (some integrated with the theme) were all out of date. Updating and fixing the site might introduce a host of new problems and might not even fix the site.
To keep the site as is and just deal with the wonky broken system would cost way more in the long run for the client. The whole point of using a CMS like WordPress is to make tasks like page creation simple enough for a client to manage on their own. The process of adding content to a page was so onerous that it would be faster to just build pages out of HTML!
So my recommendation was to recreate the site in Squarespace. The client accepted this and we began work.
I opted to use the ishimoto theme as a base to create the site. The original site was very clean and minimal so it was fairly simple to remake using only Squarespace’s theme and design tools, no code necessary.
By using gallery blocks and the intuitive content tools provided out-of-the-box by Squarespace I was able to quickly recreate all of the pages. Better yet the client was able to jump in and figure out how to use the system without much hassle. The cost was about twice as much as adding a single page to the old site!
On top of this we were able to leverage Squarespace’s e-commerce tools to begin setting up a system to sell prints directly off the site.
I love WordPress. It is a triumph of free open source software and a gift to the world. With a few plugins and a decent theme you can create a powerful website that does anything for a fraction of the price. It puts power into the hands of the user. However it requires some upkeep, there is a cost to maintaining WordPress. I would say that when compared to Squarespace’s monthly cost (~$12) it’s about even.
The power of Squarespace is that it just works, the server and updates are all handled by someone else and requires no intervention. When all you really want to do is display some text and media (and perhaps a store) it can be a very good option.
As a designer I feared that products like Squarespace would take away from my livelihood, but I find that my skills as a “power user” make it worth while for clients to hire me to do the initial setup and design pass. I can then hand it off to them without needing to provide a long term maintenance agreement. It’s easy for me to build and it’s easy for them to edit, a win-win in my book.
After creating The Karass Inn’s logo I set to work creating a website for them. They used checkfront.com to handle the booking side of things so I was left to simply create the presentation side.
I used the Make Theme with only slight modifications to the CSS. Mainly to create the pop-ut Book Now button. The site looks great on mobile too:
The address, phone, and email at the top work incredibly well on mobile. By using proper Uniform Resource Identifier schemes with the links available applications will launch when they are clicked. You’re probably already familiar with mailto: which almost all email links use, it looks like this:
So there’s been a bunch of mean people supporting terrorists by spreading xenophobic hate speech in the news recently. In response Common Roots Cafe in Minneapolis put up a sign in their window stating that “All are welcome here“.
Back in the day when I had a desk and a wacom I started an illustration about the current food system. I intended for it to be a 10 panel piece which was “read” from bottom to top. Starting with the extraction of oil and leading up to the removal of food waste.
This is where we get the gasoline and slurry of petrol chemicals that allow us to perform large scale monocropping. When all these ingredients are put together you get, mostly, corn:
Which uses an incredible amount of water and other precious resources all while making heavy use of poisons:
The unfinished panels then go through the distribution (i.e. burning of more fossil fuel), and sale of food. Which creates an enormous amount of waste from the farm (who can’t sell ugly crops) all the way to our kitchen where much of our food rots, or develops unsightly blemishes and is thrown away.
The final frame then illustrates away, a mystical place where our trash (which consists in large part of organic food waste) is sent. The anaerobic breakdown of this organic matter creates methane, a powerful greenhouse gas.
The dream presentation of this work has the material costs on one side, the oil, water, space, and other resources spent creating commodity crops. The other side lists the corporations who participate in this act of ecocide.
Some day I hope to get back to this project or hand it off to someone else. If you are interested please contact me at email@example.com
A few weeks ago I visited The Karass Inn, a community “in dialog” (e.g. applying for membership) with the Federation of Egalitarian Communities (FEC).
It’s a budding bed and breakfast in middle Vermont which is aiming to be an income sharing community. They are going to be opening soon and are still finding the first members. When I was up there they were in the middle of renovating. I ended up doing a bunch of wall painting and edging to get the place ready for guests.
Naturally the other task I was asked to help with was branding and website work. I developed a logo based on a number of conversations with the founding member and came up with this sketch:
Which became this:
And on white:
These aren’t the final versions, we are still in process for nailing down the logo type. They will soon be open and soon be building out their website, so I look forward to making that happen too.
Last year I spent a week out at a commune in Central Tennessee called The Farm. I was there visiting The Farm School at the request of the director Peter Kindfield who connected with me because he was looking for wagn developers (an open source wiki project that is awesome!) what he didn’t know was that I was in the middle of going to ALF Summer 2014, a training event from Agile Learning Centers. Along with web help he was also looking to move toward a self directed learning style at the Farm School, it was very serendipitous!
In exchange for a place to stay and food I offered to do a discovery process. I have become very fond of discovery, which is a sort of like a first date for freelance web development projects. Discovery has a clear outcome, a document that describes what a client needs and suggestions for how to achieve that. It allows a consultant (me) to better understand the needs of the client by working together to create this valuable outcome. I use it as a way to start projects and get a feel for the working relationship with a client.
I was able to leave this document in the hands of the Farm School and they were able to pass it on to contractors who could then act on it.
After handing off the document I left and didn’t think much of it. A year later I went back to The Farm and stayed with Peter. I mentioned it and to my surprise he said that it had worked! Two things happened according to Peter:
We used your discovery document in two ways:
1) To support our shared decision making process. The three people most involved (Satellite Campus program coordinator, Solar Campus program coordinator and Principal) and a website developer/parent of satellite campus students all read document and basically decided to follow your advice and do what Drew said. This got us out of a stuck place we had been in for years about how to use wagn.
2) The website developer/parent of satellite campus students used your discovery document as her initial design specifications.
we’d been stuck for years and you got us unstuck!
Great success! The discovery document gave them a foundation to build from.
I wrapped up a project today which has been sitting on the shelf for quite a while. A few months back I was helping a friend who works for the FEC (Federation of Egalitarian Communities) make some propaganda for the Twin Oaks Communities Conference. We couldn’t find a proper vector version of their logo! So I went ahead and made one that was a slight update of their old version.
I’ve changed it up not very much at all. The most major change is the use of Open-Source font Lato which is available for free! Plus it’s a Google Font so it’s super easy to use on the web.
There are a few versions of the logo, above you can see the boxed landscape. I’ve also made unboxed versions and vertical versions:
Then, of course, there are the flower by it’self versions. I overcame one challenge which was to create a version where the white parts around the peddles was transparent.
See the difference? This actually wasn’t easy due to how I put it together. You see, the peddles are whole and simply overlap each other and each one has a brush stroke outline.
You can see each shape in the blue lines (this is the vector) it has a color fill and a white stroke with a brush style. I had to expand the appearance of each peddle in Adobe Illustrator then copy the brush shape and carve out layers below and above. To achieve this:
See how each color is now made of a bunch of points and lines? This allows the shape to be saved with a transparent background.
Anyways, here’s a Google Drive Folder with all the source files, EPS, SVG, PNG, and PDF versions of the logo!
What an amazing week! I’ve been in Asheville NC visiting the Endor ALC crew. I was housed by two amazing collective homes full of wonderful and amazing people who kept me well fed and in good company. I spent most of my time co-working with @liam and @rochellehudson which fueled one of my most productive weeks I’ve had in a long time. So, what did I do?
I’ve updated the network website to a point where it clearly outlines what ALC is. Gratitudes to my fellow ALFs, especially @tomis, @nancy, @abbyo, @artbrock for their contributions in content and design.
We’ve switched to the network theme which is a lot cleaner and clearer now. The front page covers much more about what ALC is and how to get involved.
I did a bit of work on designing visual elements for the page and getting it to a point of being pretty okay.
I’m very proud of the ALC directory which I created using Google Fusion Tables. This takes a spreadsheet and outputs it as a map. I did some custom design using a Google Map Style Wizard, it’s pretty fun, try it. Then I implemented some custom code to get it to display real nice on the welcome page:
Each of those icons is generated automagically as new schools are added to the directory. Each icon is clickable and displays information from the directory.
I’m super excited to expand on this work. To tighten and expand on the design and layout. I now feel like I can send people to our website without worrying that they might not “get” what’s going on.
Foldy Release Party!
@liam and I printed out about 50 of my School, Yay! foldys for a Wednesday event at Fire Storm Books & Coffee. There was a great turn out and even with no planning we were able to pull of a successful info sharing session about ALC and Endor. I used a Kanban to manage the flow of the event.
There was some great questions from our audience and super awesome input from @liam, @rochellehudson, and Keli (a new ALF from Asheville).
The foldy was also a great success!
Organizing and Orienting ALFs
I spent a lot of time working on some internal pages for alf.agilelearningcenters.org and our supporting systems to better organize our communication and collaboration within the network.
The Newbie page
I created a page for newbie ALFs (and forgetful ALFs like me). A quick aside: newbie is a term for someone who is new and thus inexperienced, it’s a term of endearment, unlike n00b which describes a person who acts dumb. The newbie page covers all of our internal tools and links to our support documents and other such things.
The Baked ALF checklist
Along with the help of @nancy and other “bakers” I started to develop what I hope to be one of many internal checklists for doing network jobs. This one focuses on what to do once a person has had their peer review, submitted their documents, and been “baked” (a title we are using to indicate a particular status of an ALF).
Added Helpful documentation
I spent a lot of time writing up helpful documentation about how to use some of our internal organizing tools. One that I’m really proud of is the ALF Community Mastery Trello Board that we use to create ALF cultural norms. This board covers how we handles meetings, what meetings there are, what software we use, and the protocol we follow for doing everything from sending emails to adding new people to the network. It’s an interactive tool that makes our community agreements and structure not only visible to all members but changeable (through our monthly change-up meetings) for all members! It’s something that deserves it’s own blog post. You can read about a real ALC example on the Everett page.
Created “easy links”
Using a redirection plugin I’ve created a number of links to important documents and services that we use. So rather than sending around long links like:
to point to the long link. Which is also very helpful if the link has to change! If we find that the hangout link stops working all i’ve got to do is edit the redirect and no one will have to be told about the change, it will just work!
Playing with Slack
We’ve started using this cool service called Slack, which is a group chat room on steroids. It’s really cool! What’s more cool is that is has a bunch of service integrations that can do all sorts of things like listen to a website’s RSS feed or display changes to a Trello card. I spend some time setting up a number of these tools along with @tomis.
The Great List Migration
Part of the work I did over ALF summer was to migrate from the NYC Google Apps for Education account to the ALC Network Apps for Education account. One of the big items of that migration was to switch over the email list serves that we use to communicate. I wrote up an email about what was going on and what people could expect
Upgraded ALC Everett
I’ve spent a lot of time writing about what happened at ALC Everett but I left the website in a kind of limbo. Anyone who was visiting the site wouldn’t exactly know that the school had become inactive or that I had written a comprehensive debrief on the whole thing, including a bunch of documentation around tools and practices. So I spend some time making the site look nice, adding a bunch of links to the debrief and the tool box as well as explanations of what the current status was and a way to contact folks at ALC incase they were from the area and wanted to learn more.
ALC Domain Mapping
This didn’t exactly happen this week, but I wanted to share. @artbrock and I managed to finally get some backend features working that allow schools (or anyone with an ALC site) to map the site to their personal domain name. This means that our school sites can use their own domain while still being part of the network!
So now sites like alcoahu.agilelearningcenters.org will show up as alcoahu.org! So cool.
This has been such an energizing week or productivity! I really feel like I’ve been in a great flow and hope to continue it into the rest of the month.