{"id":329,"date":"2023-10-24T09:12:34","date_gmt":"2023-10-24T09:12:34","guid":{"rendered":"https:\/\/nellycamacho.co.uk\/journal\/?p=329"},"modified":"2023-11-02T20:49:01","modified_gmt":"2023-11-02T20:49:01","slug":"web-design-course-work","status":"publish","type":"post","link":"https:\/\/nellycamacho.co.uk\/journal\/web-design-course-work\/","title":{"rendered":"Web Design Course Work"},"content":{"rendered":"\n<p>I completed a Masters in Web Design &amp; Content Planning. Find all the assignments and projects I completed during this course.<\/p>\n\n\n\n<ul>\n<li><a href=\"#design\" title=\"\">Design for web content<\/a><\/li>\n\n\n\n<li><a href=\"#content\" title=\"\">Content management<\/a><\/li>\n\n\n\n<li><a href=\"#art\" title=\"\">Applied art for the web<\/a><\/li>\n\n\n\n<li><a href=\"#social\" title=\"\">Social media and SEO<\/a><\/li>\n\n\n\n<li><a href=\"#user\" title=\"\">User Experience Design<\/a><\/li>\n\n\n\n<li><a href=\"#fmp\" title=\"\">Final Major Project<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"design\">Design for web content<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Three design objects<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/nellycamacho.co.uk\/three-designs-html-only\/index.html\">The structural layer &#8211; HTML<\/a><\/h4>\n\n\n\n<p>To create one homepage and three sub-pages using HTML5 to showcase the three examples of good design.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/nellycamacho.co.uk\/three-designs-pluscss\/index.html\">The presentation layout &#8211; CSS<\/a><\/h4>\n\n\n\n<p>To create a style sheet for my three designed objects website.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/nellycamacho.co.uk\/three-designs-colours\/index.html\">Images, colour and typography<\/a><\/h4>\n\n\n\n<p>Use CSS to control and design typography, and to improve my images positioning and sizes.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/nellycamacho.co.uk\/three-designs\/index.html\">CSS Selectors and Finishing Touches<\/a><\/h4>\n\n\n\n<p>Finalise my project making the markup leaner, optimizing images, checking all links are working and paying attention to the visual design.<\/p>\n\n\n\n<p><a href=\"http:\/\/nellycamacho.co.uk\/journal\/category\/design-for-web-content\/\">Related blog posts<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Small Business Website<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/nellycamacho.co.uk\/Botticelli\/index.html\">Botticelli &#8211; Art and Craft Supplies<\/a><\/h4>\n\n\n\n<p>To build a website for a small local business retail outlet based in a small town in the southeast of England.<\/p>\n\n\n\n<p><a href=\"http:\/\/nellycamacho.co.uk\/journal\/category\/small-business-website\/\">Related blog posts<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Content management<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">The Behavioural Layer<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/nellycamacho.co.uk\/greeting\/index.html\">Greetings from Nelly!<\/a><\/h4>\n\n\n\n<p>Create a webpage and use JavaScript to write a different greeting display depending on the time of day.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Seminar<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/nellycamacho.co.uk\/seminar\/details-element-nelly.pdf\">HTML&nbsp;<code>&lt;details&gt;<\/code>&nbsp;element &#8211; presentation<\/a><\/h4>\n\n\n\n<p>To explain what is the HTML&nbsp;<code>&lt;details&gt;<\/code>&nbsp;element, and how it is used. Also, explain if this element moves HTML in a new direction.<\/p>\n\n\n\n<p><a href=\"http:\/\/nellycamacho.co.uk\/journal\/html-element\/\">Related blog posts<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Small Business website- Revisited<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/nellycamacho.co.uk\/Botticelli-revisited-223\/index.php\">Botticello &#8211; Art and Craft Supplies &#8211; Revisited<\/a><\/h4>\n\n\n\n<p>A revised\/improved version, mobile first approach, of the small business website.<\/p>\n\n\n\n<p><a href=\"http:\/\/nellycamacho.co.uk\/journal\/small-business-website-revisited-botticelli\/\">Related blog post<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"art\">Applied art for the web<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Introduce yourself<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/nellycamacho.co.uk\/profile\/index.html\">Create a single page profile design<\/a><\/h4>\n\n\n\n<p>Create digital wireframes of your design and experiment with typography and colour schemes to create a personal profile page.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Typesetting Literature<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/nellycamacho.co.uk\/the-little-prince\/index.html\">Present a piece of literature with a suitable typeface<\/a><\/h4>\n\n\n\n<p>To choose a piece of literature to create a website of a minimum of three pages, focusing on typeface, colour scheme and no using images or any other visual aid.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Sprill roll-over design<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/nellycamacho.co.uk\/cta-sprite-nelly\/index.html\">CTA: Sprite roll-over<\/a><\/h4>\n\n\n\n<p>To create a single webpage showing one CTA rollover via a single sprite image, using SVG with PNG fallbacks.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Film Promotion<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/nellycamacho.co.uk\/jurassic-park-1993\/index.php\">Jurassic Park 1993<\/a><\/h4>\n\n\n\n<p>To create a promotional web campaign to announce the opening of the first showing at a local venue.<\/p>\n\n\n\n<p><a href=\"http:\/\/nellycamacho.co.uk\/journal\/category\/applied-art-for-the-web\/\">Related blog posts<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"social\">Social media and SEO<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Marketing Report<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/nellycamacho.co.uk\/seo-report\/SEOReport-nellycamacho-001110474.pdf\">Social media and SEO marketing report<\/a><\/h4>\n\n\n\n<p>Marketing report including analysis of the site as it stands and recommendations on how to improve any identified problems<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"user\">User Experience Design<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">10 things&#8230; article<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"http:\/\/nellycamacho.co.uk\/journal\/10-things-you-should-know-about-ux-research-and-design\/\">10 things you should know about UX Research and Design.<\/a><\/h4>\n\n\n\n<p>10 things&#8230; article about UX research and design, covering all the things I learnt during the two workshops.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"fmp\">Final Major Project<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Phase 1 &#8211; Concept<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/nellycamacho.co.uk\/fmp\/business-and-cultural-context-nelly.pdf\">Business and Cultural Context<\/a><\/h4>\n\n\n\n<p>Presentation explaining the general business environment in which you are working and an exploration of the wider context within which your project is set.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Phase 2 &#8211; Planning<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/nellycamacho.co.uk\/fmp\/commodity-presentation-nelly.pdf\">Commodity<\/a><\/h4>\n\n\n\n<p>The commodity presentation describes the website content.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/nellycamacho.co.uk\/fmp\/Firmness-nelly.pdf\">Firmness<\/a><\/h4>\n\n\n\n<p>This presentation describes what technologies I will be using in the implementation of my project and explains the rationale and the research that has informed my decisions.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/nellycamacho.co.uk\/fmp\/delight-nelly.pdf\">Delight<\/a><\/h4>\n\n\n\n<p>The delight presentation is about the visual design of my proposal, showing some wireframes and a&nbsp;<a href=\"https:\/\/nellycamacho.co.uk\/fmp\/style-tile\/index.html\">style tile.<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Phase 3 &#8211; Prototype<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/nellycamacho.co.uk\/fmp\/prototype\/index.html\">Demonstration and Schedule of Works<\/a><\/h4>\n\n\n\n<p>Prototype of my website and schedule of work.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Completion<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/nellycamacho.co.uk\/fmp\/Final-presentation-tintoatfive.pdf\">Final Presentation<\/a><\/h4>\n\n\n\n<p>In this presentation I will talk about the project, from concept to final website.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">My Website<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/tintoatfive.com\/\">Tinto at Five<\/a> <\/h4>\n\n\n\n<p>Website where local shops and home-based businesses will have the opportunity to introduce their services and their stories to the users, increasing the awareness of the Latin American community among the UK residents.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/nellycamacho.co.uk\/fmp\/TintoatFive-FinalReport-NellyCamacho.pdf\">Final Report<\/a><\/h4>\n\n\n\n<p>Compilation of all the previous reposts to explain the process I went through.<\/p>\n\n\n\n<p><a href=\"http:\/\/nellycamacho.co.uk\/journal\/category\/final-major-project\/\">Related blog posts<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Find out more about the different assignments and projects I completed during my Masters degree in Web Design and Content Planning.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[1],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/nellycamacho.co.uk\/journal\/wp-json\/wp\/v2\/posts\/329"}],"collection":[{"href":"https:\/\/nellycamacho.co.uk\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nellycamacho.co.uk\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nellycamacho.co.uk\/journal\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nellycamacho.co.uk\/journal\/wp-json\/wp\/v2\/comments?post=329"}],"version-history":[{"count":13,"href":"https:\/\/nellycamacho.co.uk\/journal\/wp-json\/wp\/v2\/posts\/329\/revisions"}],"predecessor-version":[{"id":352,"href":"https:\/\/nellycamacho.co.uk\/journal\/wp-json\/wp\/v2\/posts\/329\/revisions\/352"}],"wp:attachment":[{"href":"https:\/\/nellycamacho.co.uk\/journal\/wp-json\/wp\/v2\/media?parent=329"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nellycamacho.co.uk\/journal\/wp-json\/wp\/v2\/categories?post=329"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nellycamacho.co.uk\/journal\/wp-json\/wp\/v2\/tags?post=329"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}