Wednesday, February 27, 2019
An Assignment on Web Design
I accept been given the task to jut out a web base personal portfolio of myself aimed at authorisation employers. The website functions as an online resume for employers to view at their leisure. It pass on have number of foliateboys check offing data that would be sought after(prenominal) by employers. The arm essential be designed in a expressive style that would petition to employers in the field I wish to be hired in. I have chosen to advertise myself as a student studying to be a softw atomic number 18 engineer.Goals The inventned website moldiness be at least five scalawags in length, must be designed to accommodate my soft touch audience organism possible employers, must have a consistent and portion structure and should have an appropriate and pleasing visual design. Implementation is non necessary for this project. In line of battle to best suit the plan website to the target audience I plan to rent two persona of possible employers and from them four scenarios, the task but requires one(a) persona and two scenarios but I bank that one is not enough to cover all authorization employers.In order to make possible implementation successful the kernel of the website must be outlined, organized, categorizes and the right way structured. Along with the organized content a series of wire frames give be made displaying the physical layout of the website as well as the fixture of the content within the rapscallions. Accompanying the wire frames a series of blind mock ups will be supplied displaying a potential style to be used.These will come with a style guide detailing features in the mock ups. Audience Analyzing my target audience is the most important divisor in creating a successful weapon. A proper analysis stack result in features of the weapon that will successfully entice my target audience, being potential employers, to properly browse the weapon. A penny-pinching way to analyses a target audience is through the c reation of persona.A persona is the visibleness of an imaginary person that displays thee characteristics common to a target audience. beneath ar two persona with two scenarios each. Persona 1 Mark founding father of a new software company l am flavor to build up my software company Mark Hayward is a young enterpriser looking to build his software company Seasons, a company started by Mark and a a couple of(prenominal) of his friends from University. He is looking to hire almost more people to hyperbolise his company.Name Mark Hayward character reference Intelligent and aspirant Role Founder of his Software Company Male * Age 26 * Full Time * Upper Middle class * Intelligent * enkindle in software * Organized * Motivated * Ambitious * young Goals * blast his company * Create innovative products * Become a major role player in IT Motivations * A fierce interest in software * A need for accomplishment Scenario 1 . Mark is looking for a few University students studying I T to hire as armature software engineers in order to expand his software company. Upon a quick web search he sees a link to my online portfolio.Upon browsing the weapon he sends me an electronic mail offer me an interview. 2. I hear Marks Software Company is hiring armature software engineers, I watch his e-mail address and send him an e-mail with a link to my online portfolio. He sees my e-mail and follows the link. After browsing the weapon he sends me an email go me an interview. Persona 2 Shame Employment manager at tag Valley l manage employment for the software company code Valley Shame Mason is the employment manager at Code Valley. He searches for potential employees for the company and puts them through the interview process.Name Shame Mason Type Office worker, middle aged Role Employment manager list Characteristics * Age 45 * Upper-Middle class Steady life * Dedicated to his blood * Has a steady life * Work hard and climb the embodied ladder * Improve his standar d of living * Do a advantageously Job * Climbing the ladder * Making money * Doing a good Job 1 . Shame is looking for possible employees in the early by offering internships to university students. He searches for potential employees on the internet and finds a link to my personal portfolio. After browsing the weapon he sends me an e-mail offering me an interview 2.I meet Shame at a careers expo, I write down the URL of my online personal portfolio and give it to him. A few weeks later he visits my arsenal portfolio and after browsing it sends me an e-mail offering me an interview. Content Outline & Structure Content outline Home rogue The home page will be fairly underlying containing a picture of myself and a few lines of text edition welcoming the potential employer to the site. It will be of the same design as all other pages with golf links along the top linking to the other pages. About page The intimately page will be more complex than the home page.It will contain a p icture of myself alongside one-third nations of text. The first area of text will be a quote relating to the profession I consent to enter, being software engineering. The two other areas of text will be of a smaller size and relate to my professional experiences and personal life. This pages adjudicate is to educate the potential employer on what kind of person I am as well as what work related experiences I have had that would make me a strong client for a position in their company. Contact page The contact pages purpose is to give the potential employer an indulgent and quick way to send me messages or Job offers on the weapon.I deliberate its very important to offer an almost effortless way of contacting me so as to remove the possibility of being removed as a potential employee due to being difficult to contact. The page itself is fairly bare, it consists of three text areas for user input and headings labeling them. The first text area is for the promise of the person c ontacting me, the second is for their email so I can serve to their messages and the third is for the actual message. The button below the last text area when clicked will sent the inputted data to me as an email. Qualifications The qualifications page is a strictly informative page.It contains details of any certificates or other official enfranchisement I possess in drop down menus. When in gouge form all that is displayed is the title of the certification, when expanded a worth verbal description is supplied along with a PDF download link of the official document. References The references page Contains a series of tiles containing details of references I have received. Each tile contains a title of where I gained the reference as well as a brief description of the reference and a PDF download of the letter of than my own. put Map beneath is the site map for my plan website.It displays all the pages planned as well as what pages link to each other. Being such a small webs ite all pages link to each other to leave behind potential employers to browse easily. Wire Frames Wireless for any planned page are displayed below. All wireless are made using adobe Fireworks CSS. Home paginate Below is the planned layout of the Home page. About Page Below is the planned layout of the About page. Contact page Below is the planned layout of the Contact page. Qualifications Page Below is the planned layout of the Qualifications page. Employment Page Below is the planned layout of the Employment page.Visual Design Style Guide Below is the basic style guide of my planned website. Elements like font styles and sizes as well as some hexadecimal color codes for a few split of the page. None of Hess designs are definite as the limitations of HTML and CSS have not been fully taken into account. understate Image file repeated Background Image file repeated coping(h2o) size opt, Font Bauhaus 93 Heading (Hal) size opt, Font Bauhaus 93 Content background EDDIED repe ated Borders OFF, hale Text(p) size opt, Font Bauhaus 93 Image Screen Mock-ups Below are my try out mock ups for every page planned.They were all created using adobe brick Fireworks CSS. Home Page Below is the screen out mock-up of the Home page. Below is the screen mock-up of the About page. Contact Page Below is the screen mock-up of the Contact page. Below is the screen mock-up of the Qualifications page. Below is the screen mock-up of the Employment page. Inspirational pages Below are two pages I took inspiration from in creating my own page. Jason Julienne http//Association. Com/about/ Jeff Finley http//www. Finley. Rag/about/ Design Rationale The task I was given was to design a web based personal portfolio of myself aimed at potential employers, its purpose being to function as a resume. I believe that the weapon I have designed would fulfill the requirements of this assignment as well as the requirements of any potential employer that may view it if it is implemented. A n important part in designing this weapon was to consider what kind of profession I would be interested in entering, this idea changed the entire way the website was arranged and what content was include .For example if I had chosen graphic design I would have had to include a number of works I had been convolute in as well as samples of those works. The profession I chose to centering on was software engineering this meant that introductory works were not included as they were not as important as qualifications and previous Jobs to potential employers. This change can be seen in he layout of the website having a page for qualifications and a page for references instead of pushing qualifications and references into one page and including previous works.The layout of this weapon was made to be simple. I believe that in a weapon focusing on advertising only one person complexity is pretentious and unnecessary. This is why I have made every page accessible by any single page. The la yout is made so that every page is split into two obvious areas, navigation and content. passim designed to be simple because a potential employer merely skims resumes, he or she never spends hours getting in depth with Just one. why would a potential employer treat an online resume any different?An element of this weapon that I didnt look into in depth was the visual design, the design used is made to be nothing but aesthetically pleasing. If the weapon was to be implemented I may revisit this element and choose a visual design more themed around technology. This may appeal to people hiring in IT professions more than the one that is currently displayed. The web page designed in the above pages is simple but I believe it achieves exactly what it was designed to do, function as an online resume aimed at potential employers.