W6-Copywriting

WEEK 6

PRACTICAL

COPYWRITING

The first copywriting is the welcome page and about. Which the welcome page is the first page to engage with audiences. Therefore, it has to be eye-catchy at the first glance. By introducing my name at the first then using the slogan to deliver the message that I'm offering the design services for the audiences. Then, for the about page is the page to telling the audiences who am I. Therefore, I'll be using just a few sentences to tell the audiences about myself. Because of people like to see visuals instead of reading texts, therefore, reducing the text is the good way to keep the audiences to explore more. 
The second page of copywriting is the background details that includes education, skills and expertise as well as contact. They can be put inside the about me page and also the contact page in the website. If people wants to work with the designer, they have to know their education levels, skills and expertise to see whether the designer suits for their company or not. Then, if they want to engage or contact with me, then the contact page is the only way that they will go for.

The last copywriting is the featured work of myself. It includes the Loki's information graphics, Avalanche information graphcis, Lamborghini social media post and the FutureTech rebranding projects. Most of them are for advertising projects which can attract the company or firms that are looking for advertising designers as well as display the skills in designs. 

LECTURE


WIREFRAMES

Theto topic mentioned in the lesson was "Wireframes" that helps the design process for website. Which the wireframes helps to structure out the elements of the pages and can make changes easily with the structure first, not the design as well as shows the navigation of the website. 

It's enables for the students to improve their website structure based on their functionality. Lecturer also mentioned that it's better to do wireframes first to show the clients in order to let us understand or choose the structure then only go to design. Because of the clients might be rejecting based on the design when the students starts putting the colours or design inside the wireframes.

WIREFRAMES SKETCHES & FLOWCHART


The first step of doing wireframes is to create a flowchart in order to know which categories to put. Flowchart shows the flow of the navigation that takes a important part in designing website.  After create the flowchart, then have to draw out sketches and the ideas and plan for execute the design. The sketches assists the students to know the best layout of the website. Because it's a sketches of the based structure for the website as well as it's a brainstorming session that allows the students to explore more and decide which one to proceed to develop more. 





USERFLOW & WIREFRAME SIZE & BEGIN OF DESIGNING WEBSITE




Lecturer had mentioned that website is like a shop, where we do sales, we communicate through website like we are talking to them, we want people to shop to see on our website.  Moreover, he also said that if the website looks expensive, audiences might don't want, due to the high quality. Same as how people shopping online, when they saw something expensive they will consider not to buy it. For the wireframe size, it has to be vary because of the differences display screen size for different devices, therefore the design has to be flexible.  After determined all the goals and elements, then begin to put the user flow as like the flowchart inside the wireframes. 

CONVERSION POINTS & FEEDBACK ON WIREFRAME

The lecturer emphasizes the importance of determining user flow through each step, selecting appropriate buttons, links, and page elements, and selecting accurate references based on related fields. Students should also understand copywriting and test wireframes before finalizing designs. Feedback from friends and peers can help make improvements or improvements.

Conversion Point

Feedback




Comments

Post a Comment

Popular posts from this blog

W5- Designing Layout Content with Video

Image
WEEK 5 PRACTICAL The week of showing progression of the references and the week of breaks that given by the lecturer.  The things that I get inspired and learned from the first reference is that the usage of the neautral colours, layout, text (font) and the spaces that created. Study the layout and the typography and how the designer plays with the colours to stand out the subject of the website using contrast. May apply the same effects but in neutral colours.  The airpods max website is a great reference to learn. Which what I've learned is that the structure, single column and two column layout as well as it's playing with the depth and the UI UX of the website. The references are all based on the style of my website banner design, and the references are for the purpose of study their layout, font, colours and their structure (Interface). LECTURE Video in Designing Layout Content The lecture explained about the usefulness of video when designing the website. It’s a great wa...
Read more

W1-Website design fundamentals

Image
WEEK 1 PRACTICAL During the first week practical, the lecturer was assigning us for the assignments that the students need to complete in the 14 weeks of the semester. Firstly, the students need to create a Pinterest board to shows the inspiration of the students from there for the assignments and create a blog page for the weekly journal for explaining the ideas that we get inspired by.  The images below are the styles that I get inspired by. Which they are all using a very interesting ways to create a creative designs by playing with contrast of the size of font, the font they are using are modern which is mostly Sans Serif and the simple but large subject matters (images) that can deliver the message directly and strong with the visuals.   I like the design of the UI and UX of them. Which they will move or the subject matter will slowly transforming  according to our movement of the cursor  and yet the designs are clean and simple by using a plain background ...
Read more

W13- Website Interface Development

Image
WEEK 13 PRACTICAL The week of developing the demo website in WIX. For the background colour of the website are using all white to stand out the informations and the images. Below are the desktop version for the client website. DESKTOP VERSION The main page / home page are showing the banner at first, we helped the client to make a new banner since they didn't have a actual banner for their own and also for website. According to the recent special day, we put the theme Mother's Day for the banner and under the banner will showcasing the best selling flowers of the brand. Moroever, it will let the users to click to choose their flowers by clicking the send flowers. For the About page will be showcasing and telling their history, brand mission and also core value of them. For the product page wll be showing all of their products inside. By clicking the categories at the panel beside, the users can choose the categories that they wanted to buy. Also, the price tag filter can also b...
Read more