zebra.ie Details

Select the tabs below for more information

Share This
Share On Facebook Share On Twitter Share On Google Share On LinkedIn Pinterest Email



zebra.ie Domain Thumbnail

zebra.ie

zebra.ie

www.zebra.ie

Social Media Link Popularity

Ads By Google

Server Information

  • Hosting Country: United States
  • I.P. Address: 207.150.212.40
  • Server: Apache
  • Status: HTTP/1.1 200 OK

SEO Title & Meta Tags

Title: Conor Sexton | Digital Product Design | Portfolio

Summary

Toggle navigation Menu Conor Sexton Introduction Contact Would you like to know more? Introduction    Full CV Introduction After over 15 years of designing digital products within every industry, labels start to blur. I loosely call myself a UX Designer as the user experience is, and has always been the single most important consideration in the design process. Whatever you want to call yourself, product design is always about the user. Over 15 years experience in digital product design and implementation. Diverse industry experience; including sports, entertainment, enterprise, telecommunications and financial compliance. Extensive history designing user experiences for high-profile

Domain and IP Whois Lookup Tool

Lookup Domain and IP Ownership Records:

Whois Information

DNS Information

Lookup DNS Records:

NS (Name Server) records are:

  • adns.cs.siteprotect.com
  • bdns.cs.siteprotect.com

MX (Mail Exchanger) records are:

  • mail.zebra.ie

A records are:

  • host: zebra.ie
  • class: IN
  • ttl: 5292
  • type: A
  • ip: 207.150.212.40
DNS Information

HTML Source

HTML Head Source:

			<html lang="en">

<!-- 

Hello! 

Thanks for taking the time to look at my source code. I hope you find what you're looking for.  

If you're looking for a UX/UI Designer who knows their way around a webpage, then look know further. Pop out of console view, and goto the "Contact" section of my page. 

Kthxbye,
Conor 

-->

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <meta http-equiv="cache-control" content="max-age=0" />
    <meta http-equiv="cache-control" content="no-cache" />
    <meta http-equiv="expires" content="0" />
    <!-- <meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" /> -->
    <meta http-equiv="pragma" content="no-cache" />

    <title>Conor Sexton | Digital Product Design | Portfolio</title>

    <!-- Bootstrap Core CSS -->
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
    <link href='https://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700' rel='stylesheet' type='text/css'>

    <!-- Theme CSS -->
    <!-- <link href="css/agency.min.css" rel="stylesheet"> -->
    <link href="css/agency.css" rel="stylesheet">

<!-- Conor's Analytics. I'm watching you watching me. -->
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-93831894-1', 'auto');
  ga('send', 'pageview');

</script>
<!-- Start of Woopra Code -->
<script>
(function(){
        var t,i,e,n=window,o=document,a=arguments,s="script",r=["config","track","identify","visit","push","call","trackForm","trackClick"],c=function(){var t,i=this;for(i._e=[],t=0;r.length>t;t++)(function(t){i[t]=function(){return i._e.push([t].concat(Array.prototype.slice.call(arguments,0))),i}})(r[t])};for(n._w=n._w||{},t=0;a.length>t;t++)n._w[a[t]]=n[a[t]]=n[a[t]]||new c;i=o.createElement(s),i.async=1,i.src="//static.woopra.com/js/w.js",e=o.getElementsByTagName(s)[0],e.parentNode.insertBefore(i,e)
})("woopra");

woopra.config({
    domain: 'zebra.ie'
});
woopra.track();
</script>
<!-- End of Woopra Code -->



			

HTML Body Source:

			<body id="page-top" class="index">


    <!-- Navigation -->
    <nav id="mainNav" class="navbar navbar-default navbar-custom navbar-fixed-top">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header page-scroll">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
                </button>
                <a class="navbar-brand page-scroll" href="#page-top">Conor Sexton</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li class="hidden">
                        <a href="#page-top"></a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#services">Introduction</a>
                    </li>
<!--                     <li>
                        <a class="page-scroll" href="#about">Career</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#portfolio">Portfolio</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#team">About Me</a>
                    </li> -->
                    <li>
                        <a class="page-scroll" href="#contact">Contact</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>

    <!-- Header -->
    <header>
        <div class="container">
            <div class="intro-text">
                <div class="intro-lead-in"><!-- Hello world. -->Would you like to know more?</div>
                <!-- <div class="intro-heading">It's Nice To Meet You</div> -->
                <a href="#services" class="page-scroll btn btn-xl">Introduction</a>&nbsp;&nbsp;&nbsp;
                <a href="http://www.zebra.ie/private/" class="page-scroll btn btn-xl" style="background: #4caf50; border: 0px;">Full CV</a>
            </div>
        </div>
    </header>

    <!-- Services Section -->
    <section id="services">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">Introduction</h2>
                    <h3 class="section-subheading text-muted"><br>

                        After over 15 years of designing digital products within every industry, labels start to blur.  I loosely call myself a UX Designer as the user experience is, and has always been the single most important consideration in the design process.  <br><br>Whatever you want to call yourself, product design is always about the user.<br><br>



                        <ul>
                            <li>Over 15 years experience in <strong>digital product design</strong> and <strong>implementation</strong>.
</li>
                            <li>Diverse industry experience; including sports, entertainment, enterprise, telecommunications and financial compliance.</li>
                            <li>Extensive history designing user experiences for <strong>high-profile clients</strong>, such as Sky, AIB, Bank of Ireland, HSBC, Manchester United, FC Barcelona.</li>
                            <li>At home in lead design roles, from conception to delivery, within <strong>Agile</strong> environments.</li>
                            <li>Background of <strong>coding</strong> in development environments.</li>
                            <li>2+ years experience <strong>managing</strong> own tech start-up.</li>
                        </ul>
                        
                    </h3>
                </div>
            </div>
            <div class="row text-center">
                <div class="col-md-4">
                    <span class="fa-stack fa-4x">
                        <i class="fa fa-circle fa-stack-2x text-primary"></i>
                        <i class="fa fa-desktop fa-stack-1x fa-inverse"></i>
                    </span>
                    <h4 class="service-heading">UI Design</h4>
                    <p class="text-muted">I have been designing intuitive user interfaces for over 10 years. I am experienced with responsive sites, enterprise applications and SaaS models. Bad design is my enemy.</p>
                </div>
                <div class="col-md-4">
                    <span class="fa-stack fa-4x">
                        <i class="fa fa-circle fa-stack-2x text-primary"></i>
                        <i class="fa fa-object-group fa-stack-1x fa-inverse"></i>
                    </span>
                    <h4 class="service-heading">UX Work</h4>
                    <p class="text-muted">The user should always be the first consideration. In my experience, wireframing, prototyping and user testing are the cornerstone of developing any digital product.</p>
                </div>
                <div class="col-md-4">
                    <span class="fa-stack fa-4x">
                        <i class="fa fa-circle fa-stack-2x text-primary"></i>
                        <i class="fa fa-code fa-stack-1x fa-inverse"></i>
                    </span>
                    <h4 class="service-heading">Under the Hood</h4>
                    <p class="text-muted">I believe to understand digital product design you need to have worked at the coal face. I built my own designs for many years, and worked with front and back-end developers on large scale solutions.</p>
                </div>
            </div>

<!--             <div class="row">
                <div class="col-md-4 text-center">
                    •   Web Design
•   Wireframing
•   Photoshop
•   Responsive Design


                </div>
                <div class="col-md-4 text-center">
                    HTML
•   CSS
•   Bootstrap
•   JQuery
                </div>
                <div class="col-md-4 text-center">
                    •   UI/UX Development
•   Technical Writing
•   Analytics
•   Email Marketing
                </div>
            </div> -->

            <div class="skillsetBox">
            <h4>Skillset</h4>
                UI Design
                •   UX Design
                •   Interaction Design
•   Wireframing
•   Prototyping
•   Sitemapping
•   Storyboarding
•   Photoshop
•   Sketch
•   Agile Team Experience 
•   Jira 
•   Responsive Design
•   HTML
•   CSS
•   Bootstrap
•   JQuery
•   Technical Writing
•   Analytics
•   Email Marketing
•   WordPress
•   Confluence 
•   Communication Skills 
•   Axure
            </div>


        </div>
    </section>

    


    <!-- Contact Section -->
    <section id="contact">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">Contact Me</h2>
                    <!-- <h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3> -->
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <form name="sentMessage" id="contactForm" novalidate>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <input type="text" class="form-control" placeholder="Your Name *" id="name" required data-validation-required-message="Please enter your name.">
                                    <p class="help-block text-danger"></p>
                                </div>
                                <div class="form-group">
                                    <input type="email" class="form-control" placeholder="Your Email *" id="email" required data-validation-required-message="Please enter your email address.">
                                    <p class="help-block text-danger"></p>
                                </div>
                                <div class="form-group">
                                    <input type="tel" class="form-control" placeholder="Your Phone *" id="phone" required data-validation-required-message="Please enter your phone number.">
                                    <p class="help-block text-danger"></p>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <textarea class="form-control" placeholder="Your Message *" id="message" required data-validation-required-message="Please enter a message."></textarea>
                                    <p class="help-block text-danger"></p>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                            <div class="col-lg-12 text-center">
                                <div id="success"></div>
                                <button type="submit" class="btn btn-xl">Send Message</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>

    <footer>
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <span class="copyright">Copyright &copy; Conor Sexton 2018</span>
                </div>
                <div class="col-md-4">
                    <ul class="list-inline social-buttons">
                        <li><a href="https://twitter.com/conorsexton" target="_blank"><i class="fa fa-twitter"></i></a>
                        </li>
                        <!-- <li><a href="#"><i class="fa fa-facebook"></i></a>
                        </li> -->
                        <li><a href="http://www.linkedin.com/in/conor-sexton" target="_blank"><i class="fa fa-linkedin"></i></a>
                        </li>
                    </ul>
                </div>
                <div class="col-md-4">
<!--                     <ul class="list-inline quicklinks">
                        <li><a href="#">Privacy Policy</a>
                        </li>
                        <li><a href="#">Terms of Use</a>
                        </li>
                    </ul> -->
                </div>
            </div>
        </div>
    </footer>

    <!-- Portfolio Modals -->
    <!-- Use the modals below to showcase details about your portfolio projects! -->

    <!-- Portfolio Modal 1 -->
    <div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="close-modal" data-dismiss="modal">
                    <div class="lr">
                        <div class="rl">
                        </div>
                    </div>
                </div>
                <div class="container">
                    <div class="row">
                        <div class="col-lg-8 col-lg-offset-2">
                            <div class="modal-body">
                                <!-- Project Details Go Here -->
                                <h2>Envoy</h2>
                                <p class="item-intro text-muted"><!-- Bespoke Parcel Delivery Business Site --></p>
                                
                                <p>
                                    The brief for the Envoy website was to provide a consumer-friendly interface allowing individuals easily book a parcel for collection and delivery. The site uses very few images, relying instead on font icons for visuals.<br><br>
                                    The logos, branding and all associated marketing materials were designed by me, and the site was built by myself and a back-end developer. The backend was written using vue.js.
                                <p>
                              
                                
                                <p></p>
                                <img class="img-responsive img-centered" src="img/portfolio/envoy01a.jpg" alt="">
                                <img class="img-responsive img-centered" src="img/portfolio/envoy07a.png" alt="">
                                <img class="img-responsive img-centered" src="img/portfolio/envoy04.png" alt="">
                                <img class="img-responsive img-centered" src="img/portfolio/envoy03.png" alt="">
                                <img class="img-responsive img-centered" src="img/portfolio/envoy05.png" alt="">
                                <img class="img-responsive img-centered" src="img/portfolio/envoy06.png" alt="">
                                <img class="img-responsive img-centered" src="img/portfolio/envoy02.png" alt="">
                                <img class="img-responsive img-centered" src="img/portfolio/envoy09.png" alt="">
                                <img class="img-responsive img-centered" src="img/portfolio/envoy08.png" alt="">
                                <p>
                                <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close Project</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Portfolio Modal 2 -->
    <div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="close-modal" data-dismiss="modal">
                    <div class="lr">
                        <div class="rl">
                        </div>
                    </div>
                </div>
                <div class="container">
                    <div class="row">
                        <div class="col-lg-8 col-lg-offset-2">
                            <div class="modal-body">
                                <h2>Level 3</h2>
                                <p class="item-intro text-muted"><!-- Cloud Content Exchange --></p>
                                <p>
                                    Cloud Content Exchange is a bespoke file sharing service aimed at companies in the entertainment sector who need to share very large files globally.<br><br>
                                    As the UX/UI designer in the Level 3 development team, I was tasked with designing the product, starting with the user journey, and moving on to the wireframes, prototyping, and ultimately the HMTL, CSS and graphics. With sole ownership of the front-end design - user experience, interaction, and UI - I was involved in every decision in relation to features and implementation.<br><br>Based on User Stories I would wireframe each feature for discussion with a globally-based team.  Following approval of designs I would build the front-facing UI and work with the front and back-end developers to bring the elements together in sprints.<br><br>Stakeholders for this project included Fox TV with whom we had regular calls to get user feedback to inform the UX process.

                                </p>
                                <p>
                                    <b>Wireframing</b><br><br>
                                    After user stories were complete, I began wireframing the solution using Axure, which enabled me to share the drafts via URL with teams in Dublin and Denver. The interactive wireframes becamse the basis for discussion throughout the creative and development processes.<br><br>Below are live screenshots, and some original lo-fi prototypes can be viewed here: <a href="http://9fe17x.axshare.com/" target="_blank">http://9fe17x.axshare.com/</a>
                                    <br><br>Press Release <a href="http://www.csimagazine.com/csi/Level-3-unveils-Cloud-Content-Exchange.php" target="_blank">here</a>.
                                    
                                </p>


                                    

                                <p></p>
                                
                                <p></p>
                                <img class="img-responsive img-centered" src="img/portfolio/cce04.jpg" alt="">
                                <img class="img-responsive img-centered" src="img/portfolio/cce06.jpg" alt="">
                                <img class="img-responsive img-centered" src="img/portfolio/cce01.jpg" alt="">
                                <img class="img-responsive img-centered" src="img/portfolio/cce02.jpg" alt="">
                                <img class="img-responsive img-centered" src="img/portfolio/cce03.jpg" alt="">
                                <img class="img-responsive img-centered" src="img/portfolio/cce05.jpg" alt="">
                                
                                <img class="img-responsive img-centered" src="img/portfolio/cce07.jpg" alt="">
                                <img class="img-responsive img-centered" src="img/portfolio/cce08.jpg" alt="">
                                <img class="img-responsive img-centered" src="img/portfolio/cce09.jpg" alt="">
                                <img class="img-responsive img-centered" src="img/portfolio/cce10.jpg" alt="">
                                <img class="img-responsive img-centered" src="img/portfolio/cce11.jpg" alt="">

                                <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close Project</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Portfolio Modal 3 -->
    <div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="close-modal" data-dismiss="modal">
                    <div class="lr">
                        <div class="rl">
                        </div>
                    </div>
                </div>
                <div class="container">
                    <div class="row">
                        <div class="col-lg-8 col-lg-offset-2">
                            <div class="modal-body">
                                <!-- Project Details Go Here -->
                                <h2>App Design and Prototyping</h2>
                                <p class="item-intro text-muted"><!-- Lorem ipsum dolor sit amet consectetur. --></p>
                                <p>
                                    As a designer, there is an endless list of software tools promising to make your job easier. As a professional, it is your responsibility to continuously upskill and take advantage of the ones that actually do.<br><br>
                                    Sketch is one such tool that is rightly gaining traction. I've used Axure for previous projects, and Photoshop will always be number one, but I've really come to love Sketch while designing an app for a business concept. (I have explanatory User Stories for the concept which I've kept offline, as I'm only promoting the design journey.)<br><br>Below are some assets created as I work through this concept. Screens include: Sketch workspace, icon design, User Flow, Persona concept, and app screens. 
                                </p>
                                <img class="img-responsive img-centered" src="img/portfolio/safepay00.jpg" alt=""><br>

                                <img class="img-responsive img-centered screenBorder" src="img/portfolio/UserFlow.png" alt="">
                                <img class="img-responsive img-centered screenBorder" src="img/portfolio/Persona-Janet.png" alt="">
                                 <img class="img-responsive img-centered" src="img/portfolio/SafePay-Icons_Lrg.jpg" alt=""><br><br>
                                <img class="img-responsive img-centered appBorder" src="img/portfolio/Login.png" alt="App Screen"><br><br>
                                <img class="img-responsive img-centered appBorder" src="img/portfolio/Dashboard.png" alt="App Screen"><br><br>
                                <img class="img-responsive img-centered appBorder" src="img/portfolio/NewTransaction.png" alt="App Screen"><br><br>
                                <img class="img-responsive img-centered appBorder" src="img/portfolio/CreateTransaction.png" alt="App Screen"><br><br>
                                <img class="img-responsive img-centered appBorder" src="img/portfolio/History.png" alt="App Screen"><br>

                                <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close Project</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Portfolio Modal 4 -->
    <div class="portfolio-modal modal fade" id="portfolioModal4" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="close-modal" data-dismiss="modal">
                    <div class="lr">
                        <div class="rl">
                        </div>
                    </div>
                </div>
                <div class="container">
                    <div class="row">
                        <div class="col-lg-8 col-lg-offset-2">
                            <div class="modal-body">
                                <!-- Project Details Go Here -->
                                <h2>Level 3</h2>
                                <p class="item-intro text-muted">Technical Writing Example - Content Cloud Exchange</p>
                                <p>Content Cloud Exchange is a project designed from the ground up. This also meant producing a working document to guide new users through the complex functionality of the solution. <br><br>
                                Having designed the UI/UX I was best placed to put together the document and hone my technical writing skills. The User Guide can be downloaded <a href="http://www.zebra.ie/cv/CCE_User_Guide.pdf" target="_blank">here</a>. </p>
                                <a href="http://www.zebra.ie/cv/CCE_User_Guide.pdf" target="_blank"><img class="img-responsive img-centered" src="img/portfolio/techwriting01.jpg" alt=""></a>
                                <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close Project</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Portfolio Modal 5 -->
    <div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="close-modal" data-dismiss="modal">
                    <div class="lr">
                        <div class="rl">
                        </div>
                    </div>
                </div>
                <div class="container">
                    <div class="row">
                        <div class="col-lg-8 col-lg-offset-2">
                            <div class="modal-body">
                                <!-- Project Details Go Here -->
                                <h2>Level 3</h2>
                                <p class="item-intro text-muted">Live Scheduling Tool</p>
                                <p>The Scheduling Tool was designed from the ground up to co-ordinate and book live activity on the Level 3 Network. Creating this tool required understanding the complex technology underpinning the Content Delivery Network. Working with a PM and one of our development team, I designed the UI and built the HTML/CSS framework. <br><br>
                                Obviously, this was a work of aesthetic perfection in 2010 (yes, that is bevelling), however in 2017 I prefer to show it as an example of the complex type of solutions I have worked on throughout my career. 

                                <br><br>

                                <img class="img-responsive img-centered" src="img/portfolio/schedule01.png" alt=""><br>

                                <img class="img-responsive img-centered screenBorder" src="img/portfolio/schedule02.png" alt="">
                                <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close Project</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Portfolio Modal 6 VYZN COPY -->
    <div class="portfolio-modal modal fade" id="portfolioModal6" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="close-modal" data-dismiss="modal">
                    <div class="lr">
                        <div class="rl">
                        </div>
                    </div>
                </div>
                <div class="container">
                    <div class="row">
                        <div class="col-lg-8 col-lg-offset-2">
                            <div class="modal-body">
                                
                                <h2>Level 3</h2>
                                <p class="item-intro text-muted"></p>
                                <p>
                                    The Vyzn solution is the most important tool in Level 3's catalogue, controlling bookings on their data network. This is a legacy platform using Telerik controls that I was tasked with applying a makeover to, as well as creating new pages for additional functionality.<br><br>The Vyzn makeover is an example of a challenge to change an interface with only minimal changes to ancient legacy code. We don't always get the tools we wish.
                                </p>
                                <img class="img-responsive img-centered" src="img/portfolio/vyzn00.png" alt="">
                                <img class="img-responsive img-centered" src="img/portfolio/vyzn01.png" alt="">

                                <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close Project</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
 


    <!-- jQuery -->
    <script src="vendor/jquery/jquery.min.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="vendor/bootstrap/js/bootstrap.min.js"></script>

    <!-- Plugin JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js" integrity="sha384-mE6eXfrb8jxl0rzJDBRanYqgBxtJ6Unn4/1F7q4xRRyIw7Vdg9jP4ycT7x1iVsgb" crossorigin="anonymous"></script>

    <!-- Contact Form JavaScript -->
    <script src="js/jqBootstrapValidation.js"></script>
    <script src="js/contact_me.js"></script>

    <!-- Theme JavaScript -->
    <script src="js/agency.min.js"></script>

</body>



			

Validate HTML & CSS

Validate HTML & CSS:

Validate HTML
Validate CSS

Document Information

  • Doctype: html
  • Doctype PublicId: -//W3C//DTD HTML 4.0 Transitional//EN
  • Doctype SystemId: http://www.w3.org/TR/REC-html40/loose.dtd
  • Encoding: UTF-8

Word Count

Found 933 total words, using 428 different words.

  • 53the
  • 29and
  • 24to
  • 21i
  • 16a
  • 15design
  • 14of
  • 14user
  • 14in
  • 13for
  • 13is
  • 12with
  • 10as
  • 9was
  • 8project
  • 73
  • 7experience
  • 7ui
  • 7on
  • 7level
  • 6this
  • 6ux
  • 6close
  • 5product
  • 5an
  • 5always
  • 5years
  • 5designing
  • 5my
  • 5tool
  • 5designed
  • 4that
  • 4sketch
  • 4team
  • 4concept
  • 4wireframing
  • 4end
  • 4content
  • 4development
  • 4prototyping
  • 4work
  • 4be
  • 4have
  • 4digital
  • 4front
  • 3axure
  • 3worked
  • 3me
  • 3ve
  • 3complex
  • 3introduction
  • 3are
  • 3technical
  • 3network
  • 3delivery
  • 3one
  • 3up
  • 3from
  • 3css
  • 3back
  • 3at
  • 3example
  • 3built
  • 3writing
  • 3would
  • 3designer
  • 3using
  • 3cloud
  • 3app
  • 3live
  • 3exchange
  • 3you
  • 3over
  • 3stories
  • 3solution
  • 3we
  • 3here
  • 2based
  • 2discussion
  • 2developers
  • 2some
  • 2designs
  • 2can
  • 2below
  • 2throughout
  • 2together
  • 2get
  • 2which
  • 2new
  • 2guide
  • 2sexton
  • 2need
  • 2working
  • 2document
  • 2ground
  • 2interaction
  • 2envoy
  • 2conor
  • 2your
  • 2skills
  • 2only
  • 2interface
  • 2book
  • 2very
  • 2by
  • 2site
  • 2it
  • 2marketing
  • 2tools
  • 2journey
  • 2photoshop
  • 2were
  • 2large
  • 2tasked
  • 2globally
  • 2through
  • 2share
  • 2html
  • 2screens
  • 2wireframes
  • 2solutions
  • 2start
  • 2makeover
  • 2consideration
  • 2own
  • 2contact
  • 2creating
  • 2call
  • 2vyzn
  • 215
  • 2process
  • 2agile
  • 2environments
  • 2myself
  • 2after
  • 2implementation
  • 2industry
  • 2within
  • 2entertainment
  • 2been
  • 2legacy
  • 2enterprise
  • 2functionality
  • 2such
  • 2important
  • 2scheduling
  • 2responsive
  • 2every
  • 2most
  • 1software
  • 1list
  • 1pages
  • 1endless
  • 1there
  • 1additional
  • 1make
  • 1telerik
  • 1professional
  • 1platform
  • 1responsibility
  • 1continuously
  • 1easier
  • 1job
  • 1well
  • 1applying
  • 1release
  • 1controls
  • 1promising
  • 1viewed
  • 1becamse
  • 1t
  • 1interactive
  • 1basis
  • 1don
  • 1processes
  • 1creative
  • 1denver
  • 1dublin
  • 1enabled
  • 1wish
  • 1drafts
  • 1via
  • 1teams
  • 1url
  • 1code
  • 1screenshots
  • 19fe17x
  • 1http
  • 1axshare
  • 1com
  • 1press
  • 1change
  • 1minimal
  • 1upskill
  • 1lo
  • 1original
  • 1ancient
  • 1fi
  • 1changes
  • 1prototypes
  • 1challenge
  • 1do
  • 1workspace
  • 1include
  • 1pm
  • 1underpinning
  • 1icon
  • 1flow
  • 1began
  • 1our
  • 1framework
  • 12010
  • 1assets
  • 1promoting
  • 1perfection
  • 1created
  • 1obviously
  • 1aesthetic
  • 1technology
  • 1understanding
  • 1put
  • 1hone
  • 1producing
  • 1placed
  • 1best
  • 1users
  • 1having
  • 1meant
  • 1also
  • 1persona
  • 1required
  • 1activity
  • 1ordinate
  • 1downloaded
  • 1co
  • 1yes
  • 1bevelling
  • 1s
  • 1catalogue
  • 1controlling
  • 1used
  • 1previous
  • 1will
  • 1projects
  • 1traction
  • 1gaining
  • 1data
  • 1ones
  • 1advantage
  • 1actually
  • 1their
  • 1rightly
  • 1bookings
  • 1number
  • 1career
  • 1prefer
  • 1kept
  • 1explanatory
  • 12017
  • 1however
  • 1m
  • 1offline
  • 1show
  • 1business
  • 1really
  • 1but
  • 1come
  • 1type
  • 1while
  • 1love
  • 1take
  • 1companies
  • 1applications
  • 1sites
  • 1experienced
  • 1saas
  • 1models
  • 1should
  • 1enemy
  • 1bad
  • 1am
  • 110
  • 1coding
  • 1background
  • 1conception
  • 12
  • 1managing
  • 1interfaces
  • 1intuitive
  • 1tech
  • 1first
  • 1testing
  • 1sitemapping
  • 1skillset
  • 1scale
  • 1storyboarding
  • 1jira
  • 1analytics
  • 1jquery
  • 1bootstrap
  • 1many
  • 1face
  • 1any
  • 1developing
  • 1cornerstone
  • 1under
  • 1hood
  • 1coal
  • 1understand
  • 1believe
  • 1roles
  • 1lead
  • 1want
  • 1whatever
  • 1like
  • 1yourself
  • 1about
  • 1sports
  • 1including
  • 1diverse
  • 1single
  • 1has
  • 1blur
  • 1labels
  • 1products
  • 1loosely
  • 1cv
  • 1know
  • 1more
  • 1full
  • 1telecommunications
  • 1financial
  • 1hsbc
  • 1ireland
  • 1bank
  • 1manchester
  • 1united
  • 1home
  • 1barcelona
  • 1fc
  • 1aib
  • 1sky
  • 1history
  • 1extensive
  • 1compliance
  • 1experiences
  • 1high
  • 1clients
  • 1profile
  • 1email
  • 1wordpress
  • 1ownership
  • 1sole
  • 1graphics
  • 1involved
  • 1decision
  • 1wireframe
  • 1features
  • 1relation
  • 1hmtl
  • 1ultimately
  • 1aimed
  • 1service
  • 1sharing
  • 1sector
  • 1who
  • 1moving
  • 1starting
  • 1files
  • 1each
  • 1feature
  • 1whom
  • 1tv
  • 1fox
  • 1had
  • 1regular
  • 1inform
  • 1feedback
  • 1calls
  • 1included
  • 1stakeholders
  • 1build
  • 1approval
  • 1following
  • 1facing
  • 1bring
  • 1sprints
  • 1elements
  • 1file
  • 1bespoke
  • 1individuals
  • 1allowing
  • 1friendly
  • 1easily
  • 1parcel
  • 1few
  • 1uses
  • 1collection
  • 1consumer
  • 1provide
  • 1send
  • 1communication
  • 1confluence
  • 1message
  • 1copyright
  • 1website
  • 1brief
  • 12018
  • 1images
  • 1relying
  • 1written
  • 1backend
  • 1developer
  • 1vue
  • 1js
  • 1navigation
  • 1toggle
  • 1menu
  • 1materials
  • 1associated
  • 1icons
  • 1font
  • 1instead
  • 1visuals
  • 1logos
  • 1all
  • 1branding
  • 1complete

Keywords

Word Density

  • Word Density: 392
  • 53 the
  • 29 and
  • 15 design
  • 14 user
  • 13 for
  • 12 with
  • 09 was
  • 08 project
  • 07 level
  • 07 experience
  • 06 close
  • 06 this
  • 05 designed
  • 05 always
  • 05 tool
  • 05 designing
  • 05 product
  • 05 years
  • 04 front
  • 04 wireframing
  • 04 work
  • 04 digital
  • 04 app
  • 04 sketch
  • 04 end
  • 04 concept
  • 04 team
  • 04 have
  • 04 prototyping
  • 04 development
  • 04 that
  • 04 content
  • 03 exchange
  • 03 technical
  • 03 writing
  • 03 cloud
  • 03 one
  • 03 would
  • 03 stories
  • 03 axure
  • 03 solution
  • 03 complex
  • 03 designer
  • 03 css
  • 03 introduction
  • 03 you
  • 03 from
  • 03 worked
  • 03 are
  • 03 over
  • 03 live
  • 03 example
  • 03 back
  • 03 delivery
  • 03 built
  • 03 using
  • 03 here
  • 03 network
  • 02 own
  • 02 enterprise
  • 02 agile
  • 02 scheduling
  • 02 entertainment
  • 02 can
  • 02 creating
  • 02 every
  • 02 important
  • 02 get
  • 02 sexton
  • 02 some
  • 02 been
  • 02 marketing
  • 02 need
  • 02 legacy
  • 02 industry
  • 02 based
  • 02 responsive
  • 02 journey
  • 02 functionality
  • 02 share
  • 02 tasked
  • 02 within
  • 02 globally
  • 02 environments
  • 02 wireframes
  • 02 throughout
  • 02 such
  • 02 below
  • 02 vyzn
  • 02 conor
  • 02 together
  • 02 discussion
  • 02 only
  • 02 guide
  • 02 document
  • 02 after
  • 02 implementation
  • 02 new
  • 02 ground
  • 02 working
  • 02 interaction
  • 02 screens
  • 02 large
  • 02 solutions
  • 02 most
  • 02 tools
  • 02 process
  • 02 photoshop
  • 02 through
  • 02 designs
  • 02 developers
  • 02 myself
  • 02 very
  • 02 call
  • 02 site
  • 02 your
  • 02 makeover
  • 02 which
  • 02 book
  • 02 skills
  • 02 html
  • 02 contact
  • 02 start
  • 02 consideration
  • 02 envoy
  • 02 were
  • 02 interface
  • 01 ireland
  • 01 sky
  • 01 hsbc
  • 01 profile
  • 01 clients
  • 01 manchester
  • 01 united
  • 01 sports
  • 01 more
  • 01 compliance
  • 01 know
  • 01 products
  • 01 full
  • 01 bank
  • 01 including
  • 01 aib
  • 01 analytics
  • 01 sole
  • 01 ultimately
  • 01 ownership
  • 01 relation
  • 01 navigation
  • 01 decision
  • 01 hmtl
  • 01 graphics
  • 01 extensive
  • 01 telecommunications
  • 01 history
  • 01 high
  • 01 jquery
  • 01 experiences
  • 01 financial
  • 01 hood
  • 01 face
  • 01 jira
  • 01 bootstrap
  • 01 coal
  • 01 any
  • 01 cornerstone
  • 01 developing
  • 01 storyboarding
  • 01 sitemapping
  • 01 first
  • 01 involved
  • 01 testing
  • 01 skillset
  • 01 many
  • 01 scale
  • 01 under
  • 01 understand
  • 01 about
  • 01 diverse
  • 01 yourself
  • 01 blur
  • 01 like
  • 01 labels
  • 01 want
  • 01 whatever
  • 01 home
  • 01 believe
  • 01 barcelona
  • 01 single
  • 01 loosely
  • 01 has
  • 01 menu
  • 01 icons
  • 01 copyright
  • 01 send
  • 01 communication
  • 01 message
  • 01 collection
  • 01 materials
  • 01 uses
  • 01 email
  • 01 wordpress
  • 01 easily
  • 01 parcel
  • 01 individuals
  • 01 brief
  • 01 confluence
  • 01 2018
  • 01 associated
  • 01 all
  • 01 font
  • 01 instead
  • 01 few
  • 01 visuals
  • 01 managing
  • 01 screen
  • 01 feedback
  • 01 images
  • 01 relying
  • 01 backend
  • 01 developer
  • 01 vue
  • 01 written
  • 01 logos
  • 01 branding
  • 01 allowing
  • 01 friendly
  • 01 fox
  • 01 wireframe
  • 01 features
  • 01 included
  • 01 stakeholders
  • 01 had
  • 01 whom
  • 01 who
  • 01 files
  • 01 aimed
  • 01 starting
  • 01 service
  • 01 sharing
  • 01 sector
  • 01 companies
  • 01 calls
  • 01 regular
  • 01 toggle
  • 01 facing
  • 01 bespoke
  • 01 consumer
  • 01 website
  • 01 provide
  • 01 bring
  • 01 build
  • 01 elements
  • 01 sprints
  • 01 following
  • 01 feature
  • 01 approval
  • 01 each
  • 01 moving
  • 01 pages
  • 01 aesthetic
  • 01 created
  • 01 press
  • 01 obviously
  • 01 framework
  • 01 2010
  • 01 perfection
  • 01 url
  • 01 axshare
  • 01 release
  • 01 original
  • 01 screenshots
  • 01 teams
  • 01 via
  • 01 drafts
  • 01 however
  • 01 bevelling
  • 01 2017
  • 01 understanding
  • 01 technology
  • 01 prefer
  • 01 controls
  • 01 platform
  • 01 telerik
  • 01 required
  • 01 activity
  • 01 our
  • 01 yes
  • 01 underpinning
  • 01 ordinate
  • 01 hone
  • 01 downloaded
  • 01 prototypes
  • 01 viewed
  • 01 becamse
  • 01 actually
  • 01 upskill
  • 01 interactive
  • 01 denver
  • 01 ones
  • 01 basis
  • 01 make
  • 01 job
  • 01 easier
  • 01 com
  • 01 professional
  • 01 creative
  • 01 responsibility
  • 01 processes
  • 01 complete
  • 01 wish
  • 01 software
  • 01 9fe17x
  • 01 list
  • 01 endless
  • 01 began
  • 01 http
  • 01 don
  • 01 dublin
  • 01 advantage
  • 01 take
  • 01 continuously
  • 01 promising
  • 01 enabled
  • 01 there
  • 01 applying
  • 01 additional
  • 01 include
  • 01 assets
  • 01 changes
  • 01 workspace
  • 01 inform
  • 01 rightly
  • 01 icon
  • 01 minimal
  • 01 flow
  • 01 users
  • 01 also
  • 01 change
  • 01 best
  • 01 persona
  • 01 having
  • 01 file
  • 01 applications
  • 01 conception
  • 01 intuitive
  • 01 roles
  • 01 lead
  • 01 coding
  • 01 background
  • 01 interfaces
  • 01 bad
  • 01 experienced
  • 01 sites
  • 01 saas
  • 01 models
  • 01 enemy
  • 01 should
  • 01 meant
  • 01 producing
  • 01 put
  • 01 controlling
  • 01 bookings
  • 01 placed
  • 01 love
  • 01 really
  • 01 come
  • 01 catalogue
  • 01 career
  • 01 data
  • 01 well
  • 01 their
  • 01 type
  • 01 show
  • 01 challenge
  • 01 while
  • 01 business
  • 01 projects
  • 01 previous
  • 01 number
  • 01 will
  • 01 promoting
  • 01 offline
  • 01 gaining
  • 01 traction
  • 01 explanatory
  • 01 kept
  • 01 ancient
  • 01 code
  • 01 used
  • 01 but
  • 01 tech

Word Weights

  • Word Weights: 392
  • 53 the
  • 29 and
  • 15 design
  • 14 user
  • 13 for
  • 12 with
  • 09 was
  • 08 app
  • 08 project
  • 07 experience
  • 07 level
  • 06 close
  • 06 this
  • 05 tool
  • 05 screen
  • 05 designed
  • 05 designing
  • 05 always
  • 05 years
  • 05 product
  • 04 front
  • 04 work
  • 04 wireframing
  • 04 digital
  • 04 end
  • 04 that
  • 04 prototyping
  • 04 development
  • 04 sketch
  • 04 concept
  • 04 have
  • 04 team
  • 04 content
  • 03 technical
  • 03 exchange
  • 03 writing
  • 03 one
  • 03 would
  • 03 cloud
  • 03 designer
  • 03 solution
  • 03 complex
  • 03 stories
  • 03 axure
  • 03 css
  • 03 introduction
  • 03 you
  • 03 from
  • 03 worked
  • 03 are
  • 03 over
  • 03 live
  • 03 example
  • 03 back
  • 03 delivery
  • 03 built
  • 03 using
  • 03 here
  • 03 network
  • 02 own
  • 02 enterprise
  • 02 agile
  • 02 scheduling
  • 02 entertainment
  • 02 can
  • 02 creating
  • 02 every
  • 02 sexton
  • 02 only
  • 02 some
  • 02 been
  • 02 marketing
  • 02 need
  • 02 legacy
  • 02 industry
  • 02 wireframes
  • 02 responsive
  • 02 journey
  • 02 functionality
  • 02 share
  • 02 tasked
  • 02 within
  • 02 globally
  • 02 environments
  • 02 important
  • 02 throughout
  • 02 such
  • 02 below
  • 02 vyzn
  • 02 based
  • 02 together
  • 02 discussion
  • 02 get
  • 02 guide
  • 02 document
  • 02 after
  • 02 implementation
  • 02 new
  • 02 designs
  • 02 ground
  • 02 working
  • 02 interaction
  • 02 screens
  • 02 large
  • 02 solutions
  • 02 conor
  • 02 tools
  • 02 process
  • 02 photoshop
  • 02 through
  • 02 which
  • 02 developers
  • 02 start
  • 02 myself
  • 02 very
  • 02 your
  • 02 skills
  • 02 makeover
  • 02 most
  • 02 call
  • 02 site
  • 02 book
  • 02 html
  • 02 interface
  • 02 consideration
  • 02 were
  • 02 contact
  • 02 envoy
  • 01 ireland
  • 01 sky
  • 01 hsbc
  • 01 clients
  • 01 profile
  • 01 manchester
  • 01 united
  • 01 more
  • 01 products
  • 01 compliance
  • 01 know
  • 01 full
  • 01 including
  • 01 bank
  • 01 sports
  • 01 aib
  • 01 analytics
  • 01 sole
  • 01 ultimately
  • 01 ownership
  • 01 relation
  • 01 navigation
  • 01 decision
  • 01 hmtl
  • 01 graphics
  • 01 extensive
  • 01 telecommunications
  • 01 history
  • 01 high
  • 01 jquery
  • 01 experiences
  • 01 financial
  • 01 under
  • 01 face
  • 01 jira
  • 01 bootstrap
  • 01 coal
  • 01 any
  • 01 cornerstone
  • 01 developing
  • 01 storyboarding
  • 01 sitemapping
  • 01 first
  • 01 involved
  • 01 testing
  • 01 skillset
  • 01 many
  • 01 scale
  • 01 hood
  • 01 understand
  • 01 about
  • 01 diverse
  • 01 yourself
  • 01 blur
  • 01 like
  • 01 labels
  • 01 want
  • 01 whatever
  • 01 home
  • 01 believe
  • 01 barcelona
  • 01 single
  • 01 loosely
  • 01 has
  • 01 menu
  • 01 icons
  • 01 copyright
  • 01 send
  • 01 communication
  • 01 message
  • 01 collection
  • 01 materials
  • 01 uses
  • 01 email
  • 01 wordpress
  • 01 easily
  • 01 parcel
  • 01 individuals
  • 01 brief
  • 01 confluence
  • 01 2018
  • 01 associated
  • 01 all
  • 01 instead
  • 01 few
  • 01 font
  • 01 visuals
  • 01 feedback
  • 01 managing
  • 01 images
  • 01 relying
  • 01 backend
  • 01 developer
  • 01 vue
  • 01 written
  • 01 logos
  • 01 branding
  • 01 allowing
  • 01 friendly
  • 01 fox
  • 01 wireframe
  • 01 features
  • 01 included
  • 01 stakeholders
  • 01 had
  • 01 whom
  • 01 who
  • 01 files
  • 01 aimed
  • 01 starting
  • 01 service
  • 01 sharing
  • 01 sector
  • 01 companies
  • 01 calls
  • 01 regular
  • 01 toggle
  • 01 facing
  • 01 bespoke
  • 01 consumer
  • 01 website
  • 01 provide
  • 01 bring
  • 01 build
  • 01 elements
  • 01 sprints
  • 01 following
  • 01 feature
  • 01 approval
  • 01 each
  • 01 moving
  • 01 pages
  • 01 aesthetic
  • 01 created
  • 01 press
  • 01 obviously
  • 01 framework
  • 01 2010
  • 01 perfection
  • 01 url
  • 01 axshare
  • 01 release
  • 01 original
  • 01 screenshots
  • 01 teams
  • 01 via
  • 01 drafts
  • 01 however
  • 01 bevelling
  • 01 2017
  • 01 understanding
  • 01 technology
  • 01 prefer
  • 01 controls
  • 01 platform
  • 01 telerik
  • 01 required
  • 01 activity
  • 01 our
  • 01 yes
  • 01 underpinning
  • 01 ordinate
  • 01 hone
  • 01 downloaded
  • 01 prototypes
  • 01 viewed
  • 01 becamse
  • 01 actually
  • 01 upskill
  • 01 interactive
  • 01 denver
  • 01 ones
  • 01 basis
  • 01 make
  • 01 job
  • 01 easier
  • 01 com
  • 01 professional
  • 01 creative
  • 01 responsibility
  • 01 processes
  • 01 complete
  • 01 wish
  • 01 software
  • 01 9fe17x
  • 01 list
  • 01 endless
  • 01 began
  • 01 http
  • 01 don
  • 01 dublin
  • 01 advantage
  • 01 take
  • 01 continuously
  • 01 promising
  • 01 enabled
  • 01 there
  • 01 applying
  • 01 additional
  • 01 include
  • 01 assets
  • 01 changes
  • 01 workspace
  • 01 inform
  • 01 rightly
  • 01 icon
  • 01 minimal
  • 01 flow
  • 01 users
  • 01 also
  • 01 change
  • 01 best
  • 01 persona
  • 01 having
  • 01 file
  • 01 applications
  • 01 conception
  • 01 intuitive
  • 01 roles
  • 01 lead
  • 01 coding
  • 01 background
  • 01 interfaces
  • 01 bad
  • 01 experienced
  • 01 sites
  • 01 saas
  • 01 models
  • 01 enemy
  • 01 should
  • 01 meant
  • 01 producing
  • 01 put
  • 01 controlling
  • 01 bookings
  • 01 placed
  • 01 love
  • 01 really
  • 01 come
  • 01 catalogue
  • 01 career
  • 01 data
  • 01 well
  • 01 their
  • 01 type
  • 01 show
  • 01 challenge
  • 01 while
  • 01 business
  • 01 projects
  • 01 previous
  • 01 number
  • 01 will
  • 01 promoting
  • 01 offline
  • 01 gaining
  • 01 traction
  • 01 explanatory
  • 01 kept
  • 01 ancient
  • 01 code
  • 01 used
  • 01 but
  • 01 tech