-
Notifications
You must be signed in to change notification settings - Fork 0
/
proj-bus-connxus.html
5 lines (4 loc) · 9.67 KB
/
proj-bus-connxus.html
1
2
3
4
5
<!DOCTYPE html><html lang="en-US"><head><!--google analytics script--><script async src="https://www.googletagmanager.com/gtag/js?id=UA-136697979-1"></script><!--font icons--><script src="https://kit.fontawesome.com/cef8a422eb.js" crossorigin="anonymous"></script><script>window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-136697979-1');</script><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><!--page meta data--><meta name="description" content="Ying Liang's digital web portfolio containing coding, business, design, and user experience projects"><meta property="og:title" content="Ying Liang's Digital Portfolio"><meta property="og:description" content="Business, Tech, and Design"><meta property="og:image" content="img/social.png"><meta property="og:url" content="https://yingliang.me"><meta name="twitter:card" content="img/social.png"><title>Connxus Rebranding</title><link rel="apple-touch-icon" sizes="180x180" href="img/touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="img/fav-icon.png"><!--page fonts--><link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600&family=Roboto:wght@400;700&family=Roboto+Mono:wght@300;400&display=swap" rel="stylesheet"><!--css stylesheets--><link rel="stylesheet" type="text/css" href="css/global-style.css"><link rel="stylesheet" type="text/css" href="css/connxus-style.css"></head><body><header><nav aria-label="main"><a href="index.html">Ying Liang<span class="sr">: homepage</span></a> <a href="about.html">About<span class="sr"> me</span></a> <a href="business.html">Business <span class="sr">projects</span></a> <a href="coding.html">Coding <span class="sr">projects</span></a> <a href="design.html">Design <span class="sr">projects</span></a></nav></header><!--page-content--><main><section class="noTopMar" id="intro"><h1 class="noTopMar">ConnXus Rebranding</h1><h2>Project Goal</h2><p>To reinforce brand equity with updated designs assets for ConnXus, a <abbr data-title="Business to Business">B2B</abbr> <span class="sr">(Business to Business)</span> company offering Supplier Relationship Management software.</p></section><section id="summary"><ol class="projNotes noTopMar" start="0"><li><h3>Process</h3></li><li>Brand Assessment</li><li>Competitve Analysis</li><li>Stakeholder Interviews</li><li>Gaps/Opportunities Identified</li><li>Iterative Design with Feedback</li><li>Finalized Deliverables/Transition</li></ol><ul class="projNotes"><li><h3>Tools Used</h3></li><li>Adobe Photoshop <abbr data-title="Creative Cloud">CC</abbr> <span class="sr">(Creative Cloud)</span></li><li>Adobe Illustrator CC</li><li>Adobe InDesign CC</li><li>Salesforce Pardot<sup>*</sup></li><li>Hootsuite <abbr data-title="Social Media Management System">SMM</abbr><span class="sr"> (Social Media Management System)</span><sup>*</sup></li><li>WordPress/Google Analytics*</li></ul><ul class="projNotes"><li><h3>Deliverables</h3></li><li><em>Brand Identity Suite:</em> style guide, templates, letter heads, business cards</li><li><em>Digital Assets:</em> social media/evergreen posts, HTML newsletters<sup>*</sup></li><li><em>Content:</em> C-Suite ghostwriting, blogs, social media strategy, content strategy<sup>*</sup></li><li><em>Conference Material:</em> branded products, flyers, pop-up banners</li></ul><small>(<sup>*</sup>beyond rebranding project scope)</small></section><article class="noBotMar"><section class="icons"><h3>Old Icons</h3><figure><img alt="scorecard icon" src="img/conn-card-old.png"></figure><figure><img alt="database icon" src="img/conn-db-old.png"></figure><figure><img alt="risk detexion icon" src="img/conn-detex-old.png"></figure><figure><img alt="economic impact icon" src="img/conn-eir-old.png"></figure><figure><img alt="myconnxion icon" src="img/conn-mycon-old.png"></figure><figure><img alt="portal icon" src="img/conn-portal-old.png"></figure><figure><img alt="smartscrub icon" src="img/conn-scrub-old.png"></figure><figure><img alt="smartsearch icon" src="img/conn-search-old.png"></figure><figure><img alt="connxsmart icon" src="img/conn-smart-old.png"></figure><figure><img alt="mysuppliers icon" src="img/conn-supp-old.png"></figure><figure><img alt="tier1 icon" src="img/conn-tier1-old.png"></figure><figure><img alt="tiertracker icon" src="img/conn-track-old.png"></figure></section><section class="icons"><h3>New Icons</h3><figure><img alt="scorecard icon" src="img/conn-card-color.svg"></figure><figure><img alt="database icon" src="img/conn-db-color.svg"></figure><figure><img alt="risk detexion icon" src="img/conn-detex-color.svg"></figure><figure><img alt="economic impact icon" src="img/conn-eir-color.svg"></figure><figure><img alt="myconnxion icon" src="img/conn-mycon-color.svg"></figure><figure><img alt="portal icon" src="img/conn-portal-color.svg"></figure><figure><img alt="smartscrub icon" src="img/conn-scrub-color.svg"></figure><figure><img alt="smartsearch icon" src="img/conn-search-color.svg"></figure><figure><img alt="connxsmart icon" src="img/conn-smart-color.svg"></figure><figure><img alt="mysuppliers icon" src="img/conn-supp-color.svg"></figure><figure><img alt="tier1 icon" src="img/conn-tier1-color.svg"></figure><figure><img alt="tiertracker icon" src="img/conn-track-color.svg"></figure></section><section class="icons"><h3>One-Color Version</h3><figure><img alt="scorecard icon" src="img/conn-card-one.svg"></figure><figure><img alt="database icon" src="img/conn-db-one.svg"></figure><figure><img alt="risk detexion icon" src="img/conn-detex-one.svg"></figure><figure><img alt="economic impact icon" src="img/conn-eir-one.svg"></figure><figure><img alt="myconnxion icon" src="img/conn-mycon-one.svg"></figure><figure><img alt="portal icon" src="img/conn-portal-one.svg"></figure><figure><img alt="smartscrub icon" src="img/conn-scrub-one.svg"></figure><figure><img alt="smartsearch icon" src="img/conn-search-one.svg"></figure><figure><img alt="connxsmart icon" src="img/conn-smart-one.svg"></figure><figure><img alt="mysuppliers icon" src="img/conn-supp-one.svg"></figure><figure><img alt="tier1 icon" src="img/conn-tier1-one.svg"></figure><figure><img alt="tiertracker icon" src="img/conn-track-one.svg"></figure></section><section class="icons"><h3>Small Version</h3><figure><img class="smallIcon" alt="scorecard icon" src="img/conn-card-small.svg"></figure><figure><img class="smallIcon" alt="database icon" src="img/conn-db-small.svg"></figure><figure><img class="smallIcon" alt="risk detexion icon" src="img/conn-detex-small.svg"></figure><figure><img class="smallIcon" alt="economic impact icon" src="img/conn-eir-small.svg"></figure><figure><img class="smallIcon" alt="myconnxion icon" src="img/conn-mycon-small.svg"></figure><figure><img class="smallIcon" alt="portal icon" src="img/conn-portal-small.svg"></figure><figure><img class="smallIcon" alt="smartscrub icon" src="img/conn-scrub-small.svg"></figure><figure><img class="smallIcon" alt="smartsearch icon" src="img/conn-search-small.svg"></figure><figure><img class="smallIcon" alt="connxsmart icon" src="img/conn-smart-small.svg"></figure><figure><img class="smallIcon" alt="mysuppliers icon" src="img/conn-supp-small.svg"></figure><figure><img class="smallIcon" alt="tier1 icon" src="img/conn-tier1-small.svg"></figure><figure><img class="smallIcon" alt="tiertracker icon" src="img/conn-track-small.svg"></figure></section><section class="flyers"><h3>Old Flyers<span class="viewPDF" aria-hidden="true"></span></h3><a class="fileLink" href="file/conn-flyers-old.pdf"><img alt="old flyers" src="img/conn-old-flyer-prev.png"></a><iframe title="old flyers" class="pdf" src="file/conn-flyers-old.pdf"></iframe></section><section class="flyers"><h3>New Flyers<span class="viewPDF" aria-hidden="true"></span></h3><a class="fileLink" href="file/conn-flyers-new.pdf"><img alt="new flyers" src="img/conn-new-flyer-prev.png"></a><iframe title="new flyers" class="pdf" src="file/conn-flyers-new.pdf"></iframe></section><section id="style"><h3>Updated Style Guide <span class="viewPDF" aria-hidden="true"></span></h3><a class="fileLink" href="file/conn-style-guide.pdf"><img alt="style guide" src="img/conn-logo.png"></a><iframe title="style guide" class="pdf" src="file/conn-style-guide.pdf"></iframe></section><section class="noBotMar" id="brand"><h3>Sample Branding</h3><figure class="card"><img alt="business card front" src="img/conn-bcard-ft.svg"><h3>Business Card Front</h3></figure><figure class="card"><img alt="business card back" src="img/conn-bcard-bk.svg"><h3>Business Card back</h3></figure><figure id="banner" class="noBotMar"><img alt="conference banner" src="img/conn-banner.svg"></figure></section></article></main><!--global footer--><footer><a data-title="LinkedIn" href="https://linkedin.com/in/ying-liang"><i class="fab fa-linkedin-in" aria-hidden="true"></i> <span class="sr">LinkedIn</span> </a><a data-title="Codepen" href="http://codepen.io/ying-liang"><i class="fab fa-codepen" aria-hidden="true"></i> <span class="sr">CodePen</span> </a><a data-title="Github" href="http://github.com/ying-liang"><i class="fab fa-github" aria-hidden="true"></i> <span class="sr">Github</span> </a><a data-title="Instagram" href="https://www.instagram.com/ying.aling/"><i class="fab fa-instagram" aria-hidden="true"></i> <span class="sr">Instagram</span> </a><a data-title="Email" href="mailto:liangy.mu@gmail.com"><i class="far fa-envelope" aria-hidden="true"></i><address class="sr">Liangy.mu@gmail.com</address></a><small id="copyright"></small></footer><!--current year copyright--><script>document.getElementById("copyright").innerHTML = "©" + new Date().getFullYear() + " Ying Liang. All Rights Reserved.";</script></body></html>