various small fixes

uxkolip · Nov 13, 2023 · 7a8de9e · 7a8de9e
1 parent 475148b
commit 7a8de9e
Show file tree

Hide file tree

Showing 8 changed files with 59 additions and 66 deletions.
diff --git a/dist/Vasilis-Kolip-Sr-Product-Designer.pdf b/dist/Vasilis-Kolip-Sr-Product-Designer.pdf
diff --git a/dist/accusonus.html b/dist/accusonus.html
diff --git a/dist/microsoft.html b/dist/microsoft.html
diff --git a/dist/profile.html b/dist/profile.html
diff --git a/src/Vasilis-Kolip-Sr-Product-Designer.pdf b/src/Vasilis-Kolip-Sr-Product-Designer.pdf
diff --git a/src/accusonus.html b/src/accusonus.html
@@ -1202,54 +1202,49 @@ <h2 class="section-title">Sudden death</h2>
               <h2 class="section-title">Next project</h2>
             </div>
             <div class="col-12">
-              <div class="col-12 bg-secondary large-shadow border-radius the-border mt-4 position-relative" style="min-height: 400px;">
-                <div class="row p-5">
-                  <div class="col-12 col-lg-6">
-                    <img src="img/misc/logos/msft-logo-card.svg" alt="Microsoft logo" class="img-fluid" style="height: 34px;">
-                    <p class="font-weight-bold pt-2">Senior designer (full-time) <span class="badge bg-background the-border text-primary font-weight-normal smaller-4 ms-1">2019</span> <span class="badge bg-background the-border text-primary font-weight-normal smaller-4">2020</span>  <span class="badge bg-background the-border text-primary font-weight-normal smaller-4">2021</span>
-                    </p>
-                    <p class="mt-4">Power Automate desktop is a B2B Windows app that saves its users  time from doing repetitive tasks on their computers.</p>
-                    <p>Join me in the world of desktop automation and let's explore how an app created by a small company, became part of Windows 11.</p>
-                    <p class="mt-5">
-                      <a href="microsoft.html" class="btn btn-primary rounded-pill py-2 px-3 btn-lg" title="Click to view project page">View project
-                      </a>
-                    </p>
-                  </div>
-
-
-                  <div class="col-12 col-md-6 pe-md-5 ms-auto d-none d-lg-block position-relative me-5" style="max-width: 306px">
-
-                    <a href="microsoft.html" class="noUnderline stretched-link" title="Click to view project page">
-                      <video width="306" height="359" autoplay loop muted style="object-fit: cover;" class="border-radius the-border large-shadow">
-                        <source src="video/msft-persona.mp4" type="video/mp4">
-                        Your browser does not support the video tag.
-                      </video>
+            <div class="col-12 bg-secondary large-shadow border-radius the-border mt-4 position-relative" style="min-height: 400px;">
+
+              <div class="row p-5">
+                <div class="col-12 col-lg-6">
+                  <img src="img/misc/logos/voicemod-logo-card.svg" alt="Voicemod logo" class="img-fluid" style="height: 26px;">
+                  <p class="font-weight-bold pt-2">Senior staff product designer (full-time) <span class="badge bg-background the-border text-primary font-weight-normal smaller-4 ms-1">2022</span> <span class="badge bg-background the-border text-primary font-weight-normal smaller-4">2023</span>
+                  </p>
+                  <p class="mt-4">Voicemod is a B2C MacOS and Windows real-time voice changing app.</p>
+                  <p>Discover how I successfully reduced the app's uninstall rate by revamping the onboarding experience and conducting user testing with individuals who encountered difficulties during setup.</p>
+                  <p class="mt-5">
+                    <a href="voicemod.html" class="btn btn-primary rounded-pill py-2 px-3 btn-lg" title="Click to view project page">View project
                     </a>
+                  </p>
+                </div>                  
 
-                    <div class="col-12 bg-background position-absolute start-0 translate-middle ms-n4 border-radius large-shadow p-3" style="max-width: 210px; top: 100px;">
-                      <p class="lh-base mb-0">Process automation made <strong>easy</strong>.</p>
-                    </div>
-
-                    <div class="col-12 bg-background position-absolute start-0 translate-middle border-radius large-shadow p-3 ms-n4" style="max-width: 210px; top: 180px;">
-                      <p class="lh-base mb-0 smaller-2"><img src="img/misc/icons/icons8-clock-64.png" alt="Clock icon" style="height: 24px;" class="me-2 img-fluid align-bottom"/>...Process running</p>
-                    </div>
+                <div class="col-12 col-md-6 pe-md-5 ms-auto d-none d-lg-block position-relative me-5" style="max-width: 306px">
+
+                  <a href="voicemod.html" class="noUnderline stretched-link" title="Click to view project page">
+                    <video width="306" height="359" autoplay loop muted style="object-fit: cover;" class="border-radius the-border large-shadow">
+                      <source src="video/vm-persona.mp4" type="video/mp4">
+                      Your browser does not support the video tag.
+                    </video>
+                  </a>
 
-                    <div class="col-12 p-3 bg-primary position-absolute top-50 start-100 translate-middle mt-n3 ms-n4 border-radius" style="max-width: 148px;">
-                      <p class="font-weight-bold text-uppercase text-white mb-0 lh-sm">New UI/UX yields great reviews</p>
-                    </div>
+                  <div class="col-12 p-3 bg-primary position-absolute top20px start-100 translate-middle border-radius" style="max-width: 148px;">
+                    <p class="font-weight-bold text-uppercase text-white mb-0 lh-sm">Uninstall rate reduced by 80%</p>
+                  </div>
 
-                    <div class="col-12 position-absolute start-100 translate-middle ms-n4 bg-background border-radius p-3 large-shadow" style="max-width: 150px; top: 290px">
-                       <img src="img/misc/shapes/rating-stars.svg" alt="Rating stars logo icon" style="height: 12px;" class="me-2 img-fluid">
-                        <p class="text-primary lh-sm"><strong>4.4</strong> out of 5</p>
-                        <img src="img/misc/logos/gartner-logo.svg" alt="Gartner logo icon" style="height: 26px;" class="me-2 img-fluid align-bottom mb-1">
-                    </div>
+                  <div class="col-12 bg-light-purple position-absolute start-0 translate-middle border-radius large-shadow text-center p-0" style="max-width: 170px; top: 160px;">
+                    <p class="mb-0 p-1 bg-background border-radius mx-4 mt-3 position-absolute w-75">Streamer</p>
+                    <img src="img/misc/elements/streamer-mic-element.png" alt="Streamer mic element" style="height: 100%; width: 100%;" class="img-fluid">
+                  </div>
 
+                  <div class="col-12 bg-background large-shadow text-center position-absolute start-0 translate-middle py-2 border-radius" style="max-width: 170px; top: 280px;">
+                    <img src="img/misc/icons/streamer-icons.png" alt="Streamer icons" class="img-fluid" style="width: 104px;">
                   </div>
-                  
+
                 </div>
               </div>
+
             </div>
           </div>
+          </div>
         </div>
       </div>
     </section>

diff --git a/src/microsoft.html b/src/microsoft.html
@@ -1345,40 +1345,38 @@ <h2 class="section-title">Next project</h2>
 
               <div class="row p-5">
                 <div class="col-12 col-lg-6">
-                  <img src="img/misc/logos/voicemod-logo-card.svg" alt="Voicemod logo" class="img-fluid" style="height: 26px;">
-                  <p class="font-weight-bold pt-2">Senior staff product designer (full-time) <span class="badge bg-background the-border text-primary font-weight-normal smaller-4 ms-1">2022</span> <span class="badge bg-background the-border text-primary font-weight-normal smaller-4">2023</span>
+                  <img src="img/misc/logos/accusonus-logo.svg" alt="accusonus logo" class="img-fluid" style="height: 48px;">
+                  <p class="font-weight-bold pt-2">Senior UX designer (full-time) <span class="badge bg-background the-border text-primary font-weight-normal smaller-4 ms-1">2021</span> <span class="badge bg-background the-border text-primary font-weight-normal smaller-4">2022</span>
                   </p>
-                  <p class="mt-4">Voicemod is a B2C MacOS and Windows real-time voice changing app.</p>
-                  <p>Discover how I successfully reduced the app's uninstall rate by revamping the onboarding experience and conducting user testing with individuals who encountered difficulties during setup.</p>
+                  <p class="mt-4">With OgmaCast you can make online calls better with Spotify and voice tweaks.</p>
                   <p class="mt-5">
-                    <a href="voicemod.html" class="btn btn-primary rounded-pill py-2 px-3 btn-lg" title="Click to view project page">View project
+                    <a href="accusonus.html" class="btn btn-primary rounded-pill py-2 px-3 btn-lg" title="Click to view project page">View project
                     </a>
                   </p>
                 </div>                  
 
                 <div class="col-12 col-md-6 pe-md-5 ms-auto d-none d-lg-block position-relative me-5" style="max-width: 306px">
-
-                  <a href="voicemod.html" class="noUnderline stretched-link" title="Click to view project page">
-                    <video width="306" height="359" autoplay loop muted style="object-fit: cover;" class="border-radius the-border large-shadow">
-                      <source src="video/vm-persona.mp4" type="video/mp4">
-                      Your browser does not support the video tag.
-                    </video>
-                  </a>
-
-                  <div class="col-12 p-3 bg-primary position-absolute top20px start-100 translate-middle border-radius" style="max-width: 148px;">
-                    <p class="font-weight-bold text-uppercase text-white mb-0 lh-sm">Uninstall rate reduced by 80%</p>
-                  </div>
+
+                    <a href="accusonus.html" class="noUnderline stretched-link" title="Click to view project page">
+                      <video width="306" height="359" autoplay loop muted style="object-fit: cover;" class="border-radius the-border large-shadow">
+                        <source src="video/projectwire-persona.mp4" type="video/mp4">
+                        Your browser does not support the video tag.
+                      </video>
+                    </a>
 
-                  <div class="col-12 bg-light-purple position-absolute start-0 translate-middle border-radius large-shadow text-center p-0" style="max-width: 170px; top: 160px;">
-                    <p class="mb-0 p-1 bg-background border-radius mx-4 mt-3 position-absolute w-75">Streamer</p>
-                    <img src="img/misc/elements/streamer-mic-element.png" alt="Streamer mic element" style="height: 100%; width: 100%;" class="img-fluid">
-                  </div>
+                    <div class="col-12 bg-background position-absolute start-0 translate-middle ms-n4 border-radius large-shadow p-3" style="max-width: 210px; top: 100px;">
+                      <p class="lh-base mb-0">Add music to your <strong>online meetings</strong>.</p>
+                    </div>
 
-                  <div class="col-12 bg-background large-shadow text-center position-absolute start-0 translate-middle py-2 border-radius" style="max-width: 170px; top: 280px;">
-                    <img src="img/misc/icons/streamer-icons.png" alt="Streamer icons" class="img-fluid" style="width: 104px;">
-                  </div>
+                    <div class="col-12 bg-background position-absolute start-0 translate-middle border-radius large-shadow p-3 ms-n4" style="max-width: 210px; top: 180px;">
+                      <p class="lh-base mb-0 smaller-2"><img src="img/misc/icons/spotify-icon.svg" alt="Spotify icon" style="height: 24px;" class="me-2 img-fluid align-bottom"/>Using Spotify</p>
+                    </div>
 
-                </div>
+                    <div class="col-12 p-3 bg-accent position-absolute top-100 start-100 translate-middle mt-n4 ms-n4 border-radius" style="max-width: 148px;">
+                      <p class="font-weight-bold text-uppercase text-white mb-0 lh-sm">Give authority to your voice </p>
+                    </div>
+
+                  </div>
               </div>
 
             </div>

diff --git a/src/profile.html b/src/profile.html
@@ -832,7 +832,7 @@ <h2 class="accordion-header">
                 </h2>
                 <div id="flush-collapseThree" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                   <div class="accordion-body">
-                    <p>Figma, Sketch, Adobe Photoshop, Illustrator, Premiere, After Effects, InDesign, Lookback, Maze, Calendly, MS Office, GSuite and anything else that might be needed.</p>
+                    <p>Figma (or Sketch), Photoshop, Illustrator, Premiere, After Effects, Lookback, Dovetail, Maze, Calendly and anything else that might be needed.</p>
                   </div>
                 </div>
               </div>