https://jennagassier.com Jenna Gassier Thu, 11 Oct 2018 22:55:32 +0000 https://jennagassier.com en https://jennagassier.com/Home Thu, 19 Oct 2017 17:04:55 +0000 Jenna Gassier https://jennagassier.com/Home ︎ Hello I am a Franco-American UX + Product Designer (Who really likes to doodle) <img width="2000" height="924" width_o="2000" height_o="924" data-src="https://freight.cargo.site/t/original/i/f6f0a5eb8eecf41450af5d49ae5112a006f6d088cd8ff2b1d0675521068e9ddb/Process.png" data-mid="13745617" border="0" src="https://freight.cargo.site/w/1000/i/f6f0a5eb8eecf41450af5d49ae5112a006f6d088cd8ff2b1d0675521068e9ddb/Process.png" /> <img width="4400" height="1600" width_o="4400" height_o="1600" data-src="https://freight.cargo.site/t/original/i/c283d022904eb9879670fbd39983b3642e5bf2a671f9e95d1aaf3538b3a60a11/Golin-Website-Redesign.png" data-mid="26029611" border="0" src="https://freight.cargo.site/w/1000/i/c283d022904eb9879670fbd39983b3642e5bf2a671f9e95d1aaf3538b3a60a11/Golin-Website-Redesign.png" /><img width="4400" height="1600" width_o="4400" height_o="1600" data-src="https://freight.cargo.site/t/original/i/bf85b5906d9457fa1f26a43f9fe90c3c693397e61dbd0b90ef4e770c419af35a/P3-FP-tile.png" data-mid="9080715" border="0" src="https://freight.cargo.site/w/1000/i/bf85b5906d9457fa1f26a43f9fe90c3c693397e61dbd0b90ef4e770c419af35a/P3-FP-tile.png" /><img width="2200" height="800" width_o="2200" height_o="800" data-src="https://freight.cargo.site/t/original/i/4ed737acb17106ca8c48badffdfc5abf10d6b47e791e12567573ce878f94198d/P3-FP-tile.png" data-mid="14615241" border="0" src="https://freight.cargo.site/w/1000/i/4ed737acb17106ca8c48badffdfc5abf10d6b47e791e12567573ce878f94198d/P3-FP-tile.png" /><img width="4400" height="1600" width_o="4400" height_o="1600" data-src="https://freight.cargo.site/t/original/i/4f7419322fce2ad6bd4606fd9b036e3d9d7afc1904610f6983b10b83a6308133/P5-FP-tile.png" data-mid="6173391" border="0" src="https://freight.cargo.site/w/1000/i/4f7419322fce2ad6bd4606fd9b036e3d9d7afc1904610f6983b10b83a6308133/P5-FP-tile.png" /><img width="4400" height="1600" width_o="4400" height_o="1600" data-src="https://freight.cargo.site/t/original/i/9a9d5534fbac993134dee4f05adbfbbc1a5d6f78d0e05728f14af8aeabefe7ff/P2-FP-tile.png" data-mid="6173902" border="0" src="https://freight.cargo.site/w/1000/i/9a9d5534fbac993134dee4f05adbfbbc1a5d6f78d0e05728f14af8aeabefe7ff/P2-FP-tile.png" /> https://jennagassier.com/Golin-Intro Tue, 02 Oct 2018 01:37:57 +0000 Jenna Gassier https://jennagassier.com/Golin-Intro <img width="1600" height="1190" width_o="1600" height_o="1190" data-src="https://freight.cargo.site/t/original/i/428f23ecbfc56f2d8a07efba9550bd271f9dc06af204e325b708cdbb63ce2fae/Golin-First-Slide-V2.png" data-mid="26040458" border="0" src="https://freight.cargo.site/w/1000/i/428f23ecbfc56f2d8a07efba9550bd271f9dc06af204e325b708cdbb63ce2fae/Golin-First-Slide-V2.png" /> GOLIN Golin is a global digital content, marketing and PR firm︎ I’ve been working with them for a while now, and our team was offered the opportunity to redesign the global website https://jennagassier.com/Golin-Summary Tue, 02 Oct 2018 01:39:48 +0000 Jenna Gassier https://jennagassier.com/Golin-Summary Client: Golin Platform: Responsive website Duration: 2 Months Role: Researcher, Strategist, Information Architect, UX Designer and Visual Designer Methods: User Research, Sketching/Wireframes, Usability Testing and Prototyping Tools: Sketch, Whiteboard, Pen and Paper, Invision Team: 5 (Interaction Designer, Project Manager, 2 Back-End Developers, UX/UI Designer) <img width="1600" height="1190" width_o="1600" height_o="1190" data-src="https://freight.cargo.site/t/original/i/963a558ac2696990dacd4a774ba65d061adc1f8a9792daaac1ae00e030d2050a/Golin-Second-Slide.png" data-mid="26037491" border="0" src="https://freight.cargo.site/w/1000/i/963a558ac2696990dacd4a774ba65d061adc1f8a9792daaac1ae00e030d2050a/Golin-Second-Slide.png" /> https://jennagassier.com/Golin-Process Tue, 02 Oct 2018 01:40:37 +0000 Jenna Gassier https://jennagassier.com/Golin-Process THE PROCESS ︎ Discover ︎ Ideate &amp; Design︎ Test &amp; Iterate︎ Build &amp; Deliver https://jennagassier.com/Golin-Challenges Tue, 02 Oct 2018 01:41:12 +0000 Jenna Gassier https://jennagassier.com/Golin-Challenges ︎ Pain Points Miscommunications&nbsp;about the brand messaging (who we are, what we do, the services we provide) Very short turn around ︎ Goals Create a fresh new website for their relaunch Deliver clear, and concise messaging about the company Increase conversion for the Golin Agency Make the mobile and desktop user experience as seamless as possible︎ Opportunities Create a responsive, accessible solution Design modular components usable within a wordpress template https://jennagassier.com/Golin-Ideation Tue, 02 Oct 2018 01:41:56 +0000 Jenna Gassier https://jennagassier.com/Golin-Ideation IDEATE &amp; DESIGN Methods &amp; Tools Sketching, Whiteboard, Prioritization Matrix, Site Maps ChallengesCreating an intuitive sitemap for an easy navigation throughout the websiteDeveloping a modular block system without having the final assets and messagingBreaking down all the content on the website to understand what are the chore values and messaging Prioritization Developing a practical information architecture&nbsp;Creating adaptable blocks. The goal of this project is to design mutliple wordpress modules that can be implemented for different use cases (a block that can be used for case studies as well as blog articles for example)Being mindful of how each module will stack on mobile <img width="6761" height="2713" width_o="6761" height_o="2713" data-src="https://freight.cargo.site/t/original/i/24849e67511c94ea07a21153603865785b423213173468bb4258f33101deaf4a/IMG_9602.JPG" data-mid="26035075" border="0" src="https://freight.cargo.site/w/1000/i/24849e67511c94ea07a21153603865785b423213173468bb4258f33101deaf4a/IMG_9602.JPG" /> <img width="2288" height="1286" width_o="2288" height_o="1286" data-src="https://freight.cargo.site/t/original/i/cb7078379d9aff95e1768726638322178225ebe179a6c12947d22b1f5c326f32/Screen-Shot-2018-10-11-at-2.27.07-PM.png" data-mid="26039524" border="0" src="https://freight.cargo.site/w/1000/i/cb7078379d9aff95e1768726638322178225ebe179a6c12947d22b1f5c326f32/Screen-Shot-2018-10-11-at-2.27.07-PM.png" /> <img width="2282" height="1282" width_o="2282" height_o="1282" data-src="https://freight.cargo.site/t/original/i/c5b85c738ae7e0222a591b4418c4102dae3af46f750132fb677aca8475806888/Screen-Shot-2018-10-11-at-2.27.19-PM.png" data-mid="26039526" border="0" src="https://freight.cargo.site/w/1000/i/c5b85c738ae7e0222a591b4418c4102dae3af46f750132fb677aca8475806888/Screen-Shot-2018-10-11-at-2.27.19-PM.png" /> https://jennagassier.com/Golin-Iterations Thu, 11 Oct 2018 21:57:24 +0000 Jenna Gassier https://jennagassier.com/Golin-Iterations TEST &amp; ITERATE Method: Paper Prototype, Wireframing, User Testing Tools: Sketch, Invision <img width="1924" height="914" width_o="1924" height_o="914" data-src="https://freight.cargo.site/t/original/i/ecfdf964fa4fd6df3fd92657f5b10a737de48eb03155ae4c0ea59edbbe5a6778/Module-4---Tile-Block-UX2.png" data-mid="26041442" border="0" src="https://freight.cargo.site/w/1000/i/ecfdf964fa4fd6df3fd92657f5b10a737de48eb03155ae4c0ea59edbbe5a6778/Module-4---Tile-Block-UX2.png" /> ︎ Initial PrototypeFeedback from testing• Each module needs to be as adaptable as possible. I developed 4 different modular blocks that can be used for different purposes: case studies, blogs post, call outs, video or image heavy content etc... • It was very important to create guard rails within wordpress so that the esthetic stays consistent, and the building of each page remains intuitive and easy to use for the admin team https://jennagassier.com/Golin-Ideation-2 Thu, 11 Oct 2018 21:19:00 +0000 Jenna Gassier https://jennagassier.com/Golin-Ideation-2 <img width="660" height="1190" width_o="660" height_o="1190" data-src="https://freight.cargo.site/t/original/i/b45c5d99665f65de3f3e06cd7d3b7de070130627423b606971ab2c94bfdb7232/Golin-Wires-1.png" data-mid="26038943" border="0" src="https://freight.cargo.site/w/660/i/b45c5d99665f65de3f3e06cd7d3b7de070130627423b606971ab2c94bfdb7232/Golin-Wires-1.png" />About Us <img width="660" height="1342" width_o="660" height_o="1342" data-src="https://freight.cargo.site/t/original/i/fe791b04e5f9354c2abc52c5c0f8c48f3f7f1db6c71a3bffae92e06704b2713e/Golin-Wires-2.png" data-mid="26039011" border="0" src="https://freight.cargo.site/w/660/i/fe791b04e5f9354c2abc52c5c0f8c48f3f7f1db6c71a3bffae92e06704b2713e/Golin-Wires-2.png" /> Our Work <img width="660" height="1256" width_o="660" height_o="1256" data-src="https://freight.cargo.site/t/original/i/6adf72af5d2546bdd78a99d881d377940791cfb783577911d4fb15d512600525/Golin-Wires-3.png" data-mid="26038974" border="0" src="https://freight.cargo.site/w/660/i/6adf72af5d2546bdd78a99d881d377940791cfb783577911d4fb15d512600525/Golin-Wires-3.png" /> Home Page https://jennagassier.com/Golin-UI-1 Thu, 11 Oct 2018 22:17:43 +0000 Jenna Gassier https://jennagassier.com/Golin-UI-1 BUILD &amp; DELIVERUI Design ︎&nbsp;Brand Guidelines Once functionality, reliability and usability were taken care of, we shifted the focus on to providing a pleasant experience One of the main challenge for the UI phase was to respect the brand guidline (black and gold) while shifting the entire website from a black background to a white background. How do we keep the contrast that already exists and makes the call to actions so prominent?The other challenge that I always find fun is how to optimize the load time of the website? What are the decisions that I can make that’ll help this website be the fastest and easiest to use?<img width="2096" height="1286" width_o="2096" height_o="1286" data-src="https://freight.cargo.site/t/original/i/e6119c57b34e260ff383dfad43cba856a4ef51f8780148d945e39ff023050e5d/Screen-Shot-2018-10-11-at-4.55.32-PM.png" data-mid="26046325" border="0" src="https://freight.cargo.site/w/1000/i/e6119c57b34e260ff383dfad43cba856a4ef51f8780148d945e39ff023050e5d/Screen-Shot-2018-10-11-at-4.55.32-PM.png" /> An example from the brand guideline <img width="1440" height="3233" width_o="1440" height_o="3233" data-src="https://freight.cargo.site/t/original/i/fa4b06a679538cee2d0cd8cb8bf5e80dbd34caf1e793307b8967ad24e444360e/Careers.png" data-mid="26042451" border="0" src="https://freight.cargo.site/w/1000/i/fa4b06a679538cee2d0cd8cb8bf5e80dbd34caf1e793307b8967ad24e444360e/Careers.png" /> <img width="1440" height="3615" width_o="1440" height_o="3615" data-src="https://freight.cargo.site/t/original/i/74e15d7a8a6da1d20238dc8f07a047162a96edb4857da8804729c5cbc6eedc48/Work.png" data-mid="26042411" border="0" src="https://freight.cargo.site/w/1000/i/74e15d7a8a6da1d20238dc8f07a047162a96edb4857da8804729c5cbc6eedc48/Work.png" /> <img width="1440" height="7467" width_o="1440" height_o="7467" data-src="https://freight.cargo.site/t/original/i/a447323fdc0750102c9051f9c3de5948bb063a38e6907c8a7632814e6c01db6c/Abous-Us.png" data-mid="26042484" border="0" src="https://freight.cargo.site/w/1000/i/a447323fdc0750102c9051f9c3de5948bb063a38e6907c8a7632814e6c01db6c/Abous-Us.png" /> https://jennagassier.com/Golin-Conclusion Thu, 11 Oct 2018 22:55:32 +0000 Jenna Gassier https://jennagassier.com/Golin-Conclusion CONCLUSION ︎ What I’ve learned Creating a modular solution was proven to be hard work. Figuring out the key components from the get go, and anticipating the Golin admin team’s needs was crucial in succeeding at this project. You (sadly) can’t please everyone. Once again it was an interesting challenge balancing the needs of the user versus the needs of the admin team. But I’m getting better at this!&nbsp; Developing a style guide and instructions to use the different modules was and interesting challenge and I learned a lot from it. I felt like I was making the instructions for Ikea furniture. I initially tried creating one hand off document for both the admin team and the dev team (trying to be efficient for such a quick turnaround) That was a big mistake! Know your audience. ︎ Next steps In phase 2 we will be working on creating an interactive map for all the different offices that Golin counts for. The website will be launched no later than late October 2018, and I’m very excited to share it with you guys!