Professional Documents
Culture Documents
isaSt
eyn-19037
Por
tfol
io:I
nter
act
ionDesi
gn
27November2020
I
nter
act
ionDesi
gn-200
Maj
or
Ter
m 2:USERCENTEREDDESI
GN
Thi
spr ojectaimedt oachieveredesigningthewebsi teofa
smallbusi nessi nCapeTownbyusi ngt heUserCent er
ed
Desi
gnpr ocess.Ichoset hewebsi teofChar ly’sBakery,a
smallbusi nessi nCapeTownt hatstruggledwi ththereali
ty
COVID- 19andl ockdown.Iappr oacht hisprojecti
nthe
cor
rectwaybygat heringallmyr esearchandi nf
ormationto
maket hecor rectdesigndecisionsoft hefinaldesi gns.The
mainconcepti nformingmyvi sualdesi gnwast okeepthe
vi
suallay outandst ylesimpli
stic.
Keyi
nsi
ght
Igainedinsightf r
om myr esear chdocument ati
on.The
researchdel i
verableconsi st sofdeskt opresear ch,
compet it
oranal ysis,brandaudi tandbr anddesi gnaudit.I
alsocompl etedawebsi t
eaudi tt hatincl
udesasi temapand
i
nf or
mat i
onar chitecture.Thenextphaseofr esearchwas
theheur i
sti
canal ysisf ol
lowedbyuseri nterviewsand
personas.Thel astphaseoft her esearchconsi stedoffutur
e
userflowdi agramsandf ut ur
euserj ourneymapsoft he
redesignedwebsi te.Thi sr esear chwast hepr i
mar ylear
ning
thatinfor
medmypr ojectdevel opment .
Concept
Thispr oj
ectwi l
lredesi
gnthewebsi t
eofCharly’
sBakery,a
smal lbusinessbasedi nCapeTown.
Furthermor e,i
twilli
nvesti
gatehowt heCOVID-19andt he
nati
onall ockdowni nSouthAfri
caimpacted/chall
engedthe
businessandcust omers.Theredesi
gnwi l
lul
timatel
ysolve
someoft heproblemsofCOVI D-19andt henational
l
ockdown.Thewebsi tewil
lbeabletoserveasauni quetool
toani ncome.
Pr
ojectDel
iver
abl
es
Resear
ch
Pl
anni
ng(
Ideat
ionandSket
ches)
Devel
opmentandPr
otot
ypi
ng(
Desi
gnI
ter
ati
ons)
Fi
nalDesi
gnandRat
ional
e
Pr
ojectdocument
ati
on
Char
isaSt
eyn_
19037
I
D200
UCDWEBSI
TEREDESI
GN
“
Char
ly’
sBaker
y”
8Jul
y2020
I
ndex
1.I
ntr
oduct
ion
2.Resear
ch
3.Pl
anni
ng(
Ideat
ionandSket
ches)
4.Dev
elopmentandPr
otot
ypi
ng(
Desi
gnI
ter
ati
ons)
5.Fi
nalDesi
gnandRat
ional
e
6.Concl
usi
on
*
ListofFi
gur
es+Bi
bli
ogr
aphy
I
ntr
oduct
ion
Thispr oj
ectwill
redesi
gnthewebs i
teofCharly
’sBaker
y,asmall
businessbasedinCapeTown.
Furthermore,itwil
li
nvest
igatehowtheCOVI D-1
9andthenati
onall
oc kdowninSouthAf
ri
ca
i
mpac ted/
chall
engedthebus i
nessandcustomers.
Theredesi
gnwillult
imat
elysol
vesomeofthe
problemsofCOVI D-1
9andt henati
onal
lockdown.Thewebsit
ewill
beabl etoserveasauni
quetool
to
gener ateanincome.
Thefir stmaindeli
verabl
esareres ear
chdoc umentati
on. Theresear
c hdeli
verabl
econsis
tsofdesktop
research,competi
toranal
ysi
s,brandaudi tandbranddes ignaudit
.Thenex tdeli
ver
ableisthewebs i
te
auditwhichincl
udesas i
temapandi nfor
mat i
onarchi
tecture.Thenex tphaseofres
earchwast he
heuris
ti
canal y
sisf
oll
owedbyus erint
ervi
ewsandper sonas.Thelastphaseoftheresearchconsi
stedof
fut
ureus erflowdiagramsandf utureuserjourneymapsoft heredesignedwebs i
te.
Thesecondmai ndeli
ver
ablesaretheplanni
ngofthevis
ual desi
gns.Thepl
anni
ngdeli
ver
ablesc
onsis
tof
i
deat
ionands ketc
hes.Allt
hedec i
sionsmadeinthi
sphas earebasedontheresear
chdocument
ati
on.
Thei
deationands ket
chesincl
udeslow-fidel
i
tyandhigh-fideli
tywir
efr
ames.
Thelastmai
ndeliv
erabl
esarethevis
ualdesi
gniterat
ions
.Thev i
sualdes
igni
ter
ati
onsarebasedonthe
resear
ch,i
nsi
ghtsandplanni
ngoftheproj
ect.Di
fferentvi
sualdesi
gnsareneces
saryt
oc reat
ethefinal
vis
ualdesi
gn.Thelasts
tepofthi
sphaseincl
udesthefinalflatvis
ualdesi
gns,
aswellvi
sualmockups.
I
approachthisproj
ecti
nthecorr
ectwaybygather
ingal
lmyres
earchandi
nfor
mati
ont
omakethe
c
orr
ec tdesi
gndec i
si
onsofthefinaldes
igns
.Themainconc
eptinf
ormi
ngmyv i
sual
des
ignwast
okeep
t
hevi
s uall
ayoutandsty
lesi
mplist
ic.
Resear
chandI
nsi
ght
s
Desktop Research - Business Research
Who is the small business?
1. Charly’s Bakery, a small business based in Cape Town
What are the goals of the business?
2. Charly’s Bakery’s goal is to have a successful business that will inspire people, also to fill families and communities with sweetness.
What is their product offering?
3. Charly’s Bakery offers a variety of sweet treats like cupcakes, cakes and cookies. They mostly specialise in cakes for weddings,
birthdays and anniversaries. Charly’s Bakery specialises in Mucking Afazing designer cakes for all occasions, they also have a range
of fun and bright cupcakes, petit fours, cookies and other yummies.
What is their unique offering / differentiator?
4. They really care about their community and customers. They have a good customer review.
How are they currently addressing COVID-19?
5. Charly’s Bakery was closed during lockdown level 4 and 5, which created an enormous financial loss for the business. Charly’s
Bakery opened after lockdown level 3. They were addressing COVID-19 by creating a crowdfunding campaign to raise funds to
avoid closure.
** I chose Charly’s Bakery, because their products and service is top class, but their website needs a redesign. Charly’s Bakery’s website
doesn’t reflect their business. There is a lot of room for improvement on their website.
Homepage-Header
Fi
gur
e1.Char
ly’
sBaker
y,[
Wel
comet
oChar
ly’
sBaker
y].8Jul
y2020.[
Websi
te]
.(Scr
eenshotbyaut
hor
).
Homepage-Foot
er
Fi
gur
e2.Char
ly’
sBaker
y,[
CakeofGoodHope]
.8Jul
y2020.[
Websi
te]
.(Scr
eenshotbyaut
hor
).
Desktop Research - Competitor Analysis 1
Figure 3. Tessa’s Bakery, [Logo]. 8 July 2020. [Website]. (Screenshot by author).
Why are they a competitor of your business? How are they different?
1. Tessa’s Bakery is also a small business based in Milnerton, Cape Town that sells sweet treats that include cupcakes, cake and
cookies. Tessa’s Bakery mostly specialises in birthday cakes.
What is their unique offering / differentiator?
2. Their website is very good. Users can easily interact on their website and order sweet treats online, whereas Charly’s Bakery
doesn’t allow the user to do that.
How are they currently addressing COVID-19?
3. They sell baking kits to earn a small income. They also do deliveries for customers now.
Tessa’
sBaker
y-Websi
te
Fi
gur
e5.Tessa’
sBaker
y,[
OrderNow]
.8Jul
y2020.[
Websi
te]
.(Scr
eenshotbyaut
hor
).
Desktop Research - Competitor Analysis 2
Figure 4. The Velvet Cake Co, [Logo]. 8 July 2020. [Website]. (Screenshot by author).
Why are they a competitor of your business? How are they different?
1. The Velvet Cake Co is also a small business that sells sweet treats like cupcakes, cake and cookies.
What is their unique offering / differentiator?
2. This business offers a more simple range of sweet treats. Their prices are also a lot cheaper and they are a new company. The
website of the business reflects their product and service. The Velvet Cake Co is much more technology educated in a sense.
How are they currently addressing COVID-19?
3. They are currently delivering sweet treats.
TheVel
vetCakeCo-Websi
te
Fi
gur
e6.TheVel
vetCakeCo,
[Wel
come]
.8Jul
y2020.[
Websi
te]
.(Scr
eenshotbyaut
hor
).
Brand Audit
How would you describe the brand in one sentence?
1. Charly’s Bakery’s brand is very bright and uplifting.
What is the brand ‘promise’?
2. They promise quality products (cakes, cupcakes and cookies) and quality service.
What is the social media presence like?
3. Charly’s Bakery is very active on Instagram and Facebook. They connect to their users mostly through their Instagram account.
Charly’s Bakery started a crowdfunding campaign to help with the COVID-19 crisis. They post daily about this campaign on their Instagram handle
@Charly’s Bakery.
Fi
gur
e8.@char
lysbaker
y,KeepCharly’
sBaker
yAl i
ve….
19May2020.
[Inst
agram].(Scr
eenshotbyauthor)
.
St
ylegui
de
Websi
teAudi
t-Si
teMap
Information Architecture Diagram
Opening Hours Opening Hours Opening Hours Opening Hours Opening Hours Opening Hours Opening Hours
Contact Info/ Contact Info/ Contact Info/ Contact Info/ Contact Info/ Contact Info/ Contact Info/
Address Address Address Address Address Address Address
Homepage Search Bar for Page Blog Links List of Page Cake
Information Images Information Questions Information Enquiry
Contact Us Search Bar Social Media Social Media Google Maps/ Social Media Press/ Media
Links Links Directions Links
Search Bar Social Media Google Maps/ Google Maps/ Google Maps/ Feedback
Links Directions Directions Directions
Job/ Internship
Google Maps/
Requests
Directions
LEGEND
Search Bar
Partial
Repeated
Sections
Google Maps/
Directions
Heuristic Analysis
User - M
y cousin (Anzel); she previously went to Charly’s Bakery and she loves the brand.
Task - F ill in a cake enquiry
Visibility of system status
1. 1. Is the user aware of their current position within the user journey?
1.1. She was quite lost in the beginning to complete her task. There is no indication on the homepage of the cake enquiries. The user searches through
the navigation menu and finds the cake enquiry after 6 minutes. (FAIL)
1.2. Is the user notified about changes in their user journey?
3. What are some of the apps and websites you use most?
7. How did you discover Charly’s Bakery? (social media, newspaper, friends)
9. Why choose Charly’s Bakery over another bakery, what makes them special;?
10. How did you feel the first time when you visited them?
14. Tell me about the experience of Charly’s Bakery’s website. What information were you looking for? Did you find everything you needed? Any frustrations/pain points?
17. Is Charly’s Bakery’s website appealing to you? Any suggestions you would make?
19. What can Charly’s Bakery do to resolve some of the challenges of COVID-19?
Charly’s Bakery (Target Market)
The target market refers to a group of potential customers to whom the company wants to sell its products and services. The
company will focus their marketing efforts on this group of customers. Customers who make up a target market share similar
characteristics including buying geography, buying power, demographics and incomes.
Most businesses have more than one target market. I had a telephonic interview with the owner of Charly’s Bakery. She gave
me an overview of Charly’s Bakery’s possible target market.
Charly’s Bakery focuses on the middle-income and upper-income markets. These market segments consume the majority of the
cake industry.
Their target market consists of the following groups:
***
***
***
USER INTERVIEW 4 (Secondary Target Market)
FEMALE, 20
Introductory Questions
***
Interviews - Data Analysis (Primary Target Market)
I had two Whatsapp video calls with the users that formed part of the primary target market.
The first few questions were just to make the user comfortable and to get some knowledge about how they interact with apps and websites. Both users
have their own unique routines. Both the users make use of apps like Instagram, Whatsapp and Google. Instagram seems to be a possible app to reach
the target market. Both users like sweet treats, but one user said not on a regular basis and the other user said that it mustn't be too sweet.
Only one user lives near Charly’s Bakery, the other user lives quite far. These two users form part of the primary target market, because they usually
visit the bakery to buy sweet treats for celebrations like anniversaries and birthdays. Both users visit Charly’s Bakery on a monthly basis.
One user discovered Charly’s Bakery via Youtube and the other user via a friend. Both users are very satisfied with their products and service, but
definitely not their website. Their website has a lot of room for improvement. The interviews proved that Charly’s Bakery itself is a very welcoming
place, the users love it there. The users don’t feel the same way about the website, both critique the website.
Both users agreed that their prices are expensive, but they are willing to pay for it, because their service is great and worth it. They also don’t go
everyday, so they can afford to pay for it once in a while. The users are classified as the middle class income owners.
Both visit the website beforehand. The one user stated that the website has room for improvement and the other user disliked it. The website layout is
one big concern of both users. The one user defines it as cluttered and disorganised.
One user mentioned that the process of booking online is difficult and the website is too colorful too. The other user found it difficult to navigate
through the website, it is cluttered and disorganized. The use of pink color is also very disturbing. There should be visual references on the homepage
of the website, maybe the pricelist too.
One user would refer people to the website, because it is the main point of reference of any business. The other user would rather just call the shop. A
few recommendations for the website is to work with more neutral colours, that won’t distract the user and to keep it elegant. SImplify the website and
make it more universal too.
COVID-19 had a very negative impact on Charly’s Bakery, because they had to close their store during lockdown. During the lockdown they generated
no income, so financial problems followed. Users made a few suggestions to help with this financial burden. A popular recommendation was to start
cake tutorials and charge a small fee. They can offer meals through government tenders to get some revenue.
I had two FaceTime video calls with users that formed part of the secondary target market.
The first few questions were just to make the user comfortable. Both users have their own unique routines. Both the users make use of
apps like Instagram, Whatsapp and Google. Instagram seems to be a possible app to reach the target market. Charly’s Bakery can reach
these users via an Instagram profile and also a Whatsapp group chat.
Both users like sweet treats, but one user likes savoury treats more. Both live in a close radius to Charly’s Bakery, but they only visit
occasionally. These users form part of the secondary target market, because they are classified as the local customer.
Both users discovered Charly’s Bakery via social media platforms like Instagram and Facebook. The website can add social media icons on
their homepage.
Both users love the interesting cakes and cupcakes of Charly’s bakery. The users love the vibe of Charly’s Bakery, one user is concerned
about the unsafe surrounding area. The users classified their products as expensive, but also acceptable because they don’t go everyday.
Both users visit the website beforehand, but for different reasons. The one user looked for directions and business hours, the other user
looked for what the bakery had.
Both didn’t like the visual design of the website. The main concern was the bright colors used on the website. There weren't any images of
the products on the homepage.
Both agreed that COVID-19 had a negative impact on Charly’s Bakery, it caused a financial loss.
Users suggested that a discount on upcoming sales will generate a small income. Gift vouchers can also be an option.
Empat
hyMap
Pr
imar
yPer
sona
Kat
eHar
vey
COMMUNI
CATI
ONDESI
GNER
-Age25 Kateismot v
iatedtobringanewcr eatve
i
spec
per i
tvetothe desg
i ndepat
rme n.
tKat s
ei
ar
-Cl ,
emontCapeTown motiat
v ed toorganisea br
ih
tday cakefo
rm
Chary’
l sBakery,becauseshelovesthepr s
oduct
-BACommunicati gn
onDesi ofCharlys
’B akey
r.
( t
Passedwi s)
hhonor
USERSTORY CORENEEDS
KateisapassionateCommuni catonDesi
i gner Kateisinchar gani
geofor ngmont
si ybi
hl rhday
t
whoseekst otr at
ansl eherpassi onfordesigni o
nt cakesforthecompanyshewor eneedst
ks.Kat he
everypr ectshewor
oj kson.Kat erecentyst
l ared
t websit sonl
e’ neor
i i
derngto100%wor ki n
ngi
anewj obasaCommuni i
catonDesi gnerata ordertosavetimeandtoimproveheruser
smallcompanyi nClaremont. experencewi
i thChary’
l y
sBaker.
AI
ALMEDI
SOCI ON
NTERACTI PAI NTS
NPOI
Katewasdi r
st edbybr
act our
ghtcol
i sonthe
cur t
entwebsi
r l
eofChar sBaker
y’ .Kat
y t
edoesn’
havetmet
i ofigureoutt r
heenquiyf msont
or he
cur t
entwebsi
r l
eofChar sBaker
y’ .
y
Fi
gur
e9.Mi
chaelDam,
HappyDaught
er.2020.(
Unspl
ash:onl
ine)
.
Secondar
yPer
sona
EmmaFunst
on
Engi
neerSt
udent
-BEngI r
ndustalEngi
i i
neerng
(SecondYearStudent)
USERSTORY CORENEEDS
Emmai sapassionateIndustralEngi
i neerng
i Emmai sawor i
kahol ovest
candshel otake
studentwhoseekst ot ansl
r ateherpassionfor eaksandgetsnacks.Emmawoul
br dlovet der
oor
engineerngi
i ntoeachofsubj ects.Emmai s al r
lhersweetteat i
sonl osavet
net me.
i
excitedtof l
olowacar nI
eeri ndustri neer
alEngi ng
i
aftershegraduates.
AI
ALMEDI
SOCI ON
NTERACTI PAI NTS
NPOI
Emmast r edwi
uggl ht
t gat
henavi ionofthe
website.Shewastedtimesearchingfort i
heprce
i
lstsont t
hewebsieofCharl sBaker
y’ y.Emmawas
di r
stactedbytheoveruseofcolouronthecurrent
website.
Fi
gur
e10.Gui
lher
meSt
ecanel
la,
Joyce,
myf
ri
end.2020.(
Unspl
ash:onl
ine)
.
UserFl
owDi
agr
am
Rebrand - Analysis + Changes
This document serves to document the process and changes that will be implemented based on research and criteria.
1. BRAND AUDIT (DESIGN)
This section refers to visual brand implementation.
Observations / Insights
- The logo represents the brand
- The primary colour palette is acceptable, but the secondary colour palette doesn’t suit the primary colour palette
- The use of secondary colour palette makes the website too colourful
- The fonts hierarchy on the website can be improved
- The frames around the images don’t look visually appealing
Changes
- Remove secondary colours and stick to the primary colour palette
- Improve the font hierarchy of the headings and text
- Remove the frames around the images and keep it simplistic
2. INFORMATION ARCHITECTURE
This section refers to information structure and hierarchy on the current website.
Observations / Insights
- There is a lot of information in the header of the existing website. (trading hours, contact information and directions)
- There is also a conflict in the header with contact information, because underneath the contact information in the header is the
contact us in the primary navigation menu.
- The repetition of the YouTube link on almost every page of the website is unnecessary.
- The social media links are duplicated on the website
- The search bar on every page is hidden
- Directions are also on every page of the website
- The information is linked to the wrong menu headings
Changes
- Simplify the header of the existing website
- Move the trading hours and contact information to the footer of the website, because it won’t distract the user when they want to
use the primary navigation menu
- Remove the reception of the YouTube link on every page; make heading for YouTube link
- Remove duplication of social media links on website
- Move the search bar and menu bar to the header of the website
- Put clear directions on homepage
- Simplify headings and sections of the menu bar
3. HEURISTICS
This section refers to specific behaviours and features on the website.
Observations / Insights
- Cake enquiry forms aren’t easily found
- Cake enquiry forms isn’t as effective as an online ordering shop
- Some elements aren’t clickable on the website
- Use of bright colours distracts the user
- The user has control over personal information
Changes
- Make sure there is a distinction between clickable elements and text elements
- Simplify the bright colours, stick to one gradient of pink
- Create an online ordering shop on the primary navigation menu
4. INTERVIEWS + PERSONAS
This section refers to specific interviews that were done with the following stakeholders in order to gain insight into the brand and the
product offering.
Observations / Insights
- Website is very disorganized according to the users
- Visual layout of website can be improved
- The use of bright colours are distracting the users
- The homepage can be improved by adding visual references with the information
Changes
- Re-organize the headings of the website
- Use one colour palette on website
- Improve visual layout
- Change the homepage by adding more information and visual reference
Pl
anni
ng(I
deati
onand
Sket
ches)
Low-
Fidel
it
yWi
ref
rames
(i)
,LJ K7
I~ -- ~---:
/><: --1
/ /__:/~ I
G~a.<
------- ~
_ /. ~
- - - : - - - -_ _
-: ~
N_. _/\\J1 G- f\7' .L 0N
<._~ lr ~c...tw0.s">
C a -kQ
-~ \
I
/
/
I
I
Jj "-.__
'~
J
8. \--hd~ \/\)edd7
- ·
,--r <>ol- I
I -=--v
( 0 01 1--\ci.n f c::_,e,,rv-, ot r\ r
I zWcp k o hQ >
© C,ro, I v, 'S
,_)
6-:i~u j 0 0 OC)
Hanel Online Shop I Ab:Ltt- / GallexJJ INW>\Coitad r~
I
ABJXT
PHILOSOPHY
Ir-~-- -- - - --
0000
tcle.phO"\e.;,
4
(xJ
I
-
Lef'rai I>
L. tdcp ~Ghe '>
00 0 0
8
<
H
0
I
J1
I f
I
n
f
9
R
'T
@ ®
9
.Cl
\I
ITl (1
1
I :) 0
I
I
1} l
s:-
---s;- --f
-
rb
V ! I R
If
I I r-J
-1
II s:
ri V'
I '
(t' .
.::r:
8
C)
:7
(/l
z-I
p 3-
I n en
0 < 1.t,.-
2_ m 7 T
-I -8
I~
!H I
O z
1
ri - 1£. (- \
l 5J I~ 2 u
J e
r+-
a I - :I-
n I >
~ I Q
Q
0 f\ '
o-g z- G.:
- O's
Offv
rou ,f -
0" r
\-l (J)
f-
(/')
--/ 5ff
Hi
gh-
Fidel
it
yWi
ref
rames
LOGO
HOME | ONLINE SHOP | ABOUT | GALLERY | NEWS | CONTACT
WELCOME
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices
gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis.
Charly’s
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices
gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis.
NAVIGATION
<directions>
ONLINE SHOP
CAKE CUSTOM CAKE ENQUIRY PRICE LIST PROFILE CHECKOUT
Image
Image Image Image Image
ABOUT
PHILOSOPHY
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida.
Risus commodo viverra maecenas accumsan lacus vel facilisis.
Image Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida.
Risus commodo viverra maecenas accumsan lacus vel facilisis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida.
Risus commodo viverra maecenas accumsan lacus vel facilisis.
GALLERY
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices
gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis.
NEWS
ALL COVID-19 ARTICLES PRESS FAQ’s YouTube
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida.
Risus commodo viverra maecenas accumsan lacus vel facilisis.
CONTACT
NEWSLETTER
BAKERY Lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore
Lorem ipsum
NAVIGATION
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore Lorem ipsum
SUBSCRIBE
Char
ly’
sBaker
yisaf
ami
lyr
unbus
ines
s,s
tar
tedbyChar
lyandJ
acquiBi
essi
n1989.
Overtheyearsthebus
inesshasgr
ownandt
heir3daught
ers
,Alexandra,
Daniell
aandRochhav
ejoi
nedt
hem i
ncr
eat
ingt
hei
rcr
azy
,
magic
al,gl
it
ter-
fill
edworl
dofOompaLoompas,
L ufL
ufanddecadentl
yWi ckedChocol
atec
ake.
Ourphi
l
osophyi
sinnov
ate,
don’
timi
tat
e,andt
hemor
eyougi
vet
hemor
eyou’
l
lget
.
TRADI
NGHOURS
TuesdaytoFri
day09:
00-16:
00
Saturday09:
00-14:
00 c
harl
y@c
harl
ysbaker
y.
co.
za
© CHARL
Y’SBAKERY2020 ClosedonSundaysandMonday
s T
el:
+27(021
)4615181
HOME | ONLI
NESHOP | ABOUT | GALLERY | NEWS | CONTACT
Wel
comet
oChar
ly’
sBaker
y,homeofChar
ly’
sCakeAngel
s,si
tuat
edi
nDi
str
ict6,CapeTown,Sout
hAf
ri
ca
Wespecial
isei
nMuckingAfazi
ngdesi
gnercakesf
oral
loccasi
ons,
aswel
lasar
angeoff
unandbr
ightcupcakes,
pet
itf
our
s,
cooki
esandotheryummies.
Char
ly’
sBaker
yisaf
ami
lyr
unbusi
ness,st
art
edbyChar
lyandJacquiBi
essi
n1989
Overt
heyearsthebusinesshasgrownandt
heir3daught
ers,Al
exandr
a,Daniel
laandRochhavejoi
nedthem i
ncr
eat
ingt
hei
r
cr
azy,magi
cal,
gli
tt
er-fill
edworldofOompaLoompas,LufLufanddecadent
lyWickedChocol
atecake.
Ourphi
losophyi
sinnov
ate,
don’
timi
tat
e,andt
hemor
eyougi
vet
hemor
eyou’
llget
.
NAVI
GATI
ON
BAKERY
38Canter
bur
yStreet
CapeTown,8001
SouthAf
ri
ca
ONLI
NESHOP
TRADI
NGHOURS charl
y@char
lysbaker
y.co.
za
Tel
:+27(021)4615181
TuesdaytoFri
day09:
00-16:
00
Sat
urday09:
00-14:
00
© CHARL
Y’SBAKERY2020 ClosedonSundaysandMondays
HOME
ONLI
NESHOP
ABOUT
GALLERY
NEWS
CONTACT
HOME | ONLI
NESHOP | ABOUT | GALLERY | NEWS | CONTACT
ABOUT
PHI
LOSOPHY
Ther
ealmagi
cofChar
ly’
sBaker
yli
esi
nourphi
losophyofgi
ving.
Charit
yst art
sathomef orus,andwecont inuallyinvestinupl if
ting
ourstaff,mostofwhom comef rom underprivil
egedbackgr ounds
andhavenof ormaltraini
ng.Thishashel pedust ocr eateour
beauti
fulRainbowBaker yFami l
y.OurbelovedChar ly,whopassed
awayinMay2012, beli
evedthatupl i
fti
ngpeopl et hrough
opportunityi
st hegreatestwayt oaffectchangei npeopl e’slives.
Wear ealsoPr oudlySouthAf r
icanandespeci all
yPr oudly
Capetonian,andar epassionateaboutourcount ry’sbrightfuture.
OurTat aMadi ba,NelsonMandel a,showeduswhatwehadt he
potenti
altobeasanat i
on,andwet r
yt obringhi sethosi nt
oour
l
iveseveryday .
Wesuppor tmorethan20chari
ti
esannuall
yaswellasdozensof
otherchar
ityevent
sthr
oughouttheyear
,andstr
onglyadher
eto
thebeli
efthat“t
hemoreyougive,t
hemor eyouwil
lrecei
ve”
.
Ourdr
eam ismuchmorethanhavi
ngasuccessf
ulbusiness,iti
s
toi
nspir
eother
stoaddabitmoresweet
nesstotheli
vesoft hei
r
f
amili
esandcommuniti
es,andt
obethechangetheywi shtosee
i
nthewor l
d.
TRADI
NGHOURS charl
y@char
lysbaker
y.co.
za
Tel
:+27(021)4615181
TuesdaytoFri
day09:
00-16:
00
Sat
urday09:
00-14:
00
© CHARL
Y’SBAKERY2020 ClosedonSundaysandMondays
HOME | ONLI
NESHOP | ABOUT | GALLERY | NEWS | CONTACT
GALLERY
WEDDI
NG BI
RTHDAY ANNI
VERSARY BABYSHOWER RELI
GIOUS 18+
TRADI
NGHOURS charl
y@char
lysbaker
y.co.
za
Tel
:+27(021)4615181
TuesdaytoFri
day09:
00-16:
00
Sat
urday09:
00-14:
00
© CHARL
Y’SBAKERY2020 ClosedonSundaysandMondays
HOME | ONLI
NESHOP | ABOUT | GALLERY | NEWS | CONTACT
NEWS
ALL COVI
D-19 ARTI
CLES PRESS FAQ’
S YOUTUBE
CHARL
Y’SCAKEANGELS
Charly’sCakeAngelsisadocu- r
ealit
yTV
seri
est hatdebutedinOctober2011and
providesaudienceswithani nti
mat eviewoflif
e
behind- t
he-scenesofCharly’sBakery,afamily
ownedandoper atedbakerynest l
edint heheart
ofCapeTown’ sDist
ri
ct6,best -
knownf ori
t’
s
anything-is-
possibl
eapproacht obaki ng.
TRADI
NGHOURS charl
y@char
lysbaker
y.co.
za
Tel
:+27(021)4615181
TuesdaytoFri
day09:
00-16:
00
Sat
urday09:
00-14:
00
© CHARL
Y’SBAKERY2020 ClosedonSundaysandMondays
Fi
nalDesi
gnandRat
ional
e
HOME | ONLI
NESHOP | ABOUT | GALLERY | NEWS | CONTACT
Wel
comet
oChar
ly’
sBaker
y,homeofChar
ly’
sCakeAngel
s,si
tuat
edi
nDi
str
ict6,CapeTown,Sout
hAf
ri
ca
Wespecial
isei
nMuckingAfazi
ngdesi
gnercakesf
oral
loccasi
ons,
aswel
lasar
angeoff
unandbr
ightcupcakes,
pet
itf
our
s,
cooki
esandotheryummies.
Char
ly’
sBaker
yisaf
ami
lyr
unbusi
ness,st
art
edbyChar
lyandJacquiBi
essi
n1989
Overt
heyearsthebusinesshasgrownandt
heir3daught
ers,Al
exandr
a,Daniel
laandRochhavejoi
nedthem i
ncr
eat
ingt
hei
r
cr
azy,magi
cal,
gli
tt
er-fill
edworldofOompaLoompas,LufLufanddecadent
lyWickedChocol
atecake.
Ourphi
losophyi
sinnov
ate,
don’
timi
tat
e,andt
hemor
eyougi
vet
hemor
eyou’
llget
.
DI
RECTI
ONS
ADDRESS
38Canter
bur
yStreet
CapeTown,8001
SouthAf
ri
ca
ONLI
NESHOP
Webeli
evethattheworl
disrun TRADI
NGHOURS charl
y@char
lysbaker
y.co.
za
onl
ove,l
aughterandcupcakes! Tel
:+27(021)4615181
TuesdaytoFri
day09:
00-16:
00
Sat
urday09:
00-14:
00
© CHARL
Y’SBAKERY2020 ClosedonSundaysandMondays
HOME | ONLI
NESHOP | ABOUT | GALLERY | NEWS | CONTACT
ABOUT
PHI
LOSOPHY
Ther
ealmagi
cofChar
ly’
sBaker
yli
esi
nourphi
losophyofgi
ving.
Charit
yst art
sathomef orus,andwecont inuallyinvestinupl if
ting
ourstaff,mostofwhom comef rom underprivil
egedbackgr ounds
andhavenof ormaltraini
ng.Thishashel pedust ocr eateour
beauti
fulRainbowBaker yFami l
y.OurbelovedChar ly,whopassed
awayinMay2012, beli
evedthatupl i
fti
ngpeopl et hrough
opportunityi
st hegreatestwayt oaffectchangei npeopl e’slives.
Wear ealsoPr oudlySouthAf r
icanandespeci all
yPr oudly
Capetonian,andar epassionateaboutourcount ry’sbrightfuture.
OurTat aMadi ba,NelsonMandel a,showeduswhatwehadt he
potenti
altobeasanat i
on,andwet r
yt obringhi sethosi nt
oour
l
iveseveryday .
Wesuppor tmorethan20chari
ti
esannuall
yaswellasdozensof
otherchar
ityevent
sthr
oughouttheyear
,andstr
onglyadher
eto
thebeli
efthat“t
hemoreyougive,t
hemor eyouwil
lrecei
ve”
.
Ourdr
eam ismuchmorethanhavi
ngasuccessf
ulbusiness,iti
s
toi
nspir
eother
stoaddabitmoresweet
nesstotheli
vesoft hei
r
FounderOwnerandManagerof f
amili
esandcommuniti
es,andt
obethechangetheywi shtosee
Charl
y’
sBaker
y i
nthewor l
d.
Webeli
evethattheworl
disrun TRADI
NGHOURS charl
y@char
lysbaker
y.co.
za
onl
ove,l
aughterandcupcakes! Tel
:+27(021)4615181
TuesdaytoFri
day09:
00-16:
00
Sat
urday09:
00-14:
00
© CHARL
Y’SBAKERY2020 ClosedonSundaysandMondays
HOME | ONLI
NESHOP | ABOUT | GALLERY | NEWS | CONTACT
GALLERY
WEDDI
NG BI
RTHDAY ANNI
VERSARY BABYSHOWER RELI
GIOUS 18+
Webeli
evethattheworl
disrun TRADI
NGHOURS charl
y@char
lysbaker
y.co.
za
onl
ove,l
aughterandcupcakes! Tel
:+27(021)4615181
TuesdaytoFri
day09:
00-16:
00
Sat
urday09:
00-14:
00
© CHARL
Y’SBAKERY2020 ClosedonSundaysandMondays
HOME | ONLI
NESHOP | ABOUT | GALLERY | NEWS | CONTACT
NEWS
ALL COVI
D-19 ARTI
CLES PRESS FAQ’
S YOUTUBE
CHARL
Y’SCAKEANGELS
Charly’sCakeAngelsisadocu- reali
tyTVseriesthat
debutedi nOctober2011andpr ovidesaudienceswi t
han
i
ntimat eviewofli
febehind-t
he-scenesofChar ly’
s
Bakery, afamil
yownedandoper atedbakerynestledin
thehear tofCapeTown’sDistr
ict6, best
-knownf orit
’s
anything-is-
possibl
eapproacht obaking.
SaysPet erGir
d,ExecutiveProducerofCookedi nAf ri
ca,
“Charl
y’sCakeAngel sisfarmor ethanadocument ary
setinabaker y
,butof f
ersatrulyuniqueandent ert
aining
viewintotheli
vesoft he‘Angels’andt hecommuni ty
theyserve,andprovidesanent ert
ainingand
heart-
war mingshowcaset ot r
uly“mucki ngafazi
ng”
cakesthatdomor ethanmakepeopl e’
smout hswat er.
Webeli
evethattheworl
disrun TRADI
NGHOURS charl
y@char
lysbaker
y.co.
za
onl
ove,l
aughterandcupcakes! Tel
:+27(021)4615181
TuesdaytoFri
day09:
00-16:
00
Sat
urday09:
00-14:
00
© CHARL
Y’SBAKERY2020 ClosedonSundaysandMondays
HOME | ONLI
NESHOP | ABOUT | GALLERY | NEWS | CONTACT
CONTACT
CONTACTUS JOI
NOURMAI
LINGLI
ST
Cont actCharly’
sBakerytoorderMucki ngAfazingdesignercakes Signuptoreceiveourweekl
ynewslet
terfornewsf r
om Char
ly’
s
foralloccasions,aswellasar angeoffunandbr ightcupcakes, Bakeryorpressrel
easesaboutourl
atestcakes.Youcan
petitfours,
cookiesandot heryummi es.Vi
sitourbakeryduring unsubscr
ibewheneveryoulike.
tradinghours.Wecannotwai ttomeety ou.
NEW SLETTER
BAKERY
Emai
lAdr
ess
Email
:char
ly@charl
ysbaker
y.co.
za
Phone:+27(021)4615181
Fi
rstName
DIRECTIONS
LastName
38Canter
burySt
reet
CapeTown,8001
Sout
hAf r
ica SUBSCRI
BE
Webeli
evethattheworl
disrun TRADI
NGHOURS charl
y@char
lysbaker
y.co.
za
onl
ove,l
aughterandcupcakes! Tel
:+27(021)4615181
TuesdaytoFri
day09:
00-16:
00
Sat
urday09:
00-14:
00
© CHARL
Y’SBAKERY2020 ClosedonSundaysandMondays
St
ylegui
de
Mock-
Up
Mock-
Up
Bibliography
1. Charly’s Bakery. 2020. [Welcome to Charly’s Bakery]. [Website]. Available: <http://charlysbakery.co.za>. [Accessed 08/07/2020].
2. Charly’s Bakery. 2020. [Cake of Good Hope]. [Website]. Available: <http://charlysbakery.co.za>. [Accessed 08/07/2020].
3. Tessa’s Bakery. 2020. [Logo]. [Website]. Available: < https://www.tessasbakery.co.za>. [Accessed 08/07/2020].
4. The Velvet Cake Co. 2020. [Logo]. [Website]. Available: <https://www.thevelvetcakeco.com>. [Accessed 08/07/2020].
5. Tessa’s Bakery. 2020. [Order Now]. [Website]. Available: < https://www.tessasbakery.co.za>. [Accessed 08/07/2020].
6. The Velvet Cake Co. 2020. [Welcome]. [Website]. Available: <https://www.thevelvetcakeco.com>. [Accessed 08/07/2020].
7. @charlysbakery. 2020. [Instagram Handle]. [Instagram]. Available: <https://www.instagram.com/charlysbakery/>. [Accessed 08/07/2020].
8. @charlysbakery. 2020. Keep Charly’s Bakery Alive… [Instagram]. Available: <https://www.instagram.com/p/CAXHoScAroo/>. [Accessed
08/07/2020].
9. Unsplash. 2020. Michael Dam. [Online]. Available: <https://unsplash.com/photos/mEZ3PoFGs_k>. [Accessed 08/07/2020].
10. Unsplash. 2020. Guilherme Stecanella. [Online]. Available: <https://unsplash.com/photos/_dH-oQF9w-Y>. [Accessed 08/07/2020].
List of Figures
Figure 1. Charly’s Bakery, [Welcome to Charly’s Bakery]. 8 July 2020. [Website]. (Screenshot by author).
Figure 2. Charly’s Bakery, [Cake of Good Hope]. 8 July 2020. [Website]. (Screenshot by author).
Figure 3. Tessa’s Bakery, [Logo]. 8 July 2020. [Website]. (Screenshot by author).
Figure 4. The Velvet Cake Co, [Logo]. 8 July 2020. [Website]. (Screenshot by author).
Figure 5. Tessa’s Bakery, [Order Now]. 8 July 2020. [Website]. (Screenshot by author).
Figure 6. The Velvet Cake Co, [Welcome]. 8 July 2020. [Website]. (Screenshot by author).
Figure 7. @charlysbakery, [Instagram Handle]. 8 July 2020. [Instagram]. (Screenshot by author).
Figure 8. @charlysbakery, Keep Charly’s Bakery Alive…. 19 May 2020. [Instagram]. (Screenshot by author).
Figure 9. Michael Dam, Happy Daughter. 2020. (Unsplash: online).
Figure 10. Guilherme Stecanella, Joyce, my friend. 2020. (Unsplash: online).
Concl
usi
on
Toc onclude,thi
spr oj
ectwasal ear
ningprocess .Eachdeli
verableinthisproj
ecthelpstoreac hthefinal
produc t
.Ther esearchdeli
verablewasthehighlightoftheprojec t
,becausewithouttheresearchphas e
thi
spr oj
ec twouldn’tbesuccessful
.All
thedeliverablesint
hispr oj
ectconnecttoeac handar enec ess
ary
f
orthefinal product.Themos tdifficul
tdeli
verableint hi
spr
ojec twastheus erpersona.Personasin
generaliss omethingcomplex ,
becausetherear es omanyex ampl es.
I hav
elearnedt hatr
es ear
c hist
he
mos ti
mpor t
antphas eint
heUCDpr ocess.
Res earc
hisnecessarytomaket heri
ghtdeci
sionsiny ourplanninganddev elopmentphas e,i
nor dert
o
createsuccessf
ulfinaldesi
gns.Onepainpointf ormewast hefac tt
hatmywebs it
ewasv er
yc omplex,i
t
hadal otofli
nksandinfor
mat i
on.Mymainfocuswast osimplif
yt hewebs i
tei nawayt hatnavigat
ing
throughthewebs i
teiseasyfortheuser
.Thepr ojectwasindeedagoodl ear ningexperi
enc e.Themost
i
nter es
ti
ngdeliv
erablewasthes it
emapandi nformationarchi
tect ur
ediagram, becauseithelpedto
gatherinsi
ghtaboutwhatiswrongwi t
htheex i
stingwebs i
te.
Keyl
ear
ning
Ter
m 3:MODERNUIDESI
GN
Thisprojectaimedt oachi ever edesigningt hewebsi teof
HermanusWhal eFestival.Thef est
ivaliscel ebrati
ngt heir
30thiter
ationandHer manusTour i
sm isl ookingt odoa
completer edesignofthecur r
entwebsi t
et omar ktheir30th
i
terat
ionoft hef esti
val.Icreated4di f
ferentmoodboar ds
and1el ementcol lagef orapossi bledesi gndirectionandUI
l
ookf orthecl i
ent.Iredesignt hehomepage, imagegal l
ery
pageandeco- mar i
nevi ll
agepar tnerspageasamockupf or
thecl
ient.
Keyi
nsi
ght
Igainedinsi
ghtfrom myr esear
chaboutdi ff
erentUI
moodboar dsanddi f
ferentwebsi
tes.The
moodboar dshelptofinal i
sethedesigndirect
ions
formeandt heclient.TheUIresearchwast he
pri
mar ylear
ningthatinformedmypr oject
development.
Concept
Idecidedtorebrandmybr and, becauset heexi sti
ng
l
ogower equitebusyandt oocol ourf
ul.Accor ding
tothebr i
efwehadt oredesi gnt helogowi t
ha
whalei nit
.Ididadheretot hebr iefanddesi gneda
whalei nacircl
ewithHermanusWhal eFest i
v al
typography.Thelogoisadar koceanbl uecol our
withgreytypography.Idecidedt oredesignt he
homepage, eco-marinevil
lagepar tnerspageand
thegaller
ypage.Ther easonf orthispar t
icular
pagei stogetthevisualdesi gnacr osstot heclient.
Pr
ojectDel
iver
abl
es
UIResear
ch(
Moodboar
ds)
El
ementCol
lage
Fi
nalRedesi
gnandRat
ional
e
Pr
ojectDevel
opment-Moodboar
d1
#f
5e2c
9 #d8a
393 #f
2cc
ad
Pr
ojectDevel
opment-Moodboar
d2
#e
f3a
56 #f
89840
#f
fc845 #3
9393
9
Pr
ojectDevel
opment-Moodboar
d3
Pr
ojectDevel
opment-El
ementcol
lage
Pr
ojectdocument
ati
on
HOME ABOUT GALLERY CONTACT ECO-MARINE VILLAGE PARTNERS
Out of concern for the health and safety of the exhibitors and visitors to the festival, the Hermanus Whale Festival Executive
Committee has no choice but to postpone the 2020 Hermanus Whale Festival to September 2021 due to the global
COVID-19 (Coronavirus) pandemic.
Considering the current situation and to ensure the utmost safety of the exhibitors and national and international visitors
to the festival, the decision to postpone the festival by a year was taken unanimously.
This annual festival in celebration of the arrival of the Southern Right Whales to the South African shores is one of the
biggest family events in South Africa to be affected by the coronavirus pandemic.
CONTACT US
About 100,000 visitors had been expected to flock to Hermanus for South
Africa’s largest family event, which was set to run September 24 through to
September 27 2020.
Until the 2020 COVID-19 outbreak, which postponed the Hermanus Whale
Festival for a year, this popular family festival had weathered numerous
setbacks without being cancelled or postponed. However, as concerns
about coronavirus pandemic have led to the abandonment or
postponement of major events around the world, the Hermanus Whale
Festival now had to join that list for the first time since its inception in 1971.
About Festival
The annual Hermanus Whale Festival is a celebration to the return of the southern right whales to the coastal
waters of Southern Africa. It is a tribute to the legacy left to the town by Wendy the Whale whose story is about
man's ability to live in harmony with nature as well as people's ability to come together as communities valuing
the environment. All events and activities during the whale festival are focused to create awareness on how to
protect the whales and all our marine wildlife who share our coastal waters. The festival takes place in
September which is the peak of whale activity in the region.
LEARN MORE
Eco-Marine Festival
The heartbeat of the whale festival, the Eco-Marine Tent, has become the festival’s biggest attraction.
Informative and entertaining, with a focused appeal to children, adults and anyone who cares about
preserving our ocean wildlife.
With its wide range of eco & marine-related environmental exhibitions, the aim of the Eco Marine Tent
and the Hermanus Whale Festival is to inspire visitors through informative, colourful, interactive
displays, films, music, arts and food and informative talks by marine biologists and experts.
LEARN MORE
VIEW MORE
Contact Us
NAME
Email
festival@hermanus.co.za
festival@hermanuswhalefestival.co.za
Marketing
marine@hermanuswhalefestival.co.za
MESSAGE
Telephone
SEND
HERMANUS TRAVEL
GENERAL INFO
CONTACT US
Whale Blog
Tourism
festival@hermanus.co.za
Information
Sponsors
+27 (0)71 606 3261
Where to Eat
Emergency Services
Accommodation
Stall Application 2020
Business Directory
This theme encompasses the ocean as well as coastal and marine environments on land.
Although exhibitions will cover coastal habitats on the South African Whale Coast, our visitors are global.
“You will only protect what you love, and you can
only love what you know”
Overview
Our aim is to involve local people (citizen scientists) and future conservationists (young people) to learn and explore through interaction with product owners,
scientists, researchers about their conservation-related products.
We have formed multi-stakeholder partnerships that complement global efforts to ensure all the displays are interactive aiming to enhance sensory
awareness by prompting visitors to seek answers. Knowledge will ensure that ignorance is no barrier to participation when protecting the coastal and oceanic
marine wildlife on the whale coast.
The exhibitions are themed Above & Below, covering the various estuaries, ocean, mountainous and coastal habitats with information displayed on a
comprehension level of small kids to young adults. We firmly believe that young people are not only the beneficiaries but also the drivers of change.
Pick n Pay
Good Hope FM
Whale Festival
Whale Festival
Find out more > Find out more > Find out more >
Beverages
Whale Festival
Seabird Sanctuary
Shark Spotters
Marine Dynamics
Conservation Trust
Whale
Society
Panthera Africa
Kogelberg
Sea Search
Africa
Africa
Find out more > Find out more > Find out more >
Eco-Marine Sponsors
Jaydee Media
Marine Wildlife
HERMANUS TRAVEL
GENERAL INFO
CONTACT US
Whale Blog
Tourism
festival@hermanus.co.za
Information
Sponsors
+27 (0)71 606 3261
Where to Eat
Emergency Services
Accommodation
Stall Application 2020
Business Directory
VIDEOS IMAGES
1 2 3
HERMANUS TRAVEL
GENERAL INFO
CONTACT US
Whale Blog
Tourism
festival@hermanus.co.za
Information
Sponsors
+27 (0)71 606 3261
Where to Eat
Emergency Services
Accommodation
Stall Application 2020
Business Directory
Out of concern for the health and safety of the exhibitors and visitors to the festival, the Hermanus Whale
Festival Executive Committee has no choice but to postpone the 2020 Hermanus Whale Festival to
September 2021 due to the global COVID-19 (Coronavirus) pandemic.
Considering the current situation and to ensure the utmost safety of the exhibitors and national and
international visitors to the festival, the decision to postpone the festival by a year was taken
unanimously.
CONTACT US
About Festival
The annual Hermanus Whale Festival is a celebration to the return of the southern right
whales to the coastal waters of Southern Africa. It is a tribute to the legacy left to the town by
Wendy the Whale whose story is about man's ability to live in harmony with nature as well as
people's ability to come together as communities valuing the environment. All events and
activities during the whale festival are focused to create awareness on how to protect the
whales and all our marine wildlife who share our coastal waters. The festival takes place in
September which is the peak of whale activity in the region.
LEARN MORE
Eco-Marine Festival
The heartbeat of the whale festival, the Eco-Marine Tent, has become the festival’s biggest
attraction. Informative and entertaining, with a focused appeal to children, adults and anyone
who cares about preserving our ocean wildlife.
With its wide range of eco & marine-related environmental exhibitions, the aim of the Eco
Marine Tent and the Hermanus Whale Festival is to inspire visitors through informative,
colourful, interactive displays, films, music, arts and food and informative talks by marine
biologists and experts.
LEARN MORE
VIEW MORE
Contact Us
NAME
MESSAGE
SEND
Marketing
festival@hermanus.co.za
marine@hermanuswhalefestival.co.za
festival@hermanuswhalefestival.co.za
Telephone
HERMANUS TRAVEL
GENERAL INFO
CONTACT US
Whale Blog
Tourism
festival@hermanus.co.za
Information
Sponsors
Where to Eat
Emergency Services
+27 (0)71 606 3261
Accommodation
Stall Application 2020
Business Directory
This theme encompasses the ocean as well as coastal and marine environments on land.
Although exhibitions will cover coastal habitats on the South African Whale Coast, our visitors are
global.
Overview
Our aim is to involve local people (citizen scientists) and future conservationists
(young people) to learn and explore through interaction with product owners,
scientists, researchers about their conservation-related products.
Pick n Pay
Cape Whale
Coast
Official sponsor of
Hermanus Whale Official sponsor of
Festival
Hermanus Whale
Find out more > Festival
Good Hope FM
Official sponsor of
Hermanus Whale Official sponsor of
Festival
Hermanus Whale
Find out more > Festival
Peninsula
Beverages
Official sponsor of
Hermanus Whale
Festival
Eco-Marine Sponsors
HERMANUS TRAVEL
GENERAL INFO
CONTACT US
Whale Blog
Tourism
festival@hermanus.co.za
Information
Sponsors
Where to Eat
Emergency Services
+27 (0)71 606 3261
Accommodation
Stall Application 2020
Business Directory
VIDEOS IMAGES
1 2 3
HERMANUS TRAVEL
GENERAL INFO
CONTACT US
Whale Blog
Tourism
festival@hermanus.co.za
Information
Sponsors
Where to Eat
Emergency Services
+27 (0)71 606 3261
Accommodation
Stall Application 2020
Business Directory
CONTACT US
About Festival
Eco-Marine Festival
Gallery
VIEW MORE
Contact Us
NAME
MESSAGE
SEND
HERMANUS TRAVEL
GENERAL INFO
CONTACT US
ECO-MARINE (CONSERVATION)
PARTNERS
Learn & Explore: Above & Below.
Overview
Pick n Pay
Official sponsor of
Hermanus Whale
Festival
Cape Whale
Coast
Official sponsor of
Hermanus Whale
Festival
Good Hope FM
Official sponsor of
Hermanus Whale
Festival
Official sponsor of
Hermanus Whale
Festival
Peninsula
Beverages
Official sponsor of
Hermanus Whale
Festival
Eco-Marine Sponsors
HERMANUS TRAVEL
GENERAL INFO
CONTACT US
VIDEOS
IMAGES
1 2 3
HERMANUS TRAVEL
GENERAL INFO
CONTACT US
Keyl
ear
ning
Myl andingpageconsi st
sofmysummar y,whatIdo
andwhatIam.Nextupi sacalltoacti
onbuttonwher e
auserhast heoptiontobuywor ksorvi
ewawar ds.
Nextupi sthebenefit ssect
ionsshowingallmy
portfol
iowor ks.Nextupisanothercal
ltoacti
onbut ton
andt hefeaturesoftheUIkit
sausercanbuy .Social
proofconsistsofhappyuser sgivi
ngarevi
ew.Thel ast
sectionisthecalltoacti
onbuttonwheretheuserhas
theopt i
ontogeti ntouchandcol l
abor
ateonprojects.
C.
About Works Awards Contact
Charisa Steyn
I’m a user experience designer - creating bold & brave
interface design for companies all across the world.
Portofolio works
Buy works
User reviews
Excellent, working with Charisa was It was a pleasure working with I would highly recommend Charisa to
great. Thanks to her knowledge and Charisa. She pays attention to every any one who is looking for a good web
determination our website looks great detail and is very accommodating designer. The site was created very
and functions really good. I would with our web site. She went above and quickly and changes that I wanted
recommend anyone that is looking for a beyond to make sure that the site was made were done immediately.
Ready to launch
Get in touch now
For me, the process does not have any beginning or end.
About
Dribbble
Works
Behance
Awards
Instagram
Let’s meet and find out how I could elevate your business using Contact Linkedin
HB Rain Data
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse
ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis.
community of Hout Bay, Cape Town, who collect rainfall in our HB Rain Data
gardens and wish to share the data with anyone interested! SW Rain Data
Term 4:DESI
GNI
NGFORUSER
INPUT
Thisprojectai
medt oachieveasl owdat i
ngappdesi gnf or
userinput.Thedatingappi scall
ed“ NOODLE”referri
ngt o
spir
alsofr omance.Theappwi l
lallowuserstokeept heir
i
nformationprivat
eandal lowuser stomat chwit
ht heright
person.Icreat
edper sonas,moodboar dsand2el ement
coll
agesf orapossibledesigndirecti
onandUIlook.Idesi gn
theslowdat i
ngappusi ngFi gma.
Keyi
nsi
ght
Igainedinsi
ghtfrom myresearchaboutdif
fer
ent
UImoodboar dsanddi f
fer
entappdesigns.The
moodboar dsandelementcol l
ageshel
pto
finalisethedesi
gndi r
ecti
onsformeandt he
cli
ent.TheUIresearchwast hepri
marylearni
ng
thatinfor
medmypr ojectdevelopment
.
Concept
Mydat ingappiscal l
ed“ NOODLE”r eferri
ngto
spir
alsofr omance.Whenmat chesmat chthey
arepureandper fectmat ches.Loveisnotan
easythingi nl
if
eandfindi ngyout herightmatch
i
sevenhar der
,withmynewandi mproveddat i
ng
appy ourloveli
fewillbemucheasi er
!The
conceptwast odesignasl owdat i
ngapp
accordingtouserstories.
Pr
ojectDel
iver
abl
es
Per
sonas
UIResear
ch(
Moodboar
ds)
El
ementCol
lages
Fi
nalDesi
gns
Kat
eHar
vey
COMMUNI
CATI
ONDESI
GNER
ABOUT MOTI ONS
VATI
KateisasuccessfulCommuni i
catonDesigner, Kateal waysstrugglewihadver
t i
tsement s
butsheisstuggl
r ingwithherlovelf
ie.Sheis poppi ngupwhi esheusesappsl
l ikeTi .She
nder
beteri
t nwrt
ingt
i hanr ng.Kat
eadi eavoids alsocompl nsaboutnotget
ai tingenough
t ngouti
ypi or
nf mat on,
i becauseshet nksi
hi t notificatonsf
i rom di t
gialproducts.Katedoesnot
sawast
i eoftime. lket
i hespeedoft hedi t
gialproducts,becauseshe
lkest
i otakehert met
i omakeadeci on.
si
Kateisat echnologygeekandknows
everythingaboutdevi ceslikelaptopsand Katehadsimiarexper
l i t
enceswi herdi
hot t
gial
smar tphones.SheusesherMacBookf orwor k pr sl
oduct keYouTube,
i cand
YouTubeMusi
purposes.Kat eusuallyusehersmar phonei
t n kTok.I
Ti eal
tr yf
l r r
ustatesherwhenshecannot
themor ningt ookatmessageson
ol makeai or
nf si
m deci on.
What sApp,whenshet akesabr eakshewoul d
usuallyscrollonInstagr am andwhenshe
ls,shewoul duseGmai lonher
CORENEEDS
checksemai
smar tphone.Kateisver yadamanton
aestheticdesign,becauseshei sadesi .
gner
Kateneedsadatngappt
i hatprovidest ent
hecont
muchslowertomakeaninform deci on.She
si
AI
ALMEDI
SOCI ON
NTERACTI doesnotwantt l
obeoveroadedwi th
t
adversement
i s.
Fi
gur
e1.Mi
chaelDam,
HappyDaught
er.2020.(
Unspl
ash:onl
ine)
.
EmmaFunst
on
ENGI
NEERSTUDNET
ABOUT MOTI ONS
VATI
i
nEngl
uenti
-Fl Af
sh, i
r ench
kaansandFr
Emmai sasecondyearEngi i
neerngst .
udent Emmasuf fersfrom severeADHD,soherat t i
enton
Shepref sr
er eadi i
ngoverwrtng,
i becauseshe canbedistractedquicklyandeasiy
l,ther or
ef ean
sbet
i teratreading.Emmadoesnotl iket ng
ypi overoadofi
l or
nf mat oni
i sabigfrustratonf
i ,
orher
nf
outi ormation. becausesheneedst ofocusononet hingata
tme
i
Emmai stechnol ogyqueenandknows
everythingaboutdevi cesl ikelaptops, Emmast uggl
r eswit t
hadverisement swhenshe
smar tphonesandcomput ers.Sheusesher gi
usesdi talapps.Shehadsi mil i
arexperences
laptopforengi neerngpr
i ojectsand wit herdi
hot git oduct
alpr slkeYouTube,
i YouTube
assignment s.Emmausual lyusesWhat sApp MusicandTi tr
kTok.I l
ealyfust
r r esherwhen
at
throughoutt hedayt ot alkt ofrendsandcheck
i shecannotmakeai or
nf m decision.
messages, shel ovest oscr ollt ough
hr
Instagram whenshei sbor ed.Emmauses
ott ofindi nformat on.Shedoesnot
i
CORENEEDS
Googl eal
mi ndaesthet cdesi
i gn, buti tisdefinit ynota
el
priort
iy.Emmachosesf unct onal
i t
iy.
Emmaneedsadat ingappt sver
hati yfunctonal
i
andthatwil phercont
lhel rolherADHDbynot
SOCI AI
ALMEDI ON
NTERACTI overoadi
l ngherwithalotofinf mat
or ionatat me
i
andbyal sosl ngdowni
owi nformaton.She
i
Fi
gur
e2.Gui
lher
meSt
ecanel
la,
Joyce,
myf
ri
end.2020.(
Unspl
ash:onl
ine)
. doesn’twantalotadveri
tsementsont hedatng
i
app.
Look&FeelMoodboar
d COLORS LOOKANDFEEL
CARDS
Cont
entMoodboar
d ess“
-Pr
ONPROCESS
STRATI
REGI
t
CREATEACCOUNT”buton
SI ONS
NOPTI
GNI
-Theuserhast heoptiontosignin
withAppl F
e, acebookor h
ter
ic el
lphone
TI
NDER t
-Thebutont ot
heusert
akest st
egi
her at
r onpage
i numberifthey haveal
l h
tosea ccounts
r st
egi ed.
er
ABOUT -Theuserhast l
ochooseacalerI di
Daccor o
ngt
t rl
hei i
ocaton -Iftheuserforgetsthesign-up
“Tinderi sanAmer icangeosocial passwor d,h
teu sercan ci
lck“ oubl
Tr e
networ kingandonl inedatngappl
i i i
caton -Sout r
hAfca’
i l
scal Di
edI s+27. signingin”andrecoverthe accountva
i
thatal owsuser
l stoanonymousl yswipe typinginarecoverye mai.
lThe appw l
il
tolikeordi slkeot
i herprofilesbasedon -Theusermustt henentert rcel
hei phonenumber
l thensendy ou aln
ik tothatema l
ito
theirphot os,asmal o,
lbi andcommon andclckt
i he“CO NTINUE” but
ton.Theappwi lsend
l recovertheaccount.
interests.Oncet wouser shave averficat
i on
i codeto h
te cel
lphonenumb erh
teuser
"mat ched" ,heycanex
t change ent s,
er andtheus erhaveabout60 secondstoenter
messages”( Wi kipedia2020:onlne)
i . thever i
ficat
i onco de.
lt
ofil
-Theusercanaut fi
hecodei st
ti r
hecorect
l
celphonenumbe.
r
1. 2. 3.
Cont
entMoodboar
d2 EXTRA
-Theheader/f ercompl
oot el
et ychangefrom apinkbackgroundwhent s
heuseri
gned-
si outtoawhiebackgr
t oundwhent heuserissignedi heuser
n.Whent is
TI
NDER gned-
si n,
i t ei
her smenubaront heheaderwithicons.
ft
-I er
heuserent hewr
st ongemai ess,
laddr tj
i ur
ustbl heemai
soutt essand
laddr
ON
NFORMATI
ACCOUNTI
vesamessaget
gi ti
hati sthewrongemailaddress.
esst
-Pr soni
heper t
conbuton
-Theer rorsareshowninthesamestylng.
i Theappdoesnotpr denon-
ovi eror
r
feedback.Thel sf
abel sar
nput
ori el t
ef-algnedabovet
i nputt
hei box
ext Ther
es. s
ei
ess“
-Pr TI
EDI t
NFO”buton
helpertextthatpr t
desaddi
ovi nf
onali
i ormaton.
i
-Theusercanupdatetheaccounti or
nf matonas
i
et
ocompl
cedoesnotaut
-Thedevi or
eanyf ms, ti
becausei lper
sal nf
sonali i
mat
or on.
ndi
i catedbynumber1t o3.Theusercanadd
photosandchangeper ai
sonaldet s.Whent
l he
sdone,heycansavet
t hechangesby ncl
-Theappdoesnoti chf
udesear i
unct i
onaly
t.
useri
i
clcking“DONE”.
-Thereisnowayoffiler
t ngr
i esuls,
t becausey i
per
ustswi
ouj ghtf ey
orpeopl i
oulke
andl tf
ef ey
orpeopl oudon’ i
tlke.
1. 2. 3.
Headings - Semibold (24pt - 30pt)
READ
YAY!
Lorem ipsum dolor sit
amet, consectetur
adipiscing elit, sed do Lorem ipsum dolor sit amet,
eiusmod tempor. consectetur adipiscing elit,
sed do eiusmod tempor.
CONTINUE
#E16F4B #9DB2BC #6C6C6F #C8C9CF #EAE0D3 #CEC0AD
YAY! READ
SIGN UP
SIGN IN
CREATE ACCOUNT
Username
Enter password
Confirm password
CONTINUE
CREATE ACCOUNT
Username
Charisa
Username already taken
Enter password
james55/
6 characters upper case character
CONTINUE
CREATE ACCOUNT
Username
Charisa70
Username correct
Enter password
James55/
Confirm password
James55/
CONTINUE
VERIFY ACCOUNT
Enter number
ZA +27 0838505570
A unique verification code will be sent to
this number. Terms and conditions apply.
CONTINUE
VERIFY ACCOUNT
Enter code
8 1 8 8 9 9
Incorrect code
RESEND
CONTINUE
VERIFY ACCOUNT
Enter code
8 1 8 7 9 9
Correct code
RESEND
CONTINUE
SIGN IN
Username
Enter password
CONTINUE
Trouble signing in?
SIGN IN
Username
Charisa70
Enter password
********
Incorrect password
CONTINUE
Trouble signing in?
SIGN IN
Username
Charisa70
Enter password
James55
Incorrect password
CONTINUE
Charisa70
Enter password
James55/
Correct password
CONTINUE
Trouble signing in?
NOODLE
YAY!
Lorem ipsum dolor sit
amet, consectetur
adipiscing elit, sed do
eiusmod tempor.
GET STARTED
NOODLE
YAY!
YOU HAVE MATCH
WITH THOMAS.
SEE PROFILE
PROFILE Done
THOMAS, 25
Travel
Gaming
Surfing
Yo dudes
REPORT
MESSAGES
RECENT MATCHES ARCHIVE MATCHES
SEARCH MATCHES
Thomas
Thomas, 25
Hello
THOMAS, 25
Travel
Gaming
Surfing
Yo dudes
REPORT
PROFILE Done
THOMAS, 25
Travel
Gaming
Surfing
Yo dudes
REPORT
MESSAGES
RECENT MATCHES ARCHIVE MATCHES
SEARCH MATCHES
Thomas
YAY!
YOU QUALIFY FOR A
NEW MATCH!
SEE PROFILE
MESSAGES
RECENT MATCHES ARCHIVE MATCHES
SEARCH MATCHES
Paul
Jack
Jody
Harvey
John
CHARISA, 20
EDIT PROFILE
SETTINGS
NOODLE +
Unlock our most exclusive features
Remove ads
ACCOUNT SETTINGS
Username Charisa70
Number 0838507750
A verified phone number help secure you account.
EXPLORE
Username Current location
Cape Town, WC
Maximum distance 50 km
Show me Men
PROFILE SETTINGS
Shared content
LOG OUT
PAUSE ACCOUNT
DELETE ACCOUNT
NUMBER
PHONE NUMBER
0838507750
Verified phone number
UPDATE
VERIFY NUMBER
ENTER NUMBER
ZA +27 0724014602
A unique verification code will be sent to
this number. Terms and conditions apply.
CONTINUE
VERIFY NUMBER
ENTER CODE
8 1 8 8 9 9
Incorrect code
RESEND
CONTINUE
VERIFY NUMBER
ENTER CODE
8 1 8 7 9 9
Correct code
RESEND
CONTINUE
SETTINGS
NOODLE +
Unlock our most exclusive features
Remove ads
ACCOUNT SETTINGS
Username Charisa70
Number 0724014602
A verified phone number help secure you account.
EXPLORE
Username Current location
Cape Town, WC
Maximum distance 50 km
Show me Men
PROFILE SETTINGS
Shared content
LOG OUT
PAUSE ACCOUNT
DELETE ACCOUNT
CHARISA, 20
EDIT PROFILE
NOODLE +
Unlock our most exclusive features
Remove ads
EDIT PROFILE Done
ABOUT ME
500
PASSIONS
Add passions
EDUCATION
Add university
LOCATION
Add city/town
GENDER
Choose gender
SEXUAL ORIENTATION
Choose orienatation
PREVIEW
EDIT PROFILE Done
ABOUT ME
PASSIONS
EDUCATION
UCT
LOCATION
Cape Town
GENDER
Female
SEXUAL ORIENTATION
Straight
PREVIEW
PREVIEW Done
CHARISA, 20
Travel
Gaming
Art
REPORT
Keyl
ear
ning
Mybi ggestchal l
engei nt hispr oj
ectwas
colourcont rast.Igotmycol ourreferences
from myUIr esearch, butIst ruggledt o
finaliset herightcolour sformydat ingapp.
Thecombi nat i
onofpi nkandbl uewasqui te
af unkycol ourmi x.From f eedbackmypi nk
backgr oundwast oodar kandIchangedi tto
amor elightpink.Mybi ggestl earni
ngdur ing
thisprojectwast odesi gnaf uncti
onalapp
thatisdesi gnedf oruseri nput .MyUIdesi gn
hasal otofcont ent.Ialsol earnedt hatUI
researchr eall
yhel psthepr oject
development ,mycont entmoodboar dswere
i
mpor tantresearch.