{"id":194,"date":"2025-02-08T21:14:17","date_gmt":"2025-02-08T21:14:17","guid":{"rendered":"https:\/\/ridj.uk\/content\/?p=194"},"modified":"2025-02-10T17:05:25","modified_gmt":"2025-02-10T17:05:25","slug":"project-brief-portfolio-website","status":"publish","type":"post","link":"https:\/\/ridj.uk\/content\/2025\/02\/08\/project-brief-portfolio-website\/","title":{"rendered":"Project Brief: Portfolio Website"},"content":{"rendered":"\n

1. Project Goals<\/h3>\n\n\n\n

The goal of this portfolio website is to display both my design and development skills<\/strong>, making it an effective tool for attracting employers and recruiters<\/strong>. I want this website to serve as a professional showcase<\/strong> that I can be proud of, demonstrating my creativity, technical expertise, and unique approach to web design. To engage with my employers and recruiters my portfolio is to be as forward as possible and easy to navigate<\/strong>. I am to display all my works and codes that will showcase my professionalism<\/strong> and my ability to apply the best practices<\/strong> while coding. <\/p>\n\n\n\n

<\/div>\n\n\n\n

2. Target Audience<\/strong><\/h3>\n\n\n\n
    \n
  • Recruiters & Employers:<\/strong> Individuals looking for skilled web designers and developers.<\/li>\n\n\n\n
  • General Audience:<\/strong> Anyone interested in my services and skills.<\/li>\n<\/ul>\n\n\n\n

    I will target recruiters and employers as my goal is to be able to have an opening in a tech company in Luxembourg. Thus I will also have my portfolio in English and French as most of the Luxembourg companies are bilingual companies. <\/p>\n\n\n\n

    <\/div>\n\n\n\n

    3. Website Structure & Content<\/strong><\/h3>\n\n\n\n

    The website will consist of multiple sections designed to effectively present my skills and experience:<\/p>\n\n\n\n

      \n
    • Homepage:<\/strong> A visually striking page highlighting my design skills<\/strong>, showcasing my best work with a clean and interactive layout.<\/li>\n\n\n\n
    • About Me Page:<\/strong> A mix of formal and informal content to introduce both my personal and professional background<\/strong>. This page will reflect my personality while maintaining a professional tone. I will also have an interactive timeline<\/strong> of my educational background over the years to display my path to becoming a web designer. <\/li>\n\n\n\n
    • Projects Portfolio:<\/strong>\n
        \n
      • MA Web Design Projects<\/strong>: A showcase of the projects completed during my Master\u2019s in Web Design and Content Planning<\/strong>.<\/li>\n\n\n\n
      • Graphic Designs:<\/strong> Insights into my graphic design that I made for my websites.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
      • Contact & Socials:<\/strong>\n
          \n
        • Easy access to my social media links<\/strong> and professional profiles.<\/li>\n\n\n\n
        • A clear call-to-action (CTA)<\/strong> for visitors to contact me effortlessly.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n
          <\/div>\n\n\n\n

          3.1 Prototype of the website\/my vision<\/h3>\n\n\n\n
          \n

          Simple and light homepage. Option to switch from light to dark mode.<\/p>\n<\/div>

          \"\"<\/figure><\/div>\n\n\n\n
          <\/div>\n\n\n\n
          \"\"<\/figure>
          \n

          About me page with hero image and introduction followed by a grid layout of my different work completed over the years.<\/p>\n<\/div><\/div>\n\n\n\n

          <\/div>\n\n\n\n
          \n

          A compilation of my work I completed during my MA web design and content planning. <\/p>\n<\/div>

          \"\"<\/figure><\/div>\n\n\n\n
          <\/div>\n\n\n\n
          \"\"<\/figure>
          \n

          An example of how I want to present my work. <\/p>\n<\/div><\/div>\n\n\n\n

          <\/div>\n\n\n\n
          <\/div>\n\n\n\n

          4. Visual & Branding Approach<\/strong><\/h3>\n\n\n\n
            \n
          • Color Scheme:<\/strong> A black and orange<\/strong> theme for a modern and professional look.<\/li>\n\n\n\n
          • Typography:<\/strong>\n
              \n
            • Bold & striking font<\/strong> for headers.<\/li>\n\n\n\n
            • Formal yet readable font<\/strong> for body text, ensuring a balance between playfulness and professionalism.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
            • Imagery:<\/strong>\n
                \n
              • Black and white portraits<\/strong> of myself to maintain a sophisticated and cohesive visual identity.<\/li>\n\n\n\n
              • Minimalist layout<\/strong> with carefully placed detailed design elements to subtly showcase my skills.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n
                <\/div>\n\n\n\n
                \n
                \"\"<\/figure>\n\n\n\n
                \"\"<\/figure>\n<\/figure>\n\n\n\n
                \"\"<\/figure>\n\n\n\n

                5. Technical Approach & Features<\/strong><\/h3>\n\n\n\n
                  \n
                • Front-end Development:<\/strong>\n
                    \n
                  • The website will be fully hand-coded<\/strong> to demonstrate my HTML, CSS, and JavaScript<\/strong> skills.<\/li>\n\n\n\n
                  • Well-written, structured, and annotated code<\/strong> to highlight best coding practices.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                  • Interactivity & Animation:<\/strong>\n
                      \n
                    • Inclusion of 3D objects<\/strong> and interactive animations<\/strong> to showcase my 3D modeling and web animation<\/strong> skills.<\/li>\n\n\n\n
                    • Smooth transitions and engaging UI\/UX elements<\/strong> to enhance user experience.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                    • Usability & Accessibility:<\/strong>\n
                        \n
                      • The website will be easy to navigate<\/strong>, ensuring a seamless experience for visitors.<\/li>\n\n\n\n
                      • Responsive design to optimize for any devices views<\/strong>.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n
                        <\/div>\n\n\n\n

                        6. Success Criteria<\/strong><\/h3>\n\n\n\n

                        To evaluate the effectiveness of my portfolio, I will measure success based on:<\/p>\n\n\n\n

                          \n
                        • User Engagement:<\/strong> Visitor interactions, time spent on site, and feedback.<\/li>\n\n\n\n
                        • Recruitment Opportunities:<\/strong> Number of job offers, interviews, or collaborations initiated through the portfolio.<\/li>\n\n\n\n
                        • Aesthetic & Technical Execution:<\/strong> Ensuring the site remains visually appealing, professional, and technically sound.<\/li>\n<\/ul>\n\n\n\n

                          This portfolio will serve as a reflection of my expertise<\/strong> in both design and development, reinforcing my ability to create aesthetically pleasing, well-coded, and user-friendly websites.<\/p>\n\n\n\n

                          <\/div>\n","protected":false},"excerpt":{"rendered":"

                          1. Project Goals The goal of this portfolio website is to display both my design and development skills, making it an effective tool for attracting employers and recruiters. I want this website to serve as a professional showcase that I can be proud of, demonstrating my creativity, technical expertise, and unique approach to web design. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-194","post","type-post","status-publish","format-standard","hentry","category-my-content-task-1"],"_links":{"self":[{"href":"https:\/\/ridj.uk\/content\/wp-json\/wp\/v2\/posts\/194","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ridj.uk\/content\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ridj.uk\/content\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ridj.uk\/content\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ridj.uk\/content\/wp-json\/wp\/v2\/comments?post=194"}],"version-history":[{"count":9,"href":"https:\/\/ridj.uk\/content\/wp-json\/wp\/v2\/posts\/194\/revisions"}],"predecessor-version":[{"id":217,"href":"https:\/\/ridj.uk\/content\/wp-json\/wp\/v2\/posts\/194\/revisions\/217"}],"wp:attachment":[{"href":"https:\/\/ridj.uk\/content\/wp-json\/wp\/v2\/media?parent=194"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ridj.uk\/content\/wp-json\/wp\/v2\/categories?post=194"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ridj.uk\/content\/wp-json\/wp\/v2\/tags?post=194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}