You are on page 1of 151

Char

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 
 

Tessa’s Bakery ​(small business) 


 

 
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 
 

The Velvet Cake Co (​ small business) 


 

 
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.  
 
 

Figure 7. @charlysbakery, [Instagram Handle]. 8 July 2020. [Instagram]. (Screenshot by author). 


 
Soci
alMedi
a-I
nst
agr
am

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

Charly’s Cake YouTube &


Home Photos FAQ’s About Us Contact Us
Angels Blog

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

YouTube Images YouTube YouTube Wedding Cake


Search Bar Extras
Channel Category Channel Channel Enquiry

Photo Gallery View Images Social Media Standard Price


Search Bar Search Bar Search Bar
Links List

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

Social Media Google Maps/ Charity


Links Directions Donations

Job/ Internship
Google Maps/
Requests
Directions

LEGEND
Search Bar
Partial
Repeated
Sections

Repeated Social Media


Sections Links

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? 

1.2 No, not completely. ​(FAIL) 


 
1.3. Is the user aware of factors that can have a significant impact on their experience? 
 
1.3 Yes, she said that clearer labels would have improved her experience. She had to search for the pricelist and enquiries form. ​(PASS) 
 

Match between system and the real world 


 
2. 1. Are UI elements and interaction prompts easily recognisable? 
 
2.1 They are fairly recognisable. The use of bright colours distracted the user. ​(FAIL) 
 
2.2. Does the online experience replicate the familiarity of offline actions and behaviour? 
 
2.2 No at all. The website is quite frustrating for the user, but she loves their service and product. ​(FAIL) 
 
2.3. Does the website make use of acronyms, technical terms or jargon that need an explanation? If acronyms are used, are they clearly 
explained? 
 
2.3 All the information and headings are written out in full. ​(PASS) 
 

User control and freedom 


 
3.1. Is the user able to exit all states such as pop-ups and multimedia? Is the exit state consistent and clear? 
3.1 Yes, she used the menu bar to navigate through the website. ​(PASS) 
 
3.2. Is the user able to use the core sections of the website without signing up?  
3.2 Yes, no signing up is necessary, unless you have an enquiry where you should fill in your details. ​(PASS) 
 
3.3. Does the user have control over their personal information?  
3.2 Yes, she does. ​(PASS) 
 
Outcomes + Insights  
 
Change the cake enquiry to a main navigation heading. Make the cake enquiry into an online shop where the user can order cake online and pay online 
as well. Provide price lists on the online shop and visual reference.  
 
Make the online experience better for the user by simplifying the colour palette on the website.  
   
 
 
Heuristic Analysis - Charly's Bakery
Heuristic  Problem severity 
Page Problem Issue (SCALE)
Home page Navigation labels Consistency Major problem
Minimal balance between 
information density and use 
Home page of white space Recognition Major problem
Header is too big, too much 
Home page information Minimializm Minor problem
Elements that aren't clickable  Error 
Home page look like they are prevention Major problem
Home page Text links are often just text Consistency Major problem
Too much information, too 
Home page less visual reference Minimializm Major problem
Home page Font sizes differ too much Consistency Major problem
Too bright colour, the use of 
Home page pink Minimializm Major problem
 
 
User Interview Script 
 
 
Introductory Questions 
 
1. What does your typical weekday look like?  

2. How do you use the Internet in a day?  

3. What are some of the apps and websites you use most?  

4. Do you like sweet treats like cake, cupcakes and cookies?  

5. Do you live near Charly’s Bakery? 

Topic Specific Questions 

6. Give us a background on Charly’s Bakery. Why do you go to Charly’s Bakery? 

7. How did you discover Charly’s Bakery? (social media, newspaper, friends) 

8. How often do you visit Charly’s Bakery? 

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? 

11. How do you feel about the prices of Charly’s Bakery? 

12. Any likes or dislikes about Charly’s Bakery?  

Product Opportunity Questions 

13. Did you check Charly’s Bakery’s website beforehand?  

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? 

15. What is the biggest pain point of the website? 

16. Would you refer someone to the website? 

17. Is Charly’s Bakery’s website appealing to you? Any suggestions you would make? 

18. What are the implications of COVID-19 on Charly’s Bakery? 

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: 

● Individual buyer or “walk-in” group (window display attracts this customers)  


● Local residents (mostly middle and upper class citizens) 
● Celebration groups including parties, weddings, anniversaries etc. (orders in advance and will be targeted by advertising 
extensively) 
● Tourists from overseas (tourists love funky and exotic cakes)  
 
The ​primary target market ​is ​celebration groups​ as indicated by the owner. This target market refers to the customers who 
want to buy cakes, cupcakes, cookies and more for events like birthdays, weddings, anniversaries etc. This group of consumers 
needs to visit the website of Charly’s Bakery in order to book their order and pay in advance.  
 
The ​secondary target market​ for Charly’s Bakery is the ​returning customer that lives in the neighbourhood​.    
USER INTERVIEW 1 (Primary Target Market) 
 
MALE, 20 
 
Introductory Questions 

1. What does your typical weekday look like?  


1. He usually wakes up at 7, goes through readings and then goes to college from 9am - 1pm. In the afternoon he 
studies a bit and spends time with his girlfriend and friends.  
 
2. How do you use the Internet in a day?  
2. He mostly uses Instagram, Twitter, YouTube and Google. 
 
3. What are some of the apps and websites you use most?  
3. He uses the internet immediately after he wakes up to check messages on Whatsapp and sometimes to watch 
memes on Instagram. 
 
4. Do you like sweet treats like cake, cupcakes and cookies?  
4. He likes sweets treats sometimes, not on a regular basis.  
 
5. Do you live near Charly’s Bakery? 
5. He lives in Woodstock, which is very close to Charly’s Bakery.  
 
Topic Specific Questions 

6. Give us a background on Charly’s Bakery. Why do you go to Charly’s Bakery? 


6. He went to Charly’s Bakery, because they are well known for some of the best cakes in South Africa. Their 
cakes and cupcakes are absolutely delicious. 
 
7. How did you discover Charly’s Bakery? (social media, newspaper, friends) 
7. He discovered Charly’s Bakery via their YouTube channel. He was intrigued by their beautiful and creative 
cakes.  
 
8. How often do you visit Charly’s Bakery? 
8. He visits Charly’s Bakery at least once a month. He also buys anniversary cupcakes for his girlfriend every 
month.  
 
9. Why choose Charly’s Bakery over another bakery, what makes them special?  
9. He loves their products, because they are daily baked fresh and have superior quality and taste.  
 
10. How did you feel the first time when you visited them? 
10. He was very excited to visit a very popular bakery in Cape Town. He only heard good reviews about the 
bakery. 
 
11. How do you feel about the prices of Charly’s Bakery? 
11. Charly’s Bakery is a bit expensive, but it is understandable because they provide value to their products.  
 
12.Any likes or dislikes about Charly’s Bakery?  
12. He disliked their website. It's very cluttered and busy, not simple. However the bakery itself is beautiful and 
makes you feel welcome. 
 
Product Opportunity Questions 

13. Did you check Charly’s Bakery’s website beforehand?  


13. Yes, he did. 
 
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? 
14. The website is very out-dated and extremely busy. It wasn’t relatively easy to use. The first thing he looked for 
was what cakes/ cupcakes they were selling and the prices. He struggled to find the necessary information on 
the homepage. The website is very cluttered and disorganised. 
 
15.What is the biggest pain point of the website? 
15. The website is very cluttered and disorganised. 
 
16.Would you refer someone to the website? 
16. Yes, he would since a website is the main point of reference of any business. 
 
17.I​s Charly’s Bakery’s website appealing to you? Any suggestions you would make? 
17. The website isn’t very appealing for him. The information is all over the place and the navigation is hard. He 
feels that it could be simplified to make it easy to use. 
 
18.What are the implications of COVID-19 on Charly’s Bakery? 
18. Unfortunately the cake industry is not an essential service so they will be shut down for the foreseeable 
future. This will take a toll on the bakery as they cannot service their employees, rent and other overhead 
agreements which will be substantial, because they are a large bakery. 
 
19. ​What can Charly’s Bakery do to resolve some of the challenges of COVID-19? 
19. They can offer to make meals for the homeless through government tenders, this will help them get some 
revenue. They can also start an online delivery service once the lockdown gets lifted. They can also make a 
YouTube channel with baking lessons, they can charge a fee for the baking lessons.  
 

*** 
 

USER INTERVIEW 2 (Primary Target Market) 


 
FEMALE, 25 
 
Introductory Questions 

1. What does your typical weekday look like?  


1. Her typical weekday is to go to work from 9am to 5pm. Some nights she will have drinks after work with her 
friends.  
 
2. How do you use the Internet in a day?  
2. She mostly uses Instagram, Whatsapp, Gmail and Pinterest. She uses websites for research. 
 
3. What are some of the apps and websites you use most?  
3. She would usually wake up and see if she has new messages and if there's a new post on instagram. She also 
loves to start my day with funny videos on Instagram to make a great start with the day. She uses a lot of the 
internet for research for her work. 
 
4. Do you like sweet treats like cake, cupcakes and cookies?  
4. She would usually wake up and see if she has new messages and if there's a new post on instagram.  
She also loves to start my day with funny videos on Instagram to make a great start with the day. She uses a lot of 
the internet for research for her work. 
 
5. Do you live near Charly’s Bakery? 
5. She does live near Charly's Bakery, but not that close to go everyday. 
 
Topic Specific Questions 

6. Give us a background on Charly’s Bakery. Why do you go to Charly’s Bakery? 


6. She usually goes to Charly's Bakery to go buy cakes for birthday celebrations at the office.   
 
7. How did you discover Charly’s Bakery? (social media, newspaper, friends) 
7. She heard about Charly’s Bakery via a college, her college forwarded the link of the website to her.  
 
8. How often do you visit Charly’s Bakery? 
8. She visits Charly’s Bakery on a monthly basis, depending how many birthdays occur in a month at the office. 
She often pops in to buy herself a treat too.  
 
9. Why choose Charly’s Bakery over another bakery, what makes them special?  
9. Charly’s Bakery made a good impression through their excellent service and products. She said that their 
website does need an upgrade. 
 
10. How did you feel the first time when you visited them? 
10. She felt very welcomed and overjoyed with all the sweets treats. It was very nice to visit the place. 
 
11. How do you feel about the prices of Charly’s Bakery? 
11. She felt it is quite expensive, but the prices fit the service and product provided. She is more than willing to 
spend a little extra, because she doesn’t go everyday. 
 
12.Any likes or dislikes about Charly’s Bakery?  
12. She likes the look and feel of Charly’s Bakery. She also loves their products. 
 
Product Opportunity Questions 

13. Did you check Charly’s Bakery’s website beforehand?  


13. She looked at the website before she went to the bakery. 
 
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? 
14. The website needs improvement. The process of booking online is very difficult, there is no option to pay 
directly, you have to email them first and then they will send you their banking details. The website is too colorful 
too, the layout too messy too.  
 
15.What is the biggest pain point of the website? 
15. She didn’t like the overuse of pink on the website, the logo also faded because it is pink and the background 
is also pink.  
 
16.Would you refer someone to the website? 
16. She won’t refer to the website, because she struggled a lot. She would rather just say to go to the shop or 
call.   
 
17.Is Charly’s Bakery’s website appealing to you? Any suggestions you would make? 
17. She would work a more natural colour into the website, to keep the funkiness but also make it elegant.  
 
18.What are the implications of COVID-19 on Charly’s Bakery? 
18. They will suffer financial problems. 
 
19. What can Charly’s Bakery do to resolve some of the challenges of COVID-19? 
19. They can start cake tutorials and charge a small fee to keep them going.  
 

*** 
 

USER INTERVIEW 3 (Secondary Target Market) 


 
FEMALE, 22 
 
Introductory Questions 

1. What does your typical weekday look like?  


1. Her typical weekday consists of waking up at around 6:45 am. She makes her bed, showers and gets ready to 
go to university. She normally gets home at around 3 pm and makes lunch for herself. She goes to the gym in the 
evening and studies until very late. 
 
2. How do you use the Internet in a day?  
2. She mostly uses Instagram, Whatsapp, Youtube Music and Google. 
 
3. What are some of the apps and websites you use most?  
3. She uses the internet in the morning when she streams music on YouTube. 
 
4. Do you like sweet treats like cake, cupcakes and cookies?  
4. Yes, but she likes savoury treats more. 
 
5. Do you live near Charly’s Bakery? 
5. Yes, she lives in Woodstock. 
 
Topic Specific Questions 

6. Give us a background on Charly’s Bakery. Why do you go to Charly’s Bakery? 


6. She mainly went to Charly’s Bakery to try out their interesting cake and cupcakes.  
 
7. How did you discover Charly’s Bakery? (social media, newspaper, friends) 
7. She discovered Charly’s bakery via social media on Instagram. One of her friends posted a photo of them in 
front of the bakery. She was intrigued by the look and feel of Charly’s Bakery. The sweet treats also looked 
yummy.  
 
8. How often do you visit Charly’s Bakery? 
8. She usually goes when she receives her money, at least once a month. 
 
9. Why choose Charly’s Bakery over another bakery, what makes them special?  
9. She was intrigued by their beautiful and interesting cakes and it is also a nice vibe. 
 
10. How did you feel the first time when you visited them? 
10. She felt overwhelmed by all the sweet treats that her eyes were blessed with. 
 
11. How do you feel about the prices of Charly’s Bakery? 
11. Their prices were quite expensive, but she doesn’t spoil herself like this daily. 
 
12.Any likes or dislikes about Charly’s Bakery?  
12. She was completely happy with the products and service of Charly’s Bakery, but she was afraid to go alone to 
the bakery. 
 
Product Opportunity Questions 

13. Did you check Charly’s Bakery’s website beforehand?  


13. Yes she did, because she wanted to check for specific directions and business hours.  
 
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? 
14. She was mainly looking for a price list, specific directions and business hours. The directions were on the 
landing page, but it could’ve been clearer. The business hours were visible. She struggled with the navigation of 
the price list, that could’ve been more clearer.  
 
15.What is the biggest pain point of the website? 
15. She was distracted by the many colors of the website.   
 
16.Would you refer someone to the website? 
16. No, because they give a lot of outdated information about the bakery on the website. 
 
17. Is Charly’s Bakery’s website appealing to you? Any suggestions you would make? 
17. No, she didn’t find it very appealing. She described the website as childlike, because of the overuse of bright 
colours. She suggested that there is more information and photos of cakes about the bakery on the homepage 
too. She also suggested a less bright colour to make it more adultlike.   
 
18.What are the implications of COVID-19 on Charly’s Bakery? 
18. She thinks it will definitely have a big loss of income, since social gatherings like weddings and parties won’t 
be allowed due to lockdown rules.  
 
19. What can Charly’s Bakery do to resolve some of the challenges of COVID-19? 
19. Charly’s Bakery can give discounts for cakes. 
 

*** 
   
USER INTERVIEW 4 (Secondary Target Market) 
 
FEMALE, 20 
 
Introductory Questions 

1. What does your typical weekday look like?  


1. She usually has classes from 9 am - 12 pm, she goes home to finish assignments and readings. When she is 
done with school work, she exercises and hangs out with her friends.  
 
2. How do you use the Internet in a day?  
2. She mostly uses Instagram, WhatsApp, ZAFUL, Pinterest and Google. 
 
3. What are some of the apps and websites you use most?  
3. She uses the Internet in the morning to check her social media platforms like Instagram and Facebook.  
 
4. Do you like sweet treats like cake, cupcakes and cookies?  
4. Yes, she absolutely adores sweet treats, especially chocolate and red velvet cupcakes to satisfy her sweet 
tooth. 
 
5. Do you live near Charly’s Bakery? 
5. Yes, she lives in Gardens, which is near Charly’s Bakery. 
 
Topic Specific Questions 

6. Give us a background on Charly’s Bakery. Why do you go to Charly’s Bakery? 


6. She goes to Charly’s Bakery whenever she craves something sweet.   
 
7. How did you discover Charly’s Bakery? (social media, newspaper, friends) 
7. She found out about Charly’s Bakery via social media on Facebook. Some of her mutual friends checked in at 
Charly’s Bakery, so she visited their Facebook page. 
 
8. How often do you visit Charly’s Bakery? 
8. She visits them frequently, at least once a month to stock up on sweet treats. 
 
9. Why choose Charly’s Bakery over another bakery, what makes them special;?  
9. She loves the warm welcoming feeling and atmosphere of Charly’s Bakery. She loved their interesting and 
yummy cupcakes. 
 
10. How did you feel the first time when you visited them? 
10. She didn’t like the surrounding area, it made her feel uneasy, but as soon as she entered Charly’s Bakery she 
felt comfortable and happy.  
 
11. How do you feel about the prices of Charly’s Bakery? 
11. The prices are a bit expensive, but she only visits Charly’s Bakery only once a month. She is willing to spend a 
bit extra money on the sweet treats.   
 
12.Any likes or dislikes about Charly’s Bakery?  
12. She loved Charly’s Bakery and their products, but she was concerned about her safety, because the 
surrounding area was a bit sketchy.  
 
Product Opportunity Questions 

13. Did you check Charly’s Bakery’s website beforehand?  


13. She did check the website beforehand to see some of their sweet treats.   
 
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? 
14. She found the website to be a bit outdated and she had to search for the information she was looking for. The 
homepage needs more photos of the sweet treats.  
 
15.What is the biggest pain point of the website? 
15. The image gallery tooked a long time to load. The bright colours were also a problem for her.   
 
16.Would you refer someone to the website? 
16. No, she would rather just send their Facebook or Instagram page.  
 
17. Is Charly’s Bakery’s website appealing to you? Any suggestions you would make? 
17. It could use a bit of updating that feels a bit old. She suggested modernizing it a bit.   
 
18.What are the implications of COVID-19 on Charly’s Bakery? 
18. They are losing business, because they are closed for the duration of lockdown. This results in financial loss. 
 
19. What can Charly’s Bakery do to resolve some of the challenges of COVID-19? 
19. They can give discounts on upcoming orders. They can make gift vouchers too. 
 

*** 
 
   
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. 
 
 
 

Interviews - Data Analysis (Secondary Target Market)  

 
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

ABOUT MOTI ONS


VATI

-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

ABOUT MOTI ONS


VATI

-Age20 Emmaismot iat


v edtofinishherst es.Emmai
udi s
motv
iatedtobuy moe
r sweette
ratsifh
te oni
lne
CapeTown
ock,
-Woodst der
or ngoft
i hewebsit scor
ei rect.

-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)

Heme I Onl,ne 5hop / About/ Ga//~ 1J / Ne.ws /Ccntoct- P =


WeAcOfVlQ
- - - -- - -- - - - - - - --
----- - - - - -- - -·---
//

,LJ K7
I~ -- ~---:
/><: --1
/ /__:/~ I

G~a.<

------- ~

_ /. ~
- - - : - - - -_ _

-: ~
N_. _/\\J1 G- f\7' .L 0N
<._~ lr ~c...tw0.s">

Troc.l•~ Hours "- ero iI:-


<~ hon e->

@ 0101 "-1'.!:> &.k ---- 0 000


I
0 , \, Y'Q Gh~ _
~ c~\ C ¼cN~ f'r ice \,st S1s1.
('a,1-<t,
C"9JUJ \ I

C a -kQ
-~ \
I

/
/
I
I
Jj "-.__
'~

J
8. \--hd~ \/\)edd7
- ·

/3; /1,'\ f\ lV OJV1 l l j


9
fSJJo ..::! k.-. z;;oe)
R_soo - - k bo

,--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-~-- -- - - --

@Charl1,.1 's Bol<ex-


~ SJ <
< e;--r. o.il ..,,.

0000
tcle.phO"\e.;,
4

Home_ I 01'\ line SNf I About-I Crci/lcr~ I NtvJs / unt-act f =


GrALLE12 Y

(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.

Image Image Image Image Image

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

Apple Maps Image

<directions>

Lorem ipsum dolor sit amet, consectetur <email>


adipiscing elit, sed do eiusmod tempor incididunt. TRADING HOURS <telephone>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit, sed do eiusmod tempor incididunt.
© CHARLY’S BAKERY
LOGO
HOME | ONLINE SHOP | ABOUT | GALLERY | NEWS | CONTACT

ONLINE SHOP
CAKE CUSTOM CAKE ENQUIRY PRICE LIST PROFILE CHECKOUT

Image
Image Image Image Image

<description> <description> <description> <description> <description>


R500 R500 R500 R500 R500

Lorem ipsum dolor sit amet, consectetur <email>


adipiscing elit, sed do eiusmod tempor incididunt. TRADING HOURS <telephone>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit, sed do eiusmod tempor incididunt.
© CHARLY’S BAKERY
LOGO
HOME | ONLINE SHOP | ABOUT | GALLERY | NEWS | CONTACT

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.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do


eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur <email>


adipiscing elit, sed do eiusmod tempor incididunt. TRADING HOURS <telephone>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit, sed do eiusmod tempor incididunt.
© CHARLY’S BAKERY
LOGO
HOME | ONLINE SHOP | ABOUT | GALLERY | NEWS | CONTACT

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.

Image Image Image Image Image

Image Image Image Image Image

Lorem ipsum dolor sit amet, consectetur <email>


adipiscing elit, sed do eiusmod tempor incididunt. TRADING HOURS <telephone>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit, sed do eiusmod tempor incididunt.
© CHARLY’S BAKERY
LOGO
HOME | ONLINE SHOP | ABOUT | GALLERY | NEWS | CONTACT

NEWS
ALL COVID-19 ARTICLES PRESS FAQ’s YouTube

Charly’s Cake Angels


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.
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.

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 <email>


adipiscing elit, sed do eiusmod tempor incididunt. TRADING HOURS <telephone>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit, sed do eiusmod tempor incididunt.
© CHARLY’S BAKERY
LOGO
HOME | ONLINE SHOP | ABOUT | GALLERY | NEWS | CONTACT

CONTACT

CONTACT US JOIN MAILING LIST


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida.
ipsum suspendisse ultrices gravida. Risus commodo viverra Risus commodo viverra maecenas accumsan lacus vel facilisis.
maecenas accumsan lacus vel facilisis.

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

Lorem ipsum dolor sit amet, consectetur <email>


adipiscing elit, sed do eiusmod tempor incididunt. TRADING HOURS <telephone>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit, sed do eiusmod tempor incididunt.
© CHARLY’S BAKERY
Devel
opmentandProtot
ypi
ng
(Desi
gnIt
erat
ions)
UIMoodboar
d Non-
UIMoodboar
d
CHARLY’
S
HOME | ONLI
NESHOP | ABOUT | GALLERY | NEWS | CONTACT
BAKERY

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

Mybi ggestchal lengei nthispr ojectwast he


websi teIchose.Char l
y’sBaker y’swebsi tei s
verycompl ex,ithasal otofl i
nksand
informat ion.Ial sost ruggledwi tht heuser
per sonas. Personasi ngener alissomet hi
ng
compl ex,becauset her earesomany
exampl es.Mymai nf ocuswast osi mpli
fyt he
websi tei nawayt hatnavi gatingt hrought he
websi tei seasyf ort heuser .Thepr ojectwas
indeedagoodl ear ningexper ience.Themost
interestingdel iverabl ewast hesi temapand
informat ionar chi t
ect uredi agram, becausei t
helpedt ogat heri nsightaboutwhati swr ong
witht heexi stingwebsi te.Ihavel earnedthat
resear chi sthemosti mpor tantphasei nthe
UCDpr ocess.
I
nter
act
ionDesi
gn-200
Maj
or

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

2020 HERMANUS WHALE FESTIVAL POSTPONED

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.

Hermanus Whale Festival is an annual celebration of the return of the


Southern Right Whales From their feeding grounds in Antarctica. Southern
Right Whales frequent the South African waters from June to December to
mate and to give birth to their offspring.

September… one of the BEST months to be whale watching on the Cape


Whale Coast of South Africa! This time of year, spring flowers bloom, whale
mating groups are abundant and whale calves are born. We are usually
gifted sunny windless days after the Cape unleashed her furious storms and
excitement runs high in preparation for our most famous visitors.

Hermanus Whale Festival fulfils its


responsibility "to prove that humanity
has beaten the coronavirus", a warm
welcome is extended to all whale
friends, from near and far, to attend a
historic 30th Whale Festival in 2021.

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

Hermanus Whale Festival Gallery

VIEW MORE

Contact Us
NAME
Email

festival@hermanus.co.za

festival@hermanuswhalefestival.co.za

EMAIL

Marketing

marine@hermanuswhalefestival.co.za

MESSAGE
Telephone

+27 (0)71 606 3261

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

Whale Festival Marketing Links

HOME ABOUT GALLERY CONTACT ECO-MARINE VILLAGE PARTNERS

ECO-MARINE (CONSERVATION) PARTNERS

Learn & Explore: Above & Below.

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.

Eco-Marine Tent Sponsors

Pick n Pay

Cape Whale Coast

Good Hope FM

Official sponsor of Official sponsor of Hermanus Official sponsor of Hermanus


Hermanus Whale Festival

Whale Festival

Whale Festival

Find out more > Find out more > Find out more >

Cape Town & Peninsula


Western Cape

Beverages

Official sponsor of Hermanus Official sponsor of Hermanus


Whale Festival

Whale Festival

Find out more > Find out more >

Eco-Marine Tent Exhibitors 2019

Argiculture, forestry SANBI

African Penguin &


& fisheries

Seabird Sanctuary

Official tent exhibitor of


Official tent exhibitor of Hermanus Whale Festival

Official tent exhibitor of


Hermanus Whale Festival

Find out more > Hermanus Whale Festival

Find out more > Find out more >

Shark Spotters

Marine Dynamics

Great White Shark


Tours

Official tent exhibitor of Official tent exhibitor of


Hermanus Whale Festival

Hermanus Whale Festival

Official tent exhibitor of


Find out more > Find out more > Hermanus Whale Festival

Find out more >

Dyer Island Seafari

Dyer Island Cruises

Conservation Trust

Official tent exhibitor of Official tent exhibitor of


Official tent exhibitor of Hermanus Whale Festival

Hermanus Whale Festival

Hermanus Whale Festival

Find out more > Find out more >


Find out more >

Whale

Hermanus Botanical Whale Watchers

Society

Official department of South Official department of South


Africa

Official department of South Africa

Find out more > Africa

Find out more >


Find out more >

Panthera Africa

Kogelberg

Sea Search

Official department of South Official department of South Official department of South


Africa

Africa

Africa

Find out more > Find out more > Find out more >

Eco-Marine Sponsors

Jaydee Media

Marine Wildlife

Official sponsor of Hermanus


Whale Festival

Official sponsor of Hermanus


Whale Festival

Find out more >


Find out more >

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

Whale Festival Marketing Links

HOME ABOUT GALLERY CONTACT ECO-MARINE VILLAGE PARTNERS

HERMANUS WHALE FESTIVAL GALLERY

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

Whale Festival Marketing Links

HOME ABOUT GALLERY CONTACT ECO-MARINE VILLAGE PARTNERS

2020 HERMANUS WHALE FESTIVAL POSTPONED

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 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.

Hermanus Whale Festival fulfils its


responsibility "to prove that humanity
has beaten the coronavirus", a warm
welcome is extended to all whale
friends, from near and far, to attend a
historic 30th Whale Festival in 2021.

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

Hermanus Whale Festival Gallery

VIEW MORE

Contact Us

NAME

EMAIL

MESSAGE

SEND

Email

Marketing

festival@hermanus.co.za

marine@hermanuswhalefestival.co.za

festival@hermanuswhalefestival.co.za

Telephone

+27 (0)71 606 3261

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

Whale Festival Marketing Links

HOME ABOUT GALLERY CONTACT ECO-MARINE VILLAGE PARTNERS

ECO-MARINE (CONSERVATION) PARTNERS

Learn & Explore: Above & Below.

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.

Eco-Marine Tent Sponsors

Pick n Pay

Cape Whale
Coast

Official sponsor of
Hermanus Whale Official sponsor of
Festival

Hermanus Whale
Find out more > Festival

Find out more >

Good Hope FM

Cape Town &


Western Cape

Official sponsor of
Hermanus Whale Official sponsor of
Festival

Hermanus Whale
Find out more > Festival

Find out more >

Peninsula
Beverages

Official sponsor of
Hermanus Whale
Festival

Find out more >

Eco-Marine Tent Exhibitors 2019

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

Whale Festival Marketing Links

HOME ABOUT GALLERY CONTACT ECO-MARINE VILLAGE PARTNERS

HERMANUS WHALE FESTIVAL GALLERY

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

Whale Festival Marketing Links

2020 HERMANUS WHALE FESTIVAL


POSTPONED

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.

Hermanus Whale Festival a warm


welcome is extended to all whale
friends, from near and far, to attend a
historic 30th Whale Festival in 2021.

About Festival

Eco-Marine Festival

Hermanus Whale Festival

Gallery

VIEW MORE

Contact Us

NAME

EMAIL

MESSAGE

SEND

HERMANUS TRAVEL

GENERAL INFO

CONTACT US

ECO-MARINE (CONSERVATION)
PARTNERS
Learn & Explore: Above & Below.

This theme encompasses the ocean as well


as coastal and marine environments on land

“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.

Eco-Marine Tent Sponsors

Pick n Pay

Official sponsor of
Hermanus Whale
Festival

Find out more >

Cape Whale
Coast

Official sponsor of
Hermanus Whale
Festival

Find out more >

Good Hope FM

Official sponsor of
Hermanus Whale
Festival

Find out more >

Cape Town &


Western Cape

Official sponsor of
Hermanus Whale
Festival

Find out more >

Peninsula
Beverages

Official sponsor of
Hermanus Whale
Festival

Find out more >

Eco-Marine Exhibitors 2019

Eco-Marine Sponsors

HERMANUS TRAVEL

GENERAL INFO

CONTACT US

HERMANUS WHALE FESTIVAL GALLERY

VIDEOS

IMAGES

1 2 3

HERMANUS TRAVEL

GENERAL INFO

CONTACT US

Keyl
ear
ning

Mybi ggestchal lengei nt hispr ojectwas


getti
ngal lmyUIr esear chcor r
ectt or edesign
thewebsi te.IfIhadt or edot hepr oj ectagain,
Iwoul dcreat emor eel ementcol lages,
becausei twi l
lbeeasi erifyouhavemor e
element sfrom thebegi nning.Iwoul dhave
takenmor erisksint ermsofspaci ng,
becausesomet i
mesIt hinkt oomuch
spacingi sbad, buti tisnot .Over allIam
superhappywi t
ht her edesi gnoft he
website.Itwasanamazi ngoppor tuni tyt
o
i
mpr ovemyUIdesi gningandIl ear nedal ot.
Mybi ggestl earningwi ththispr ojectwas
Figma, Figmar eallymakesUIdesi gni ng
easierandmor eef ficient .
Concept-Ext
rawor
k
Ideci
dedtodesignmyl
andi
ngpagef
ormysel
fasuser
exper
iencedesi
gner
.

Al andingpageofanyser vi ceisthefir stthingauser


willsee.Landi ngpagesar eusual lyaimedf or
mar ketingandspeci ficcal ltoactionsect i
ons.Agood
l
andi ngpagehasacl earfocus, persuasivecopy ,
consider eddesignandr elentlesstesting.At ypical
hierarchyofal andingpageconsi stsofasummar y
,cal
l
toact i
on, benefits,
cal lt
oact ion,features,socialproof
andcal ltoaction.

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.

Buy works See awards

Portofolio works

Simplicity meets innovative design

It's really easy to download the works.

Start designing the future of your business!

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.

custom website to give her a call.


exactly what I had envisioned.

Read more > Read more >

Happy Client Happy Client Happy Client


charisasteyndesign.com charisasteyndesign.com charisasteyndesign.com

Ready to launch
Get in touch now

your next website? Or, take a peek inside my works

Charisa Steyn Pages Connect

For me, the process does not have any beginning or end.
About
Dribbble

The whole experience design field is ongoing discovery and testing.

Works
Behance

Awards
Instagram

Let’s meet and find out how I could elevate your business using Contact Linkedin

experience design practices. Tumblr

© 2020, All Rights Reserve Privacy Policy Terms of Use GDPR


HB
. Home HB Rain Data W Rain Data
S

Hout Bay Rainfall


Th is is a community site where residents of Hout Bay
share the rainfall data they have collected in their gardens
for the benefit of interested parties.

HB Rain Data

If you wish to contact us


(e.g. wish to join the
team of rainfall data
collectors), please email
us on
houtbayrain@gmail.com

About the Hout Bay rainfall site & team

Why this website?

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.

5B68C2 1B2165 1B2165

If you wish to contact us


Get in touch now

or join the data team. Or, view data

Hout Bay Rainfall Pages Connect

We are simply a group of amateur weather-watchers from the About


Email

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

© 2020, All Rights Reserve Privacy Policy Terms of Use GDPR


I
nter
act
ionDesi
gn-200
Maj
or

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

-Age25 Katefoundoutaboutthisnewmi r edat


acl ingapp
viaI agr
nst am,oneo fhero
flo
lw es
r pose
td an
ar
-Cl ,
emontCapeTown I agr
nst am so
tryofthisnew dai
tng app.Sheis
veryi r
ntgu
i ed bythedatn
ig app,becauseshe
-BACommunicat gn
onDesi
i alwaysstuggl
r edwithspeedofTinderandot her
( t
Passedwi s)
hhonor datngapp
i s.Kae
t as
lo wantstome etmo e
r
people.
i
nEngl
uenti
-Fl Af
sh, i
r man
kaansandGer

USERSTORY PAI NTS


NPOI

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

-Age22 Emmaf oundoutaboutt hisnewdat ngappvi


i aa
frendonWh
i as
tAp p.She s
i veryine
trese
td n
i he
t
-Woodst CapeTown
ock, datingapp ,because she s
i vey
r shypersonand
t sappl
hi ookslkeaper
i fectsoluton.Emmaal
i so
-BEngI r
ndustalEngi
i i
neerng lket
i hefuncto
in ai
ly
t partofthisnew datn
ig app.
(SecondYearStudent)

i
nEngl
uenti
-Fl Af
sh, i
r ench
kaansandFr

USERSTORY PAI NTS


NPOI

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

Spacingi sinbalanceacroosst heapp.


Element slkei
i consar ecenteredand
TI
NDER mostt extareleftal
- gned.I
i consar e
biggerthansomet exttomaket he
ABOUT Tinderusesav ari yofpi
et nkandor ange iconsstandout .Buttonsarebi gger
colours,whichma kes h
te app standout.The thannor maltext.Depthiscreat edby
“Tinderi sanAmer icangeosocial pink,orangeisa symb olforlove.Iwouldlket
i o shadowsar oundbuttonsandi cons.
networ kingandonl inedatngappl
i i i
caton mak e useofloves ymbols o
to. Thetextare Depthi salsocreatedbyr educing
thatal owsuser
l stoanonymousl yswipe blacck.Backgroundsar ewhi eandl
t ghtgr
i ey. opacity.
tolikeordi slkeot
i herprofilesbasedon Borders ae
r whitew t
iha shadow .c
Ions arepink
theirphot os,asmal o,
lbi andcommon and orange.Eleme ntbordersaresold
i.B ut
ton s
Robotoisusedaf ont.Titesar
l emosty
l
interests.Oncet wouser shave are o
run ded,e
txtinput ae
r squared.Thereisa n
pinkandbiggerthanot ement
herel s.
"mat ched" ,heycanex
t change anima i
ton ef
fectw henyou sw p
ie i
rghttolk
ie
st
Li sofdatai spl
sdi aybyusing
messages”( Wi kipedia2020:onlne)
i . andswi pelefttodislke.I
i consareimpor ant
t
ementcar
el ds.Therearenot
factorforTinde.
r
par aphsf
agr om t
r heapp,buttheuser
cantypeapar agraphfort rbi
hei o.
1. 2. CONS
I 3.
NDERMATCH
TI

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)

Lorem ipsum dolor sit amet,


consectetur adipiscing elit,
Text - Medium (16pt - 18pt)
sed do eiusmod tempor
CREATE ACCOUNT CREATE ACCOUNT incididunt ut labore et dolore
magna aliqua. Ut enim ad
minim veniam.
EMAIL ADDRESS EMAIL ADDRESS 6 characters
READ
1 special character

steyncharIsa@icloud.com upper case character

lower case character Lorem ipsum dolor sit amet,


consectetur adipiscing elit,
ENTER PASSWORD ENTER PASSWORD sed do eiusmod tempor
incididunt ut labore et dolore
james55/ magna aliqua. Ut enim ad
minim veniam, t labore et
dolore magna aliqua. Ut
SIGN IN enim ad minim veniam.
CONFIRM PASSWORD CONFIRM PASSWORD
james55/
SIGN IN
Lorem ipsum dolor sit amet,
consectetur adipiscing elit,
sed do eiusmod tempor
CONTINUE CONTINUE incididunt ut labore et dolore
magna aliqua. Ut enim ad
minim veniam ut.

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

Lorem ipsum dolor sit amet,


consectetur adipiscing elit,
OOPS! YAY! OOPS! sed do eiusmod tempor.
Lorem ipsum dolor sit
amet, consectetur
adipiscing elit, sed do DELIVERED
eiusmod tempor.

TRY AGAIN CONTINUE TRY AGAIN CONVERSATION WITH A MATCH


Charisa, 20
Headings - Semibold (24pt - 30pt)

Lorem ipsum dolor sit amet,


consectetur adipiscing elit,
Text - Medium (16pt - 18pt) sed do eiusmod tempor
CREATE ACCOUNT CREATE ACCOUNT incididunt ut labore et dolore
magna aliqua. Ut enim ad
minim veniam,

EMAIL ADDRESS EMAIL ADDRESS 6 characters


READ
1 special character

steyncharIsa@icloud.com upper case character

lower case character Lorem ipsum dolor sit amet,


consectetur adipiscing elit,
ENTER PASSWORD ENTER PASSWORD sed do eiusmod tempor
incididunt ut labore et dolore
james55/ magna aliqua. Ut enim ad
minim veniam, t labore et
dolore magna aliqua. Ut
SIGN IN enim ad minim veniam,
CONFIRM PASSWORD CONFIRM PASSWORD
james55/
SIGN IN
Lorem ipsum dolor sit amet,
consectetur adipiscing elit,
sed do eiusmod tempor
CONTINUE CONTINUE incididunt ut labore et dolore
magna aliqua. Ut enim ad
minim veniam,

YAY! READ

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
#CE7C7C #688593 #6C6C6F #C8C9CF #EAE0D3 #CEC0AD

Lorem ipsum dolor sit amet,


consectetur adipiscing elit,
OOPS! YAY! OOPS! sed do eiusmod tempor.
Lorem ipsum dolor sit
amet, consectetur
adipiscing elit, sed do DELIVERED
eiusmod tempor.

TRY AGAIN CONTINUE TRY AGAIN CONVERSATION WITH A MATCH


Charisa, 20
Pr
ojectdocument
ati
on
NOODLE

By tapping “Sign up” or “Sign

in”, you agree to the T&C’s.

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

1 special character lower case character


Confirm password
james55/

CONTINUE
CREATE ACCOUNT

Username

Charisa70

Username correct

Enter password

James55/

6 characters upper case character

1 special character lower case character

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

Trouble signing in?


SIGN IN
Username

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

Sports Dog lover

Travel
Gaming

Surfing

I like watching sports and surfing on


weekends.

Yo dudes

SHARE THOMAS’S PROFILE

REPORT
MESSAGES
RECENT MATCHES ARCHIVE MATCHES

SEARCH MATCHES

Thomas

Thomas, 25
Hello

Hello, how are you?


READ

Show me some dirty


pics ;)
PROFILE Done

THOMAS, 25

Sports Dog lover

Travel
Gaming

Surfing

I like watching porn and surfing on


weekends.

Yo dudes

SHARE THOMAS’S PROFILE

REPORT
PROFILE Done

THOMAS, 25

Sports Dog lover

Travel
Gaming

Surfing

I like watching porn and surfing on


weekends.

Yo dudes

SHARE THOMAS’S PROFILE

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

Age range 20-30

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

Age range 20-30

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

I love spending times with my


doggies and watching sports on
the weekends.
425

PASSIONS

Sports, dog lover, travel, gaming

EDUCATION

UCT

LOCATION

Cape Town

GENDER

Female

SEXUAL ORIENTATION

Straight

PREVIEW
PREVIEW Done

CHARISA, 20

Sports Dog lover

Travel
Gaming

Art

I love spending times with my


doggies and watching sports on the
weekends.

SHARE CHARISA’S PROFILE

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.

You might also like