website design 2

 Before i design my website i need to create my logo, thus i use the online software to design a logo, that is quick. Then, i use the TAILOR BRANDS to design logo. First, i need to choose some font which is my favorite, second the website can through these to select which font is suitable for me, third, i need to choose the style, like the logo is include the icon and word, only word, or word add the capital.

I choose three types , but i will use Photoshop to design agin, for example, change the colour, size or layout.

I use the WIX to design my website when i have a logo. in addition, i chose the a style that is suitable for product portfolio. the first is three page, that can change the image when you tap the arrows to look the different project.

                                      
Actually, different project have different background, maybe i will change the colour, like the gray, blue and so on. the colour will depend on my project.

 Next page, i am going to introduce myself, for instance, my name, major, and my habits. On the other hand, i will design the menus before the next class.

PLAN-WEBSITE DESIGN 1

Through the research I got some inspiration, like what  does the website need to include?
Then, I write a chart (appendix 1) to analyze the structure. For example, the homepage is first page and next page is works, online shop, information, news and contact. 

(appendix 1)

 Second, I draw some drafts about the other pages and some details. The left top corner is a menus, you can go back the homepage when you tap this button. moreover, the right top corner have two button, that are change languages and search, additionally, the top is same in each page.

The logo is in the middle, and i design this from my english name, MAVIS. I put the MAV together.

Third,  I draw the project page. and add some explain to describe the detail and how to use, that can help me to design when i use the online software to create the website.

Fourth, I draw the shop page, because my major is product design, so i will shell my design in the future. when people tap the image, they can see the introduction, like name, price, colours and comments.

Finally, I use MOQUPS which is a online website design software. This software is easily to create a website, because this software have a lot of models or elements, i just move the model to design.

 Actually, i will use the other software to design the whole website, next week.

research - website portfolio

💭

I will research two website portfolios before I start to create a website portfolio.
One is a woman and the other one is a man, actually, I think they have totally different style of the website design.
In following I will analyze the differences between the two websites.

FIRST

http://shantellmartin.art

The home page is very interesting and attract the people, thus I open the the website. It is amazing, because if you move the mouse the black lines will change the shape and move, like dancing.

I first see the designer is lie and take a pen and the sketch is around the himself. Then I see the title and the some words, like work, news, info, shop. That means this website is include there different parts.

I use the mobile phone to take a video to show the website.

                                         

I try to click on the other buttons to open the different pages. However the all of pages have a similar point, for instance, the website just use white and black to design, the colours is very simple. Furthermore, the background and other images are drawn by this designer.

She' s website is include the homepage, works, news, information, contact, addresses and shop. Moreover this website use the same font and do not have a lot of elements , thus  this design is follow this 'less and more' concept. That style is very clearly to find the important things and easy to get some information when I open this website.

SECOND

http://www.north2.net/about-us.html

Actually, It is not a homepage, i through the about us to find this page. Then I known this website is designed by a man.

There are homepage, this website' homepage can rotary transformation while change the colours and products. moreover, the title of project is on the middle and use the white and bold font. Then the other links are on the left top corner.

The pages colours will change when you scroll down to read, and the hand is not change just change the products.  if you turn over the page, the two product will put together when you stop scroll down . That style is very different from the first website.

I will give a example to introduce the process when you use this.

On the other hand, the detail page is relate the project page, for instance, I open the HASSAN ABUL , you can see the background is blue and the detail page is also use the same colour. not only the background but also the icons and links are use the blue to design. 

He' s website is include the homepage, works, about us, contact, clients and services .Moreover this website use the same font and do not have a lot of elements too, but he use a lot of colours to design.

To sum up, I prefer use the simple colour to design website, because, my major is product design, if I design a colorful product and I also use colorful elements to design the background, I think the people can not find the information and focus on my works. additionally, I really like DIETER RAM who is a product designer, and his concept and principle is' less than more'. I want to follow this concept to design my project.