Tuesday, 6 June 2017

reflection of website design

I design a website during this term.

strength:
  • I am good at use Photoshop.
  • I have detail for each page, for example, sketch, 3D model, prototype, material and size.
  • The website's style is relate product design.
weakness:
  • grammar mistakes
  • research: just research two website to help me design.
  • layout: I always change my mind due I am not satisfaction my layout and style.
In the future, I will do more research to help design my work. And I will improve my works when I have a tutorial.


website 8 improve


 I redesign my menu and check the mistake of words. Then I write a title and paragraph to introduce this works page and tell reader how to use it to go to other page which can give more information.




In addition, also add tittle for each project page. Then add a button to help people come back works page.





I add all of my work, actually, first I just put the photos and little title. but the people can not understand the concept or functional of my design . Hence,  I need to write some details to introduce that.



Adding number to illustrate the size and use Photoshop to a model show how to use this product.



This is artist statement.



People can use this table to sent E-mail for me when they have question .

I add a Lightbox and write a paragraph to introduce my website.

website 7


This week, I focus on the gallery page. Actually, I tried different styles to collect my best works. But it is not good, because this website is include three modules, so the kinds of outcome is different .



The images are have a link you can go to a new page when you click
it. But the image will become full screen and not go to other page .


Thus, I used Photoshop to design three module's title and also use different colors to discriminate it. Then I also add small title and add link for each title.




Finally, I add images of my works, and add link for each images. when you click you can successfully open a new page.


Last week, I add a social media but I am not post any image or works. This week I described the photography and post these.

 



I write one sentence to introduce myself, such as, I am a product design student, i will post some sketch and design about my projects.
















website 6

In the class, I have a tutorial and I obtained a lot of useful suggestion. Thus, this week I need to improve my website basis on these suggestion.

first, the background is vague concept and not reflect my major. maybe I can use my best work or some tools as my background, like sketch, 3D model or pencil. I select some tools which are relate my major and orgarnize this to took a photo, then i used Photoshop to do some texture, like add a plastic cover. Moreover, add this photograph on my website, however I think the old logo is not good and the colour and style is not suitable for this new background.




Second, I try to make another one use different mark pen. And then I use Photoshop to design the last one.




I think this background is better, and also i change my logo design , just use white color and impact font to make and add a line under the word.




I add a social media (instagram) and add a link .






























website 5

 

I designed a background basis on this model.

I took a photo for my studio's wall, because I put all of work in the wall, i think that is a good way to show my major. Then I create a shape and then select this square change the opacity. In addition, i add my logo and a shape which can click.


This is my project works for digital design. i write a big title and small title to show the module and also write a paragraph to describe the works. The phototherapy of works is under the introduction.



I make a menu and also add subpages.





 Firstly,  I used this style of title, but I think that are not profession and academic, thus I change it .



 I create a background for each title, because that can catch the people' eye. I chose the blue due to the  home page have this colour.



visit leone


we went to the real store which is open in the city center with my tutor and classmate.



This shop is sell clothes, hat and accessories. A lot of items are hand made and design by different designers.



This is business card for LEONE, I like this layout, because the lego is big and clear, and also include the address, phone number, website and social media.
 


The designer designed this clothes and also join a design competition.



There are accessories which are hand make.







This is a working table for designers.



leone website

We saw the teacher's website in the class. And then we need to find some strengths and weakness and discuss how to solve these problems with my partner.

I use Google to search the LEONE. The site plays background music when I open it, actually I received a frightening and quickly turned off the volume. 




Firstly, I click the button to read some photo or information. for example, I try to click the slideshow and the pictures don't have link, just click the themed to change the photos.


Then i found a video which is bottom of the home page, and then I watch it and understand this company. I like this video, because this video have a happily music and information about the company and designers.

This website is divided into four parts, such as home, online boutique,LEONE Highcross Leicester, bespoke gift wrapping. And then the LEONE high cross leicester have a small menu, that include, exclusive appointments,events, gallery, designers, opportunities for new designers and testimonials. All of title have a click to read more details.

There are social media icons in the upper right corner, I can click these to go to other website, like Facebook, titter, youtube and Instagram. 

 There is a bag icon, because this website have online shop.

I can search some key word to found some works or items, that is convenience .


The logo in the upper left corner.


People can scan the code to join this company to know more information.


One online chat icon in the bottom of page, people can send message when they have some problem or question.


strengths: logo,organize,social media, chat online, video.
weakness; background music, the background's colour is dark.