Web Design and Production

  ASSIGNMENT 1 WEBSITE ELEMENTS Things that I have to do for this Assigment 1 is to: 1) Create a basic logo for my own personal brand 2) Create a website banner 3) Develop my C.V 4) Compile all of the development progress on my E-Portfolio blog. - My final logo - My website banner - My final C.V Click here to see my progression for Assignment 1:

  ASSIGNMENT 2 PORTFOLIO WEBSITE Things that I have to do for this Assigment 2 is to: 1) Fill in the slide with my progress 2) Design my website interfaces based on the wireframes & mock ups 3) Fill in the elements and details (copywritting, images, video etc) - Check out my Assigment 2 progression by clicking this link below: Assignment 2 slide - Click this link below to see my Final Website page: My Personal Website - Click this link below to see my Video Showreel: My Video Showreel

  ASSIGNMENT 3 CLIENT WEBSITE Things that I have to do for this Assigment 1 is to: 1) Fill in the slide with my progress 2) Design my client website interfaces based on the wireframes & mock ups 3) Fill in the elements and details (copywriting, images, video etc) -  Check out my Assigment 2 progression by clicking this link below : Assignment 3 slide - Below this link is my client's original website: Client's Website   - Click this link below to see our Final design of the Client Website page: Final Design - Client's Website - Welcome page: - About page: - Product / Service Expertise page: - Featured Product / Service page: - Product / Services page: - FAQ page: - Contact page:

  Week 1 Lecture -  This is our first lecture class, and I found it quite interesting because this is my first time knowing about what is a Blog and how the designers use it to upload all their portfolios in it. I also learned to use Pinterest to save all the designs that I like in my collections , about the web and how it works, and undertsand about what is the meaning of UX & UI. Tutorial -  Form a group of 4 - 5 person for this Flip Group Presentation. Each member have to present 3 slides of our favourite website designer / studio, including listing out type of works that they produced. My group will be presenting on week 4 in the lecture class. Click here to see our Flip Presentation slide: Pratical -   During the practical class, Mr Fauzi teaches us to learn how to create our own Blogger, Pinterest, and YouTube page.

Week 2 Lecture -  In this lecture class, I learned about the p rinciples of designing a webiste. Firstly, the purpose of setting the foundation, create a content that gives the meaning, having a high - quality visuals to keep people engaged, harmony to make a design better, knowing about typography shapes perception, organization unifies, colours set the tone, white space that creates balance, visual hierarchy keeps navigation simple and authenticity fosters trust. I also learned that how important is to design a clean content.      Today our class also having the Flip Group Presentation from Group 1. The group have presented their own favourite website designers / studio which is Web Ninja Studio, Maroon Studio, Jumix, Corsiva Lab and Imagint. This group dosen't have any Q&A section is because their the first group to present, and that time Q&A section has not been asked. Below here is the prove of their presentation. Tutorial -   In this tutorial class...

  Week 3 Lecture -   Today I learned about what is a website layout and how to create a good website layout. Mr Fauzi showed us how does a website header, page body, navigation menu, website footer looks like. I also learned different kinds of layout such as single column layout, two column layout, split-screen layout, asymmetrical layout and grid layout.      Today our class also having the Flip Group Presentation from Group 2. The group have presented their own favourite website designers / studio which is Bike Bear, Henz Studio, Juno Design, Walk Production and Designville Studio. They have been provided a few Q&A questions. Below here shows their questions and answers : Out of these 5 studios, if you were to choose one to do an internship with, which would you choose? Bike Bears, because their works are of very different styles, and we can learn a lot from it. Which company has Juno Designer cooperated with? R&RGallery What did you learn from this fl...

Week 4 Lecture -   Learned about how to use images to create a good website layout. First step is by using meaningful, high-quality imagery. Secondly, follow a basic rules of photography. Third, knowing that composition is they key. Fourth, incorporate graphic icons for better usability. Fifth, communicate data with infographics and charts.       Today our class also having the Flip Group Presentation from Group 3, which is my group. Our group have presented our own favourite website designers / studio which is Xantec, Jasdesigner, Kang Xiang, Bike Bear and Corsiva Lab. We have been provided a few Q&A questions. Below here shows our questions and answers : Why did you choose “Jasdesigner” as your favorite web studio? Because their style is similar to mine, which is minimalism. I also liked their minimalist designs. What makes “Jasdesigner” famous? Elegance, simple & minimalist Which company design did you like the most? I like “Jasdesigner” because of th...

  Week 5 Lecture -  Today I learned how to create a good website layout using video. Firstly, we have to include the most relevant work. Secondly, select the best portfolio work. Next, we have to tell a story. Fourth, it is important to pay attention to the quality and music. Lastly, creating the showreel by thinking this of it as an ad. Mr Fauzi also show us many samples of showreel including his own.      Today our class also having the Flip Group Presentation from Group 4. The group have presented their own favourite website designers / studio which is Lie Studio, Snap, Spring Design, Web Ninja and Kreative Hub Studio. They have been provided a few Q&A questions. Below here shows their questions and answers : What is your favorite out of the 5? Lie Studio Where is spring design located? PJ, Selangor Which design style do you like the most ? LIE studio as they not only focus in one style but can do styles based on customers needs Why did you choose Kreativ...

  Week 6 Lecture -  In this lecture, I learned what is a website wireframes and how a website wireframes improves the design process. Firstly, by identifying the goal of the website. Secondly, we have to understand the user flow. Thirdly, determine our website wireframe size. Fourth, begin our website wireframe design. Fifth, determine conversion points. Sixth, get feedback on the wireframe.       Today our class also having the Flip Group Presentation from Group 5. The group have presented their own favourite website designers / studio which is Oui Will, Bel Koo, Studio20, Gurlstudio and LF Creative Group. They have been provided a few Q&A questions. Below here shows their questions and answers :     1. What do you like about Bel Koo studio?      A: Minimal, neat and clean design.      2. Why do you choose Bel Koo as your First choice?      A: Bel Koo is a one of the top graphic designer in Ma...

  Week 7   Lecture -   Learned  about the goals of a website layout. Firstly, is about the visual hierarchy. Secondly, is about reading the pattern. Third, abouve the fold. Fourth, grid system. Fifth, white space.       Today our class also having the Flip Group Presentation from Group 6. The group have presented their own favourite website designers / studio which is Brandripe, Karuna, Fictionist Studio and Asterisk Design Studio. They have been provided a few Q&A questions. Below here shows their questions and answers :     1. Which portfolio that you like the most for Fictionist Studio?     A: I like the packaging design because the design has variety styles, we can learn a lot from it.     2. For Asterisk Design Studio, what do you think of the design of their company?     A: For their website design, I think is demon style and dark style. This is the thing I like, because it...

  Week 8 Lecture -  Today lecture's class, I learned about what is CMS (Content Management System) and what is WordPress. Mr Fauzi also show us a video about teaching beginners to use WordPress. WordPress have a lot of theme and the Top 6 are Astra, Monochrome, OceanWP, Brisko, Opta  and Remake.       Today our class also having the Flip Group Presentation from Group 7. The group have presented their own favourite website designers / studio which is Maroon Studio, Cubeevo, Walk Production and Corsiva Lab. They have been provided a few Q&A questions. Below here shows their questions and answers :     1  : For Maroon Studio what is gamification/ar ? Can give example ?      A :   Their environment and their studio is very creative for me.     2  : For Cubeevo, what sets this company apart from others?      A : Their profile and works are more modern than others.      ...

  Week 9 Lecture -  In this lecture class, I l earned about  what is WordPress Plug In. Mr Fauzi also teaches us how to install a WordPress Plugin.      Today our class also having the Flip Group Presentation from Group 8. This group have only 1 question due to the time limit. Below here shows their question and answer :     1 : Can you guys show the namewee website ?      A :   *Then they show the website from the slide.* Below here is the prove of their presentation. Tutorial   -   Today is the submission for the website and the video showreel. So far I'm quite satisfied for my design because everything is what I wanted my website to look like.   Practical -  I need to form a group of 2 members to do our new assigment 3 which is called "Client Website". Basically, the first step is to find a client that has their own business and help them to design or redesign a new website. I have a cousin brother w...

  Week 10 Lecture -  In this lecture class, Mr Fauzi taught us what is S.E.O whi ch stands for Search engine optimization.       And we also learned about why is SEO so important?      We also learned about what are the benefits of seo? Firstly, SEO leads to more traffic. Secondly, SEO leads to consistent traffic. Thirdly, SEO leads to 'free' traffic.       Today our class also having the Flip Group Presentation from Group 9. I didnt' took picture of them presenting but I recorded their q&a session. There are a total of 3 Studios in this group: 1. Xwork Digital Agency 2. Brand Soul 3. Web Ninja Studio Below here shows their question and answer : 1: What is your favorite web ninja project? A : The Youmee project in term of their color and design 2: Among these 3 studio, which one can help you get inspiration in designing your client website? A : Brand Soul, their logo design very interesting. 3: Which studio is...

  Week 11 Lecture -  In this lecture class, we learned about what is a website frameworks?     The Responsive Web Design Framework are Foundation, Bootstrap, Vue.js, Skeleton and The UI Kit.      Today our class also having the Flip Group Presentation from Group 10. I didnt' took picture of them presenting but I recorded their q&a session. There are a total of 6 Studios for this group: 1) Wowoni Sdn Bhd  2) Undoubt Studio 3) Double & Two 4) Maroon Studio 5) Jasdesigner  6) CR8 Consultancy Below here shows their questions and answers: 1: Among the studios, which studio has the best design which suit with your Assigment 3? A : Wowoni Sdn Bhd, the style is more suite with my ASG 3. The project they did before also same with my ASG 3 which is a cafe. Their style is clean and neat. 2: Will you do website design as your main in the future? A : Yes, because the UI/UX big trend in future. 3: If u guys as a team were to open a design studio, ...