Wireframe for redesign of Toronto Cupcake

Screen based design 1. 

Wireframe for redesign of Toronto


In this assignment I choose a webpage I want to redesign and I choose Toronto cupcake.


In this first part of the assignment I was making a wireframe for Toronto cupcake. I made my wireframe in Adobe Indesign. 


In my redesign I chose to ad some new function to the site,


  • Login in function
  • my site
  • custom cupcake creator


I add those function to make the site more user friendly and I tried to make it easy to navigate true the site. 


I also chose to keep a pink look on the page because I think the pink colour is a part of the identity of the store. 

Photography 2

Viking Girl


The idea behind the picture was to tell the story of a Viking girl who walks alone in the mountains/forest and gets a little scared of being alone and looks around and hopes she sees someone she knows.


Use Adobe Lightroom to edit the photo. i have change litle bit color, ligth and crop the photo little bitt. 

Camera Canon EOS 350 D

Lens 18-55 mm

Aperture 4.3

Lens 18-55 mm

Exposetime 1/60

ISO 400

F 4.5

Flash

The music 

The idea behind this photo came when I was walking my dog and saw several people running to the bus, except for one person who was listening to music and walking in his own world towards the bus.


Afterwards, I thought that person must be the happiest person on the bus who doesn’t let himself be stressed by what’s happening around him, but dreams away and lets the music inspire him.

Camera Canon EOS 350 D

Lens 18-55 mm

Aperture 47

Lens 18-55 mm

Exposetime 1/60

ISO 400

F 4

Flash

Redesign og torontocupcake.com.

Screen based design 2. 

Redesign og torontocupcake.com. 


In Part 1 of the assignment I choose to create a redesign on the Toronto Cupcake website and in part 2 I continue with my design work on Toronto Cupcake.

I start to make a prototype in Figma and after I make my redesign in Webflow. I made some adjustments from wireframe in part 1. I keept a pink look to the site because i feel the colour is a part of the identitet to the store, but i did some adjustment in the colour.
I make a clean design that is easy to navigate and easy to use and understand to make it easy for everyone that visiting the site.


Link to my prototype in Figma:

https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fproto%2Fktf2oQb4UWZRpIGrT9JsxI%2FTorontocupcake%3Ftype%3Ddesign%26node-id%3D7-34%26t%3D8bqQJBupMa58EVj4-1%26scaling%3Dscale-down%26page-id%3D0%253A1%26starting-point-node-id%3D7%253A34%26mode%3Ddesign%22


Link to the website:

https://www.tcupcakes.com


Graphic design 3.

SQUAD

Chocolate for friends

Logo

Poster Design A2

Social media posts

I this assigment i was going to communicate out a new chocolate product to the Gen Z generation that is made frome ethically source cocoa.

And they didnt want the brand no seems too serious or grown up.


  • The product need
  • a name,
  • pakking design,
  • one printed poster
  • two social media posts.


I cal the product, SQUAD, Because the name is represent that we all are standing togheter and it´s a word generation Z are using for there friends groups.

And another meening is that the chocolate is for friends so you can share with friends,


On the logo I have added fresh colors and on the other objects I have a strong color in the background on the most of the produckt to stand out. I have kept the same design style on all the products to have a line between them all.

Pakking Design