MAGAZINE BRAND BOOK, WEBSITE REDESIGN, AND SOCIAL MEDIA EXPANSION - DIGITALCOMMONS@CALPOLY
←
→
Page content transcription
If your browser does not render page correctly, please read the page content below
ine
ne
ine
For educational purposes only
Magazine
Brand Book, Website Redesign, and Social Media Expansion
Von Garcia Balanon · GRC 462 Senior Project
Table of Contents 04 05 06 About Von Why Riso? Abstract 07 08 09 Problem Project Timeline Statement Objectives 10 15 17 Research Project Brand & Inspo Execution Guide 21 27 30 Website Social Reflection Redesign Expansion & Sources
About Von
Hello! I’m Von Garcia Balanon. I’m a graduating Graphic
Communication major at Cal Poly San Luis Obispo with
a concentration in Design Reproduction Technology. I’m
passionate about uplifting marginalized voices, products
that are community-oriented, and highlighting creativity in
the design world. In my free time, you can find me doodling
on chalkboards, collecting plushies, photographing special
moments for friends, or trying out new ways to be creative.
4 Ris Magazine
Why Riso?
During pre-COVID times, I would go to Fresno’s art hop—
an art crawl between local artist studios in downtown
Fresno. During one of those art hops, my friends and I
stumbled upon 1418 Fulton. I continuously found myself
in awe of a particular medium in the store. I couldn’t quite
put my finger on it exactly. It wasn’t screen printing and
it wasn’t a digital print but I didn’t know exactly what the
neon style was. I came to find out that it is Risograph
printing. Broken down to its most basic level, it is a
cross between screen printing and photocopying initially
released in Japan in the 1980s. All Riso inks are vegeta-
ble oil-based and dry to absorption into uncoated paper
stock rather than through heavy chemical dryers through
heat. Because of this, power consumption remains very
low throughout the whole Risograph printing process.
Spring ‘22 5
Abstract
Risograph printing is not often discussed when it comes to the print world.
What is it? How can creatives utilize it to its fullest potential? There is an
opportunity of informing more about Risograph printing through the rede-
sign of Ris Magazine—a fictitious online magazine. Ris Magazine teaches
Risograph printing practices as well as features artists, stores, and creatives
in the Riso world.
For this project, my goal was to create a branding style guide, a functional
website, and an Instagram feed promoting stories from the website.
6 Ris Magazine
Problem Statement
Risograph printing is not often discussed when it comes to the print world.
What is it? How can creatives utilize it to its fullest potential? There is an
opportunity of informing more about Risograph printing through the rede-
sign of Ris Magazine—a fictitious online magazine. Ris Magazine teaches
Risograph printing practices as well as features artists, stores, and creatives
in the Riso world. The current website for Ris Magazine is not functional
and can be redesigned to further reach those who would like to join a Riso
community. Along with a functional website, a branding style guide will be
made to cohesively tie Ris Magazine’s design together. A fictitious Instagram
page will also be designed to promote the Ris Magazine website.
Spring ‘22 7
Problem Objectives
01
Project Management
Create a project plan with strict deadlines
Follow the requirements of the course schedule with activities
and milestones
02
Website Design
Practice web design abilities to create a website that effec-
tively captures a Risograph-printed theme
Demonstrate and develop technical skills of Squarespace to
create a functional website
03
Branding Design
Ensure branding is cohesive with color palettes, fonts, and
overall look throughout the website and social media collateral
Demonstrate and develop technical skills in Adobe Suite
8 Ris Magazine
Timeline
Week 1 Brainstorm
Week 2 Research & inspo
Week 3 Begin brand guide
Week 4 Begin website redesign
Week 5 Continue brand guide and redesign
Week 6 Finish brand guide, user-test site,
begin social media expansion
Week 7 Final website edits, finish social
media expansion
Week 8 Review all deliverables
Week 9 Showcase & milestone presentation
Week 10 Process Book
Spring ‘22 9Research and Inspo
Case Study: Redesigning the website for ‘The Intersectional Feminist’
This source gave invaluable insight into redesigning the Ris Magazine website.
Since this study focused on creating a more engaging experience with their
magazine readers, while educating first-time readers about the breadth of
topics they specialize in, I found it significant in what I wanted to do with the
redesign. A strength I wish to include in my website redesign is figuring out
the high-level problems on the website that can be fixed—specifically the
confusion of brand identity. I want to make sure a cohesive brand identity is
created in order to step forward into the website redesign especially since it
made ‘The Intersectional Feminist’ redesign successful. A weakness I found
was including user testing when it came to the final product. I didn’t realize
this step was an important stage in the process since it made them relook at
the design from the user’s perspective & further refine the website. I plan to
also implement user testing to ensure I get user feedback on the redesign.
10 Ris MagazineRiso Workshop · Study
This case study helped me envision what I can do to promote the online maga-
zine. Since this workshop also works with Risograph printing, I found it very
relevant to the way the promotional material can be designed. A strength I found
was the simple branding that allows the promotional material to go through a
simple color variation. This can really help with creating a dynamic feed and
making sure events and stories showed vary. A weakness I found was the use
of simple animations throughout the social media posts. This can really draw
user attention to the Facebook and Instagram platforms and I didn’t think about
including them from the beginning. I will for sure find a way to animate some of
the text on the website as well as social media posts to draw user attention.
Arts community grows for some ‘silenced voices’ · Newspaper
This newspaper article is about Palabras Bilingual Bookstore and Wasted Ink
Zine Distro and how they have become safe spaces for historically marginal-
ized communities in Phoenix. Wasted Ink’s Roosevelt location, has a Risograph
zine collection that aims to represent marginalized voices such as that of
BIPOC, LGBTQIA+, disabled and chronically ill, and neurodivergent creators.’
Through community space, they have been able to host writing and art work-
shops and readings and will have a garden to grow produce. This article helps
promote the community aspect of Ris Magazine where the promotion of
these stores and spaces can be highlighted throughout the digital magazine.
Spring ‘22 11Consulat Case · Study
This presentation shows the identity of the Consulat—a company whose
mission is to support Photographers and Directors and to team them up
with the best. The overall usability of this site is again like a physical printed
magazine. The concept of a place where creatives can be paired is similar
to how Ris Magazine will promote creatives and artists. The grid of photos
presented is appealing and the headers for each subpage are consistent
with a mix of serifs font for important words and a skinny sans serif font for
less important words.
The definitive guide to making a digital magazine · Study
This study dives into how digital magazines are making a comeback through
higher-quality content published online. It covers the different digital magazine
mediums there are from apps, Kindle e-magazines, or CMS. It gives tips on
how to make a successful digital magazine by making the type easy to read,
including interactive elements and infographics, embracing quality, animating
stories, working with templates, and automating. Overall, this study’s guide will
help with the creation of the SquareSpace site and gives tips on successfully
creating a digital magazine.
12 Ris MagazineRiso and shine: the colourful world of the Risograph · Trade Journal
This trade journal covers Candice Jezek—the owner of Dream Press in Cape
Town. It expands on how Risograph printers, which are made of upcycled
plastic using soy-based Riso ink, are increasingly used by a niche world-
wide collection of artists, printers, and designers to create distinctive
products. Furthermore, Dastgir includes how much artists are selling their
Riso prints and how they are successfully collaborating with other artists
to promote their art. This journal helps showcase the community aspect of
Riso printing. This can be translated through Ris Magazines’ community-ori-
ented magazine and its potential of promoting artists and Riso presses.
RISO BAR Brings Together Printing Enthusiasts With a Cause · Article
This article covers how a RISO BAR—a shop that promotes community events
and sells local Riso art in Dallas—navigated the pandemic. It also gives a brief
background of the Risograph printing world and its niche audience. Similar
to the previous journal, this article helps articulate how Riso printing creates
communities that Ris Magazine can promote through the website.
News Website
Redesign · Study
This source presents the
process of creating the
website for the online
arts and culture maga-
zine Aesthetica. It includes
before and after photos of
grid setups for the website.
It utilizes similar branding to
the Ris Magazine look with
sans serif body text, serif
headings, and red text. Its
usability is similar to a phys-
ical printed magazine with
an emphasis on photogra-
phy and respected columns
and grids.
Spring ‘22 13Paradise · Study
This presentation showcases the visual identity of PARADISE—a new-age
production company that thrives on a connection by exploring novel modes
of storytelling. The creation of the website design along with the consis-
tency of visuals on the poster helped define this new production company.
The poster’s grids are emphasized throughout the mockups. This website
utilizes a lot of white space and emphasizes the company’s photos/stills.
An Intro to Risograph Printing · Study
This study dives deep into what Risograph Printing is and how to start one’s
own Riso print. Burke covers the perks of environmentally friendly inks Riso
uses and how this unique process can be used for a multitude of print medi-
ums—books, zines, art prints, posters, flyers, business cards, tags, menus,
postcards, greeting cards, calendars, LP record inserts, boxed card sets
and more. This study will help with the learning aspect of Riso printing on
the website.
14 Ris MagazineProject Execution
Deliverables
01 Branding style
guide of Ris Magazine
The success criteria of the brand book is a
style guide of the overall Ris Magazine typog-
raphy, color palette, image edits, etc.
02 Functional
Squarespace website
The success criteria for the redesigned site is
a fully functional Squarespace site published
with learn, artists, feature, and about pages.
03 Instagram collateral
promoting Ris Magazine
The success criteria for the social media
expansion is the mockup of the Instagram
page with aesthetic feed promoting Ris
Magazine and stories on the website.
Spring ‘22 15old and aph iend al a
Italic 5
Ris h ow pri
to st nting.
s at and rt
M Ris desi
fo c u a ga z i n art L olv g
you earn w e join
desi ses the e is an o
r ve h u
ry fi ere it s
rst c am
gn a inte Ris
rsec nline m
op
nd c ro
omm tion a ga z
unit o in
14
y b u f s o c i a l e t hat
ildin justi
g. ce, a
Ris
M ag
azine
Our Bran
d Gu
Log ide lin
es
o s
Prim
The ary L
the
prim ogo
n ary typ
fon ame o logoty e
Methods & Resources
t f th p
Italic Meno e m e con
aga si
Ty po
grap
B
our . The “R anner zine sts of
hy
Ris C in th
gra is” is re onden e
phic plac se
Usa . ed d
The g e with
prim
be ary
us
all ti ed at logoty
Mag
m 100 p
It sh es, w % o e is to
o it p
colo uld be h no e acity a
re xc t
Ivory d ba used o eption
The following applications were used throughout the execution process:
azin
ckg
rec . We w rou n light- .
ogn a nt nds
is e iz able it to — suc
ss h
cha entia , so co be inst as
e
n l— n a
rec ge, dis pleas sisten ntly
onfi to ed cy
gure rt, re o
it. colo n’t edit
r, o ,
r Prim
ary
Logo
type
in C
rim
Adobe InDesign
son
Brand guide layout · Instagram feed prototype
Lo go
s
using publish online feature
Ris
M ag
azine
Bran
d Gu
ide lin
es
Adobe Illustrator
7
12
Brand guide graphics · Instagram feed graphics
Adobe Photoshop
Brand guide photos · Squarespace photos
Adobe Express
Instagram posts animations
Iden
Squarespace
tity
Sys
tem
Prim
The ary C
p
con rimary lor P
o
Website redesign Crim
si
Ivory sts of color
Wh
ite.
Crim pale e
s on
ale
tt
tte
Re d
s and
atte o nR
n ed
prin tion-g rep
res
ti ra
and ng. It is bbing ents th
as a u eff e
n ac sed fo ects o
cen r f
Ivory t co headin riso
bala White lor. gs
Issuu
n
bac ce. It repres
kgro is en
und primari ts cla Cri
colo ly u rity ms
r. s ed and Hex on
Sec as a
RG #db40
The onda B
CM 219, 6 e
2
Brand guide viewing platform
s ry
con econd C olo YK 4
8, 9 , 46
si a
Can sts of ry colo Pale
r 0, 9
ary Cha r pa tte 4, 1
Yello rco
w. al G lette
Cha ray
rco and
is p a
rim l repre
arily s
use ents st
Can d fo re
ary r bo ngth
prim re dy c an
arily prese opy. d
and n
a co used a ts opti
ntra s m
st fo an acc ism. It
r im e is
age nt colo
Co lor
Pa
ry . r
Figma
let te
s Cha
Hex rco
al
R G #4 4 4 4
B 4
CM 68, 68 4
YK
67, , 68
60,
User testing notes
59,
4 4
Ris
M ag
azine
Our Bran
d Gu
Log ide lin
es
o s
Prim
The ary
prim Logo
the ary typ
n
fon ame o logoty e
t f th pe
Italic Meno e c
. T Ban maga onsist
our h ne zin so
Ris e “Ris” r Con e in th f
gra
phic is rep dense e
Usa . lace d
dw
The ge ith
prim
be ary
us
all ti ed at logoty
Mag
m 100 p
It sh es, w % o e is to
o it p
colo uld be h no e acity a
re xc t
Ivory d ba used o eption
azi
ckg
rec . We w rou n light- .
ogn n d
is e izab ant it to s—su
ss le ch
cha entia , so co be inst as
nge l—p n si a n
rec , le ste tl
onfi distort ase d ncy y
gure , re o
it. colo n’t edit
r, o ,
r Prim
ary
Logo
t
16 Ris Magazine Lo go
s
Ris
M ag
azine
Bran
d Gu
ide lin
es
7h ow
aph ie al
prin nds at art an
Mag
a
to ti R d
sta ng. Le isolve desig
rt yo a n
ur ve rn whe join us comm
ry re
da ityto un
it
an o firs
zine
t Ris came y to sh 13
n op fr
ectio line ma
roje om, w ed
ct. h at
n o gazin
nity fs
build ocial ju e that Im ag
s t i ce
er y
ing. , art
Mag
aM
,
agaz
Ris
M ag
azine
zine
Bran
d Gu
ide lin
es
Ty po
grap Bran
hy
d Guid 15
Mag ine
elines
Tabl
e of C
Sec o nten
zine ts
tio
o W n 1: A
Wh
eA b
re/P out
azin
Sec Sec urp
os e
tion Prim tion 2
:
Log Logo
ary
Sec
o oty s
Siz ndary pe
in Log 4
goty Safe g oty
pe 5
Inco Space
pe
in C
rim rrec
son
t Us
es 6
Sec
Colo tion 7
3:
Typ r Palett Identi
8
e
o
Ima graph
es ty S 9
gery yU yste 10
sag
e m
11
12
13
Iden
14
15
tity Iden
S
tity
Sys
ystem
tem
Ima
Ima ery g
g
blo es thro
g, u
artic and fi ghout
le sh rst im th
ad
uo ould age e hom
and -tone be s of e,
Can of o edite the
Ag a ry ur C d to
ra Y rim inclu
ove iny eff ellow s
rlay ect pale on Red de
12 con sho a tt
sist uld nd riso e. 4
enc b
y pu e inclu -like
Ima rpo d
g ses. ed fo
res es sho
Mag
r
oluti uld
PPI. on
If te —any t have
no
Riso
grap
top xt is thin
o g le poor
ove f the im to be ss th
Ris
M ag
azine
opa
c
rlay
are ity for
to m
in
set age, u cluded an 72
tiliz
ultip e a b n
o
hy for a
ll
Bran
sho c lack
d Gu
id eli wn ontrast ly at 6 Our
ne s to th .
e ri Refere
5% Log
ght. nce o s
s
Inc
o
a
To rre
en ct U
legib sure re ses
have ility, an cogniz
zine
dc abili
Se ct
log set ru o ty,
io n
oty
p les nsiste
A ny
th
e s sh in wh ncy, w
ich
neve ing o ould b the e
th e
exa r be us er tha used.
m e n
Im ag
er y the ples sh d. Non that sh
prim ould e o ould
s ec
ond ary log eve f the
Mag
aM
ary o rb
log type a e used
oty
pes. s well in
s th
e
agaz
Ris
M ag
zine
azine
Sec Bran
d Gu
tion ide lin
es
Ris M
mag agazine
Bran
d Guid 15
az is
Mag ine
elines
the i ine that an onli
n f n
justi tersectio ocuses o e
Lo go
s
ce n n
comm , art, de of socia
unit sig l
y bu n, and
Do
We
ildin
azin
w Ris
colla ork to
g.
M ag
azin
b
pro borative uild a Our
je
and cts. W space latform
p
our Log
e o s
En
sho for p u rp
wca cover deve that se ose
push act chan
se fe the rve
We atu edu loping s as Sec
love res ca id a
com the and tional eas an The d on
prim ary L
crea thinkin ge,
m
man unity Risogra artis asp
ts in ects new
d
the ogo
y w ary
work peop e get ph wo the of
fon ame o logoty types
n
rld Ris Riso
te
le to
ena and th , publis be a
g t
inclu a bette , and
best ow f th p
c inkin hers part bec orld Italic Meno e m e con
mo t chan . with Banne agazin sists o
e
ga , an of! aus
re in g b T e out r e f
clusi e, push out h d artis here a of the
r the Conde in the
Riso sive wor more
ve w th ow ts re s Usa R n
orld inking print c doing o The ge
is gra sed
phic
. , an an b incre s ec
l
Ris
dc .
rea e use dible
prin d
5
us e ond
t at one
te a d to da a ry
with t 10
bett 0% logoty
er use no exc opa p
a tim d
can when ption.
e city e is to
at a be
e
n th It ll
web ot be u e prim should times,
Cri si s ed ary be
ms use te. In
Hex on da add throug logoty
sa p
RG #db40 reve ition, it hout th e
Ris M
Ris For rse c e
B
CM 219, 6 e
2 M ag
azine refe log ould b
oty
YK 4 Sec Bran exa ren p e. e
8, 9 , 46 d Gu mp c e,
0, 9
4, 1 Ivo
tion ide lin
es log le
oty s of
the
se
ry colo pes w the se are
Hex rs in ou co
our ld loo ndary
RG #fef2d guid k lik
B 8 elin e
CM 254, 2 es. on oth
YK 4 er
0, 3 2, 216
Ris M
, 16
,0
Se ct
ion
8
a
Ris M
Cha
Hex rcoal
R G #4 4 4 4
B6 44
MY 8, 68,
ag
K6 68
7, 6
0, 5 Can
9, 4
4 Hex ary
Abo
RG #fabd3
Ris
ne Br M ag
an d B d
azine
CM 250, 18 Our
Gu ide Bran
lin es d Gu
YK Log
2, 2 9, 61
ide lin
ut
es
7, 8
7, 0 o s
Inc
orr
To
en
ect
legib sure re ses
U
have ility, an cogniz
dc abili
13
log set ru o ty,
oty
pe les nsiste
A ny in nc
thin s shou which y, we
neve go ld b the
th e
exa r be us er tha used.
mp ed. n th
4
the le s sh Non a t sh
p eo ould
sec rimary ould e
Mag
f
ver the
Mag
ond
ary logoty be
u
azin
log p
oty e as w sed in
pes. ell s Do
Brand Style Guide
e
the not
use
azin
wro
ng
Maga
colo
rs
Ris
e
M ag
Mag
azine
Sec Bran
d Gu Do
not
tion ide lin
azin
es stre
tch
e
Do
Prim not
mix
ary and
Logo mat
Mag
type ch co
Ris M
in C lors
rim
azin
son
mag agazine
Do
Se ct not
ion add
az is
effec
the i ine that an onli
Do ts lik
not ea
chan drop
ge shad
nter ne
the
focu
ow
Spring ‘22 17 Mag
type
s
face
justi e s
Lo go
ce, a ction of es on
s
Mag azin
e
Do
comm rt, d s oc
not
outli
unit esign, a ial azin
ne
Do
not
y bu e
rota
n
ildin d
te
We
w
colla ork to
g.
Ris
M ag
Mag
azin
azine
b
pro borative uild a Our Bran
d Gu
je Log
e
ide lin
p Do
and cts. W space latform our es not
e o s use
En
sho for p u rp
wca cover deve that se
grad
ose
push act chan
ient
se fe the rve s
We atu edu loping s as Sec
lo res ca id a
com ve the and tional eas an The onda
crea thinkin ge,
m prim ry L
man unity Risogra artis asp
ts in ects new
d
the ogo
y pe we p of ary
work ople get to h worl the
Ris Riso fon ame o logoty types
n
a , d tM
7
ena nd
th
p ubli b ea best ow
o It en f the pe
coAbout
I started off with the copy for the brand’s about section. This included the
mission statement below, a description of the magazine, and then the purpose
of Ris Magazine.
Section
Ris Magazine is an online
magazine that focuses on our purpose
the intersection of social Enact change,
justice, art, design, and push thinking, and
community building. create a better more
We work to build a platform that serves as a
inclusive world one
collaborative space for developing ideas and new
projects. We cover the educational aspects of Riso
Riso print at a time
and showcase features and artists in the Riso world.
We love the Risograph world best because of the
community we get to be a part of! There are so
many people, publishers, and artists doing incredible
work and thinking about how print can be used to
enact change, push thinking, and create a better
more inclusive world.
5 Ris Magazine Brand Guidelines Section
Logos
I then clarified the usage of the primary and secondary logotypes and included
visual examples. I also clarified the sizing minimums, safe space, and incorrect
uses of all the logotypes.
Our Logos
Our Logos Secondary Logotypes
Ris Magazine
The primary logotype consists of
the name of the magazine in the
font Meno Banner Condensed
Primary Logotype
Magazine
Italic without the Ris graphic.
The primary logotype consists of Usage
Ris Magazine
The secondary logotype is to be
the name of the magazine in the used at 100% opacity at all times,
font Meno Banner Condensed with no exception. It should be
used when the primary logotype
Italic. The “Ris” is replaced with cannot be used throughout the
our Ris graphic. website. In addition, it could be
used as a reverse logotype.
Primary Logotype in Crimson
Usage
The primary logotype is to
be used at 100% opacity at
For reference, these are
examples of the secondary
logotypes would look like on other
colors in our guidelines.
Ris Magazine
all times, with no exception.
Ris Magazine
It should be used on light-
colored backgrounds—such as
Ivory. We want it to be instantly
recognizable, so consistency
is essential—please don’t edit,
8 Ris Magazine Brand Guidelines Logos
change, distort, recolor, or
reconfigure it.
Logos Ris Magazine Brand Guidelines 7
18 Ris MagazineOur Logos
Sizing
Our Logos
The minimum sizing for the
primary logotype differs from the
55 px
Magazine
secondary logotypes. There is no
maximum sizing for any version
Incorrect Uses
Magazine
184 px
Magazine
of the logotype. The primary
logotype should have a minimum
To ensure recognizability,
Ris Magazine
height of 55 pixels and
a minimum width of 184 pixels. 28 px
legibility, and consistency, we
The secondary logotype should
have a minimum height of 28 have set rules in which the
184 px
pixels and a minimum width of
184 pixels as well.
logotypes should be used. Do not use wrong colors Do not stretch
Anything other than that should
55 px
Magazine never be used. None of the
Magazine Magazine
examples should ever be used in
184 px
the primary logotype as well s the
secondary logotypes.
28 px
Ris Magazine Do not mix and match colors Do not add effects like a drop shadow
184 px
Magazine
Magazine
Logos Ris Magazine Brand Guidelines 9
Do not change the typeface Do not outline
Our Logos
Magazine Magazine
Safe Space
The defined area needed around Do not rotate Do not use gradients
Magazine
the primary logotype applies to
the secondary logotypes. The
minimum amount of safe space
will always be defined by the
letter “z” in the logotype. This Logos Ris Magazine Brand Guidelines 11
applies to the logotype regardless
of its size. The inside box is
determined by the max-width and
height of the logotype.
Ris Magazine
10 Ris Magazine Brand Guidelines Logos
Identity System
Identity System
Primary Color Palette
The primary color palette
consists of Crimson Red and
Ivory White.
Crimson Red represents the
attention-grabbing effects of riso
printing. It is used for headings
Crimson
Hex #db402e
Ivory
Hex #fef2d8
Color Palette
and as an accent color. RGB 219, 64, 46 RGB 254, 242, 216
CMYK 8, 90, 94, 1 CMYK 0, 3, 16, 0
Ivory White represents clarity and
I included descriptions and
balance. It is primarily used as a
background color.
Secondary Color Palette
The secondary color palette
consists of Charcoal Gray and
color psychology of each
color for the brand. I also
Canary Yellow.
Charcoal represents strength and
is primarily used for body copy.
Canary represents optimism. It is
primarily used as an accent color
Charcoal
Hex #444444
RGB 68, 68, 68
Canary
Hex #fabd3d
RGB 250, 189, 61
included the HEX, RGB, and
and a contrast for imagery. CMYK 67, 60, 59, 44 CMYK 2, 27, 87, 0
CMYK information.
Color Palettes Ris Magazine Brand Guidelines 13
Identity System
Typography Usage
When setting type, establishing
a hierarchy is important. Specific
1 An Intro to Risograph Printing
sizes are not outlined in this 2 Learn about the origins of Risograph printing, what makes it unique
example but try to maintain the and how to start your very first Riso project.
relationship between these fonts
and weights for various levels 3 By Lyndsey Burke · January 14, 2022
of copy.
1 Headline Meno Banner
Condensed Semi-Bold
4 Risographs took hold of the international art and design community
almost four decades ago. Our friends at Risolve join us today to shed
light on the art of Risograph printing. Learn where it came from, what
Typography
2 Standfirst Copy Neue Haas makes it unique, and how to start your very first Riso project.
Grotesk Text Bold
3 Byline Copy Neue Haas
Grotesk Text Roman 5 Ris Magazine is an online magazine that
4
5
Body Copy Neue Haas
Grotesk Text Roman
Accent Text Meno Banner
focuses the intersection of social justice, art,
design and community building.
I clarified the typographi-
cal uses of the fonts Meno
Condensed Semi-Bold Italic
Banner Condensed and
Neue Haas Grotesk.
14 Ris Magazine Brand Guidelines Typography
Spring ‘22 19Identity System
Imagery
Images throughout the home,
blog, and first images of the
article should be edited to include
a duo-tone of our Crimson Red
Risography for all
Imagery
and Canary Yellow palette.
A grainy effect and riso-like
overlay should be included for
consistency purposes.
Images should not have poor
resolution—anything less than 72
I then clarified the use of the
PPI. If text is to be included on
top of the image, utilize a black
overlay set to multiply at 65%
opacity for contrast. References
are shown to the right.
duotone images throughout
the site and included infor-
mation about image quality.
Imagery Ris Magazine Brand Guidelines 15
Published Brand Style Guide
The guide was then published via Squarespace. You can view the guide at
tinyurl.com/rismagbrand or scan the QR code below.
20 Ris MagazineWebsite Redesign
Spring ‘22 21Sitemap
I started off the website redesign by mapping out the navigation of the site
and found online articles relevant to the magazine’s purpose. Everything is
linked through the homepage and trickles to the learn, feature, artists, and
about pages.
Home
Learn Feature Artists About
All About Riso Laguna Collective Watson Library
An Intro to Riso Lost Bratislava Eight Riso IG
Walk the Talk
Wireframes
I then sketched out wireframes of each page. Since the learn, feature, and
artists pages are all similar compilations of stories, I grouped them together.
Included in the wireframes are how the story layouts would look as well as
the about page.
Er
Éi
iii
22 Ris MagazineCollection of Articles
I then compiled all the articles and downloaded relevant photos to be edited
later. I also adjusted the copy for some of the articles to fit in with the maga-
zine’s purpose. Each article’s credit is provided throughout the site and I made
it clear that the use of these articles is for educational uses only.
Editing Photos
Once I compiled all the article images, I edited the thumbnail images with
Adobe Photoshop. I edited each photo to include a duotone effect with a
slight grain texture.
Spring ‘22 23Redesign
Once all the assets were ready, I put them in Squarespace. I adjusted the
copy, edited the site type styles, created a gallery, and edited all the small
details throughout the site.
24 Ris MagazineUser Testing
Once I finished the functional site, I user-tested it with three people. As I was
user testing, I included feedback on a note template on Figma to compile user
stories. I grouped these notes on things I had to do, might do, and not do. I
also placed the notes on a scale of how easy or difficult it was to implement as
well as if they barely improved or tremendously improved the user experience.
Spring ‘22 25Final Edits
I finally implemented the feedback from the user testing. I adjusted the spac-
ing for certain areas, adjusted the type styles, removed unnecessary periods
or text, and implemented the open-in new tab feature in the photo gallery.
Published Site
The website was then published on Squarespace. You can view the site at
rismagazine.squarespace.com or scan the QR code below.
26 Ris MagazineSocial Media Expansion
Spring ‘22 27Instagram Feed
I started off the Instagram social media expansion by designing a 3x3 grid
for 9 posts on Adobe Illustrator.
Animated Post
Next, I used Adobe Express to animate some of the posts. I brought assets
from the Illustrator file into the app and used the animation feature.
28 Ris MagazineMockup
I exported the animated posts and created a prototype of the Instagram feed
utilizing Adobe InDesign’s publish online feature.
Final Prototype
The prototype was published via Adobe InDesign publish online. You can view
the site at tinyurl.com/rismagig or scan the QR code below.
Spring ‘22 29Reflection
Throughout this project, I felt confident about making
deadlines and keeping a good pace of what I needed to
get done week by week. Previous project design expe-
riences with campus organizations reassured me that I
could adjust deadlines as well as pace myself depending
on how busy each week would be. The overall project
gave me a deeper understanding of Squarespace—which
will translate into website/portfolio creation in the future.
Overall, I’m really proud of how this project turned out.
I enjoyed expanding my knowledge of the Adobe Suite
and learning about the Adobe Express app. This project
was a good exercise in applying what I’ve learned during
my time in the Graphic Communication department and
on-campus organizations.
30 Ris MagazineSources
Research
Gopalaswamy, L. (2021, August 5). Case Study:
Redesigning the website for ‘The Intersectional Feminist’.
Muzli - Design Inspiration. Retrieved April 4, 2022, from
https://medium.muz.li/case-study-redesigning-the-web-
site-for-the-intersectional-feminist-8a6c9900e675
Behance. (2018, Jul 12). Riso Workshop. Retrieved
April 6, 2022, Retrieved from https://www.behance.
net/gallery/67 727273/Riso-Workshop?tracking_
source=search_projects%7Crisograph%
20flyer
Spring ‘22 31Robinson, K. (2021, Mar 14). Arts community grows for
some ‘silenced voices’. Arizona Republic. Retrieved
from http://ezproxy.lib.calpoly.edu/login?url=https://
www.proquest.com/newspapers/arts-community-
grows-some-silenced-voices/docview/2500932826/
se-2?accountid=10362
Behance. (2022, Feb 17). Consulat. Retrieved April
5, 2022, Retrieved from https://www.behance.net/
gallery/134431103/Consulat ?tracking_s ource= -
search_projects%7Cartist%20collective%20
website
Shorthand Staff. (2022). The definitive guide to digital
magazines in 2022. Shorthand. Retrieved April 4, 2022,
from https://shorthand.com/the-craft/how-to-make-a-dig-
ital-magazine/index.html
Dastgir, R. (2021). Riso and shine: The colourful world
of the risograph. FT.Com, Retrieved April 4, 2022, from
Frizzell, A. (2020). RISO BAR brings together printing
enthusiasts with a cause.
Behance. (2022, Feb 16). News Website Redesign. Retrieved
April 5, 2022, Retrieved from https://www.behance.net/
gallery/136653793/News-Website-Redesign?tracking_
source=search_projects%7Cmagazine%20redesign%
20online
Behance. (2022, Jan 22). Paradise. Retrieved April
4, 2022, Retrieved from https://www.behance.
n e t /g a l l e r y / 1 2 7 6 0 7 6 3 7/ PA R A D I S E ? t r a c k i n g _
s ource=s earch_projects%7Cposter%20and%20
website
Burke, L. (2022, January 14). An Intro to Risograph Printing
(& How to Start Your First Project). Dribbble. Retrieved
April 4, 2022, from https://dribbble.com/resources/
risograph-printing
Mockups
https://design.facebook.com/toolsandresources/devices/
32 Ris MagazineYou can also read
