Website Design & Development Agency | Lincoln | Optima Graphic Design Consultants

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">  <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Website Design & Development Agency | Lincoln | Optima Graphic Design Consultants</title> <meta name='description' content='We have built powerful websites that gain millions of views each year. Whatever your operations may be, we will help you to build your brand with a bespoke website.' /> <link rel='canonical' href='https://www.optimadesign.co.uk/web' /> <meta name='robots' content='INDEX, FOLLOW' />  <meta property='og:title' content='Web' /> <meta property='og:type' content='article' /> <meta property='og:url' content='https://www.optimadesign.co.uk/web' />  <meta property='twitter:title' content='Web' /> <meta property='twitter:card' content='summary' /> <script defer src="https://kit.fontawesome.com/a85b030b90.js" crossorigin="anonymous"></script> <script type="module" src="/assets/js/lite-vimeo/lite-vimeo.js"></script> <link rel="stylesheet" media="all" href="/assets/aos/aos.css"> <link rel="stylesheet" media="all" href="/assets/css/styles.css?v=1732206651"> <link rel="preconnect" href="https://p.typekit.net" crossorigin> <link rel="preconnect" href="https://use.typekit.net" crossorigin> <link rel="preload" href="https://use.typekit.net/tjn6yeg.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <link rel="apple-touch-icon-precomposed" href="https://www.optimadesign.co.uk/assets/images/templates/favicons/apple-touch-icon-precomposed.png"> <link rel="icon" href="https://www.optimadesign.co.uk/assets/images/templates/favicons/favicon.png">   <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="https://www.optimadesign.co.uk/assets/images/templates/favicons/msapplication-tileimage.png"> <style> .{} { font-family: {}; } </style>  </head> <body id="web" class=""> <a class="skip-main" href="#main">Skip to main content</a> <div id="cursor" class="cursor"> <div class="cursor-inner"></div> </div> <div class="wrap push shadow"> <div class="outer-nav-wrapper"> <header id="banner"> <div class="container"> <div class="row gx-0 gx-lg-4"> <div class="col-6 col-lg-3"> <a class="site_logo" href="https://www.optimadesign.co.uk/"> <img src="https://www.optimadesign.co.uk/assets/images/templates/optima-graphic-design-lincoln.svg" alt="Optima Graphic Design Consultants Logo" width="135" height="37"> </a> </div> <div class="col-6 col-lg-9 d-flex justify-content-end align-items-center"> <button type="button" id="mobile_menu_button"> <span class="sr-only">Toggle menu</span> <span></span> </button> <nav class="slidemenu" id="menu" style="background:linear-gradient(0deg, rgba(53,56,62,0.7035407913165266) 0%, rgba(53,56,62,1) 100%), url('https://www.optimadesign.co.uk/images/jcogs_img/cache/Welcome_to_Optima_-_28de80_-_d085b0f4bb027982c00336f167aa2f93b068be8f.jpg') no-repeat; background-size: cover"> <ul class="menu"> <li class="nav-item dropdown"> <button class="nav-link dropdown-toggle " id="navbarDropdownMenuLink_design" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Design <i class="fa-solid fa-chevron-right"></i></button> <div class="optima-dropdown-menu" aria-labelledby="navbarDropdownMenuLink_design"> <button type="button" class="mobile_return"><i class="fa-solid fa-chevron-left"></i> Design</button> <a class="dropdown-item " href="https://www.optimadesign.co.uk/design">Overview</a> <a class=" dropdown-item" href="/design/brand-identity">Brand Identity</a><a class=" dropdown-item" href="/design/design-for-print">Design for Print</a><a class=" dropdown-item" href="/design/design-for-digital">Design for Digital</a> </div> </li> <li class="nav-item dropdown"> <button class="nav-link dropdown-toggle active " id="navbarDropdownMenuLink_web" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Web <i class="fa-solid fa-chevron-right"></i></button> <div class="optima-dropdown-menu" aria-labelledby="navbarDropdownMenuLink_web"> <button type="button" class="mobile_return"><i class="fa-solid fa-chevron-left"></i> Web</button> <a class="dropdown-item active " href="https://www.optimadesign.co.uk/web">Overview</a> <a class=" dropdown-item" href="/web/responsive-web-design">Responsive web design</a><a class=" dropdown-item" href="/web/expressionengine">ExpressionEngine</a><a class=" dropdown-item" href="/web/wordpress">WordPress</a><a class=" dropdown-item" href="/web/shopify">Shopify</a><a class=" dropdown-item" href="/web/accessibility">Accessibility</a><a class=" dropdown-item" href="/web/how-we-work">How we work</a> </div> </li> <li class="nav-item dropdown"> <button class="nav-link dropdown-toggle " id="navbarDropdownMenuLink_digital-marketing" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Digital Marketing <i class="fa-solid fa-chevron-right"></i></button> <div class="optima-dropdown-menu" aria-labelledby="navbarDropdownMenuLink_digital-marketing"> <button type="button" class="mobile_return"><i class="fa-solid fa-chevron-left"></i> Digital Marketing</button> <a class="dropdown-item " href="https://www.optimadesign.co.uk/digital-marketing-services">Overview</a> <a class=" dropdown-item" href="/digital-marketing-services/seo-services">Search Engine Optimisation</a><a class=" dropdown-item" href="/digital-marketing-services/ppc-services">Search Engine Advertising</a><a class=" dropdown-item" href="/digital-marketing-services/social-media-advertising-services">Social Media Advertising</a><a class=" dropdown-item" href="/digital-marketing-services/content-marketing-services">Content Marketing</a><a class=" dropdown-item" href="/digital-marketing-services/email-marketing-services">Email Marketing</a> </div> </li> <li class="nav-item"> <a class="nav-link " href="https://www.optimadesign.co.uk/work">Work</a> </li> <li class="nav-item"> <a class="nav-link " href="https://www.optimadesign.co.uk/contact">Contact</a> </li> <li class="nav-item d-none d-lg-block"> <button class="nav-link " type="button" id="mega_menu_btn"> More <span>+</span> </button> </li> <li class="nav-item d-block d-lg-none"> <ul class="mobile-more-menu"> <li><a class="nav-link" href="https://www.optimadesign.co.uk/about-us">About us</a></li> <li><a class="nav-link" href="https://www.optimadesign.co.uk/blog">Blog</a></li> <li><a class="nav-link" href="https://www.optimadesign.co.uk/careers">Careers</a></li> </ul> </li> </ul> </nav> <nav class="mega_menu" style="background: linear-gradient(0deg, rgba(53,56,62,0.7035407913165266) 0%, rgba(53,56,62,1) 100%), url('https://www.optimadesign.co.uk/images/jcogs_img/cache/Welcome_to_Optima_-_28de80_-_d085b0f4bb027982c00336f167aa2f93b068be8f.jpg')"> <div class="container"> <div class="row"> <div class="col-2"> <a class="nav-link" href="/design" aria-label="Design" id="mega_desgin"> Design </a> <div class="mega_menu_sub_nav" aria-labelledby="mega_desgin"> <a class=" dropdown-item" href="/design/brand-identity">Brand Identity</a><a class=" dropdown-item" href="/design/design-for-print">Design for Print</a><a class=" dropdown-item" href="/design/design-for-digital">Design for Digital</a> </div> </div> <div class="col-2"> <a class="nav-link" href="/web" aria-label="Web" id="mega_web"> Web </a> <div class="mega_menu_sub_nav" aria-labelledby="mega_web"> <a class=" dropdown-item" href="/web/responsive-web-design">Responsive web design</a><a class=" dropdown-item" href="/web/expressionengine">ExpressionEngine</a><a class=" dropdown-item" href="/web/wordpress">WordPress</a><a class=" dropdown-item" href="/web/shopify">Shopify</a><a class=" dropdown-item" href="/web/accessibility">Accessibility</a><a class=" dropdown-item" href="/web/how-we-work">How we work</a> </div> </div> <div class="col-2"> <a class="nav-link" href="/digital-marketing-services" aria-label="Digital marketing" id="mega_digital_marketing"> Digital marketing </a> <div class="mega_menu_sub_nav" aria-labelledby="mega_digital_marketing"> <a class=" dropdown-item" href="/digital-marketing-services/seo-services">Search Engine Optimisation</a><a class=" dropdown-item" href="/digital-marketing-services/ppc-services">Search Engine Advertising</a><a class=" dropdown-item" href="/digital-marketing-services/social-media-advertising-services">Social Media Advertising</a><a class=" dropdown-item" href="/digital-marketing-services/content-marketing-services">Content Marketing</a><a class=" dropdown-item" href="/digital-marketing-services/email-marketing-services">Email Marketing</a> </div> </div> <div class="col-2"> <div class="min_h"> <a class="nav-link" href="/work" aria-label="Work" id="mega_work"> Work </a> <p>See a selection of the exciting work we do for our clients.</p> </div> <a class="nav-link" href="/about-us" aria-label="About Us" id="mega_about_us"> About Us </a> <div class="mega_menu_sub_nav" aria-labelledby="mega_about_us"> <a class=" dropdown-item" href="/about-us/our-team">Our Team</a> </div> </div> <div class="col-2"> <div class="min_h"> <a class="nav-link" href="/blog" aria-label="Blog" id="mega_blog"> Blog </a> <p>The latest news and articles</p> </div> <a class="nav-link" href="/careers" aria-label="Careers" id="mega_careers"> Careers </a> <div class="mega_menu_sub_nav" aria-labelledby="mega_careers"> </div> </div> <div class="col-2"> <a class="nav-link" href="/contact" aria-label="Contact" id="mega_contact"> Contact </a> </div> </div> </div> </nav> </div> </div> </div> </header> </div> <div class="page_hero" style="background-color: #004385"> <div class="mobile_background"> <img src="/images/jcogs_img/cache/iapb-project-image-mobile_-_28de80_-_5ba072b1a70d91fef1ae7596add8b901259846ac.jpg" srcset="/images/jcogs_img/cache/iapb-project-image-mobile_-_28de80_-_5ba072b1a70d91fef1ae7596add8b901259846ac_414w.jpg 414w, /images/jcogs_img/cache/iapb-project-image-mobile_-_28de80_-_5ba072b1a70d91fef1ae7596add8b901259846ac_621w.jpg 621w, /images/jcogs_img/cache/iapb-project-image-mobile_-_28de80_-_5ba072b1a70d91fef1ae7596add8b901259846ac.jpg 622w" sizes="(max-width:414px) 414px, (max-width:621px) 621px, 622px" alt="https://www.optimadesign.co.uk/assets/images/common/iapb-project-image-mobile.jpg" data-aos="fade" data-aos-delay="200" data-aos-once="true" class="hero_image"> </div> <div class="desktop_background" style="background-image: url('https://www.optimadesign.co.uk/images/jcogs_img/cache/IAPB_Vision_Atlas_Background_-_28de80_-_3fc921076945e201e934a8ce8765d31d296cbe39.png')" data-aos="fade" data-aos-delay="200" data-aos-once="true" ></div> <div class="container"> <div class="row"> <div class="col-12 col-lg-6"> <div class="hero_content"> <div> <h1> Brand and user-driven website design & development </h1> <p>We create websites that strengthen your online brand and deliver engaging user experiences to your audiences.</p> </div> <div class="hero_link"> <p>View some of our website projects</p> <a class="dyn-arrow-link dyn-arrow-link--white" href="https://www.optimadesign.co.uk/work?cat=web"> View Projects </a> </div> </div> </div> <div class="col-12 col-lg-5 col-xl-6 d-none d-lg-block"> <img loading="lazy" src="/images/jcogs_img/cache/IAPB_Hero_-_28de80_-_41fcb331fd7b01f02283a19a56efe3755f66e0ff.png" srcset="/images/jcogs_img/cache/IAPB_Hero_-_28de80_-_41fcb331fd7b01f02283a19a56efe3755f66e0ff_676w.png 676w, /images/jcogs_img/cache/IAPB_Hero_-_28de80_-_41fcb331fd7b01f02283a19a56efe3755f66e0ff_1014w.png 1014w, /images/jcogs_img/cache/IAPB_Hero_-_28de80_-_41fcb331fd7b01f02283a19a56efe3755f66e0ff.png 1015w" sizes="(max-width:676px) 676px, (max-width:1014px) 1014px, 1015px" alt="IAPB Vision Atlas map view on website" data-aos="fade" data-aos-once="true" class="lazy hero_image in_container"> </div> </div> </div> </div> <main id="main"> <div class="page_intro"> <div class="container"> <div class="row"> <div class="col-12 col-lg-8 " data-aos="fade-up" data-aos-once="true"> <h2>Fit for purpose, built from the ground up</h2> <p>A website is an online shopfront for any business or organisation. It is responsible for building brand awareness and an online presence for your business, communicating your brand story, showcasing your products and services, and driving sales or conversions. Websites also have the power to connect and empower global teams by building systems tailored to individual needs and business objectives.<br />  </p> </div> <div class="col-12 col-lg-3 offset-lg-1" data-aos="fade-up" data-aos-once="true"> <h4 class="subnav_header">Services</h4> <ul class="subnav"> <li> <a href="/web/responsive-web-design"><span></span>Responsive web design</a> </li> <li> <a href="/web/expressionengine"><span></span>ExpressionEngine</a> </li> <li> <a href="/web/wordpress"><span></span>WordPress</a> </li> <li> <a href="/web/shopify"><span></span>Shopify</a> </li> <li> <a href="/web/accessibility"><span></span>Accessibility</a> </li> <li> <a href="/web/how-we-work"><span></span>How we work</a> </li> </ul> </div> </div> </div> </div> <section class="auto-project-video-x2 test"> <div class="container"> <div class="row"> <div class="col-12 col-md-6 mx-auto"> <div class="video-wrapper" style="background: #37274B;"> <video class="play-in_view" playsinline="" autoplay="" muted="" loop=""> <source src="https://www.optimadesign.co.uk/assets/images/common/Promote_Lincolnshire_Pin_Board.mp4" type="video/mp4"> </video> <div class="content_overlay"> <h4><a href="work/promote-lincolnshire" class="full-card-click">Promote Lincolnshire</a></h4> <p>Proudly promoting Lincolnshire to the world</p> <p class="dyn-arrow-link dyn-arrow-link--secondary">View Project</p> </div> </div> </div> <div class="col-12 col-md-6 mx-auto"> <div class="video-wrapper" style="background: #1A1E54;"> <video class="play-in_view" playsinline="" autoplay="" muted="" loop=""> <source src="https://www.optimadesign.co.uk/assets/images/common/Coveris_Header_Animation_AdobeExpress_1.mp4" type="video/mp4"> </video> <div class="content_overlay"> <h4><a href="work/Coveris-Website" class="full-card-click">Coveris</a></h4> <p>A website reflecting Coveris as packaging innovators</p> <p class="dyn-arrow-link dyn-arrow-link--secondary">View Project</p> </div> </div> </div> </div> </div> </section> <section class="section fl_image_gallery_mg"> <div class="sp_grid"> <div class="grid-item img-container width-33 height-100" data-aos-offset="250" data-aos-duration="500" data-aos="fade-up" data-aos-delay="100" data-aos-once="true"> <div class="inner-element"> <img loading="lazy" src="/images/jcogs_img/cache/whf-preview_-_28de80_-_383be38d92f3ce3d832dec9f1185f974b07bfa07.jpg" srcset="/images/jcogs_img/cache/whf-preview_-_28de80_-_383be38d92f3ce3d832dec9f1185f974b07bfa07_600w.jpg 600w, /images/jcogs_img/cache/whf-preview_-_28de80_-_383be38d92f3ce3d832dec9f1185f974b07bfa07_900w.jpg 900w, /images/jcogs_img/cache/whf-preview_-_28de80_-_383be38d92f3ce3d832dec9f1185f974b07bfa07.jpg 901w" sizes="(max-width:600px) 600px, (max-width:900px) 900px, 901px" alt="Mobile website for World Heart Federation example" class="lazy"> <div class="content_overlay"> <h4><a href="work/world-heart-federation" class="full-card-click">World Heart Federation </a></h4> <p>Helping heart health stay at the forefront of the global agenda</p> <p class="dyn-arrow-link dyn-arrow-link--secondary">View Project</p> </div> </div> </div>  <div class="grid-item img-container width-33 height-100" data-aos-offset="250" data-aos-duration="500" data-aos="fade-up" data-aos-delay="200" data-aos-once="true"> <div class="inner-element"> <img loading="lazy" src="/images/jcogs_img/cache/iuf-web-development_-_28de80_-_317f19a7fcfea20595fffb1e2e68678249f8e4ad.jpg" srcset="/images/jcogs_img/cache/iuf-web-development_-_28de80_-_317f19a7fcfea20595fffb1e2e68678249f8e4ad_445w.jpg 445w, /images/jcogs_img/cache/iuf-web-development_-_28de80_-_317f19a7fcfea20595fffb1e2e68678249f8e4ad_667w.jpg 667w, /images/jcogs_img/cache/iuf-web-development_-_28de80_-_317f19a7fcfea20595fffb1e2e68678249f8e4ad.jpg 668w" sizes="(max-width:445px) 445px, (max-width:667px) 667px, 668px" alt="IUF desktop homepage example" class="lazy"> <div class="content_overlay"> <h4><a href="work/IUF" class="full-card-click">IUF</a></h4> <p>Campaigning for the rights of people working in the food chain</p> <p class="dyn-arrow-link dyn-arrow-link--secondary">View Project</p> </div> </div> </div>  <div class="grid-item img-container width-33 height-100" data-aos-offset="250" data-aos-duration="500" data-aos="fade-up" data-aos-delay="300" data-aos-once="true"> <div class="inner-element"> <img loading="lazy" src="/images/jcogs_img/cache/EAAA_Mission_Map_-_28de80_-_5d23eab3692057f8f7eb3efd7987e27dc0b64618.jpg" srcset="/images/jcogs_img/cache/EAAA_Mission_Map_-_28de80_-_5d23eab3692057f8f7eb3efd7987e27dc0b64618_620w.jpg 620w, /images/jcogs_img/cache/EAAA_Mission_Map_-_28de80_-_5d23eab3692057f8f7eb3efd7987e27dc0b64618_930w.jpg 930w, /images/jcogs_img/cache/EAAA_Mission_Map_-_28de80_-_5d23eab3692057f8f7eb3efd7987e27dc0b64618.jpg 931w" sizes="(max-width:620px) 620px, (max-width:930px) 930px, 931px" alt="East Anglian Air Ambulance mobile website example" class="lazy"> <div class="content_overlay"> <h4><a href="work/East-Anglian-Air-Ambulance" class="full-card-click">East Anglian Air Ambulance</a></h4> <p>‘On a mission’ for air ambulance charity</p> <p class="dyn-arrow-link dyn-arrow-link--secondary">View Project</p> </div> </div> </div>  <div class="grid-item img-container width-66 height-100" data-aos-offset="250" data-aos-duration="500" data-aos="fade-up" data-aos-delay="400" data-aos-once="true"> <div class="inner-element"> <img loading="lazy" src="/images/jcogs_img/cache/IAPB_Desktop_view_-_28de80_-_565788aed15b78ac3a8609b44d378b52a3003c21.jpg" srcset="/images/jcogs_img/cache/IAPB_Desktop_view_-_28de80_-_565788aed15b78ac3a8609b44d378b52a3003c21_838w.jpg 838w, /images/jcogs_img/cache/IAPB_Desktop_view_-_28de80_-_565788aed15b78ac3a8609b44d378b52a3003c21_1257w.jpg 1257w, /images/jcogs_img/cache/IAPB_Desktop_view_-_28de80_-_565788aed15b78ac3a8609b44d378b52a3003c21.jpg 1258w" sizes="(max-width:838px) 838px, (max-width:1257px) 1257px, 1258px" alt="IAPB desktop homepage shown on an Apple Macbook" class="lazy"> <div class="content_overlay"> <h4><a href="work/iapb" class="full-card-click">International Agency for the Prevention of Blindness</a></h4> <p>Advancing global action for eye health</p> <p class="dyn-arrow-link dyn-arrow-link--secondary">View Project</p> </div> </div> </div>  <div class="grid-item img-container width-33 height-100" data-aos-offset="250" data-aos-duration="500" data-aos="fade-up" data-aos-delay="500" data-aos-once="true"> <div class="inner-element"> <img loading="lazy" src="/images/jcogs_img/cache/Amberley_Square_Preview_Image_-_28de80_-_30011c3a35ad452c7fe70d1a9203824b081eb8ca.jpg" srcset="/images/jcogs_img/cache/Amberley_Square_Preview_Image_-_28de80_-_30011c3a35ad452c7fe70d1a9203824b081eb8ca_600w.jpg 600w, /images/jcogs_img/cache/Amberley_Square_Preview_Image_-_28de80_-_30011c3a35ad452c7fe70d1a9203824b081eb8ca_900w.jpg 900w, /images/jcogs_img/cache/Amberley_Square_Preview_Image_-_28de80_-_30011c3a35ad452c7fe70d1a9203824b081eb8ca.jpg 901w" sizes="(max-width:600px) 600px, (max-width:900px) 900px, 901px" alt="Amberley_Square_Preview_Image.jpg" class="lazy"> <div class="content_overlay"> <h4><a href="work/Amberley-Labels-Website" class="full-card-click">Amberley Labels</a></h4> <p>A website with the wow-factor for premium labelling company</p> <p class="dyn-arrow-link dyn-arrow-link--secondary">View Project</p> </div> </div> </div>  </div> </section> <section class="section fl_title_content_split" data-aos="fade-up" data-aos-once="true" data-aos-duration="1000"> <div class="container"> <div class="row"> <div class="col-12 col-lg-5 title_col "> <div class="inner" id=""> <h2>At Optima, we work smart but don’t take the usual shortcuts</h2> </div> </div> <div class="col-12 col-lg-7 content_col"> <p>Our web developers don’t rely on templates or page builders to create websites. We build from the ground up and create bespoke, tailored solutions that support and enhance your business and consider your audiences’ specific needs. This approach also ensures that web pages load fast through lean well-structured code that search engines will love too. </p> <a class="dyn-arrow-link dyn-arrow-link--secondary" href="https://www.optimadesign.co.uk/web/how-we-work"> How we work </a> </div> </div> </div> </section> <section class="section fl_cta_banner" data-aos="fade-up" data-aos-once="true" data-aos-duration="1000" style="background-image: url('https://www.optimadesign.co.uk/images/jcogs_img/cache/Optima_Exterior_Copper_-_28de80_-_e21347d9d0767c1965cdd018b12c6b0713352b23.jpg')"> <div class="container"> <div class="row"> <div class="col-12 col-lg-10 mx-auto"> <h2>Are you planning your next website project and need some advice?</h2> <a class="dyn-arrow-link dyn-arrow-link--white" href="https://www.optimadesign.co.uk/contact"> Get in touch </a> </div> </div> </div> </section> <section class="section fl_our_approach_slider"> <div class="container"> <div class="row"> <div class="col-12 col-sm-10 mx-auto"> <h2>Our Approach</h2> </div> </div> <div class="row"> <div class="col-12 col-md-10 mx-auto"> <div class="our_approach_slider"> <div class="ap_slide"> <img loading="lazy" src="/images/jcogs_img/cache/strategy@2x_-_28de80_-_94abfc283fd9a05f349f9ae3afb789715ca05ef6.jpg" srcset="/images/jcogs_img/cache/strategy@2x_-_28de80_-_94abfc283fd9a05f349f9ae3afb789715ca05ef6_1316w.jpg 1316w, /images/jcogs_img/cache/strategy@2x_-_28de80_-_94abfc283fd9a05f349f9ae3afb789715ca05ef6_1974w.jpg 1974w, /images/jcogs_img/cache/strategy@2x_-_28de80_-_94abfc283fd9a05f349f9ae3afb789715ca05ef6.jpg 1975w" sizes="(max-width:1316px) 1316px, (max-width:1974px) 1974px, 1975px" alt="strategy@2x.jpg"> <h5>1. Strategy</h5> <p><p>Optima work closely with clients to develop a shared understanding of their business objectives and user needs. We listen, absorb and reflect on what you tell us. We ask lots of questions and challenge preconceptions, and we will always bring new possibilities and ideas to the table based on our experience and skills.</p></p> </div> <div class="ap_slide"> <img loading="lazy" src="/images/jcogs_img/cache/scoping@2x_-_28de80_-_c8b7cfa66aa92beb3f507581bc88408e698bc9c3.jpg" srcset="/images/jcogs_img/cache/scoping@2x_-_28de80_-_c8b7cfa66aa92beb3f507581bc88408e698bc9c3_1316w.jpg 1316w, /images/jcogs_img/cache/scoping@2x_-_28de80_-_c8b7cfa66aa92beb3f507581bc88408e698bc9c3_1974w.jpg 1974w, /images/jcogs_img/cache/scoping@2x_-_28de80_-_c8b7cfa66aa92beb3f507581bc88408e698bc9c3.jpg 1975w" sizes="(max-width:1316px) 1316px, (max-width:1974px) 1974px, 1975px" alt="scoping@2x.jpg"> <h5>2. Scoping and specification</h5> <p><p>Optima undertake research that, depending on your needs, may include UX workshops with different stakeholders and users, a review of analytics and competitor analysis. During this phase, all the resources and requirements needed to build the website are detailed and aligned with user and business strategies and objectives.</p></p> </div> <div class="ap_slide"> <img loading="lazy" src="/images/jcogs_img/cache/structure@2x_-_28de80_-_b48346d08ad6450924bc999d9760ca9f6c520fa2.jpg" srcset="/images/jcogs_img/cache/structure@2x_-_28de80_-_b48346d08ad6450924bc999d9760ca9f6c520fa2_1316w.jpg 1316w, /images/jcogs_img/cache/structure@2x_-_28de80_-_b48346d08ad6450924bc999d9760ca9f6c520fa2_1974w.jpg 1974w, /images/jcogs_img/cache/structure@2x_-_28de80_-_b48346d08ad6450924bc999d9760ca9f6c520fa2.jpg 1975w" sizes="(max-width:1316px) 1316px, (max-width:1974px) 1974px, 1975px" alt="structure@2x.jpg"> <h5>3. Site structure</h5> <p><p>Optima then design a website structure defining how users will interact with the website and how the system will respond to these interactions. We create a detailed sitemap determining how the website is organised, and information is prioritised. An SEO audit, strategy, and consideration of the customer journey through different digital touch points underpin this process.</p></p> </div> <div class="ap_slide"> <img loading="lazy" src="/images/jcogs_img/cache/wireframes@2x_-_28de80_-_ec40d434e0d78c07bf5076003a031fdc622c30b2.jpg" srcset="/images/jcogs_img/cache/wireframes@2x_-_28de80_-_ec40d434e0d78c07bf5076003a031fdc622c30b2_1316w.jpg 1316w, /images/jcogs_img/cache/wireframes@2x_-_28de80_-_ec40d434e0d78c07bf5076003a031fdc622c30b2_1974w.jpg 1974w, /images/jcogs_img/cache/wireframes@2x_-_28de80_-_ec40d434e0d78c07bf5076003a031fdc622c30b2.jpg 1975w" sizes="(max-width:1316px) 1316px, (max-width:1974px) 1974px, 1975px" alt="wireframes@2x.jpg"> <h5>4. Wireframing</h5> <p><p>Optima creates ‘skeleton’ page plans for each website that show the arrangement of elements and content on different devices. These plans are essential to understanding site navigation, the responsive grid and the priorities of different content. We refer to these skeleton plans as ‘wireframes’ as they demonstrate the website architecture underlying the visual design.</p></p> </div> <div class="ap_slide"> <img loading="lazy" src="/images/jcogs_img/cache/design_concepts@2x_-_28de80_-_705c8c7e6c96065c49cd4b46fccf18555df5a565.jpg" srcset="/images/jcogs_img/cache/design_concepts@2x_-_28de80_-_705c8c7e6c96065c49cd4b46fccf18555df5a565_1316w.jpg 1316w, /images/jcogs_img/cache/design_concepts@2x_-_28de80_-_705c8c7e6c96065c49cd4b46fccf18555df5a565_1974w.jpg 1974w, /images/jcogs_img/cache/design_concepts@2x_-_28de80_-_705c8c7e6c96065c49cd4b46fccf18555df5a565.jpg 1975w" sizes="(max-width:1316px) 1316px, (max-width:1974px) 1974px, 1975px" alt="design_concepts@2x.jpg"> <h5>5. Website design concepts</h5> <p><p>Building on the previous steps, Optima design stunning websites which develop a distinctive online brand presence for your brand. We ensure the design treatment fits your website and business objectives and reflect your brand vision and values. We consider specific design elements and how they contribute to user experience and create memorable associations with your brand.</p></p> </div> <div class="ap_slide"> <img loading="lazy" src="/images/jcogs_img/cache/development@2x_-_28de80_-_0c701892b04833e8f4e3187a9ecf3f53f2477a5f.jpg" srcset="/images/jcogs_img/cache/development@2x_-_28de80_-_0c701892b04833e8f4e3187a9ecf3f53f2477a5f_1316w.jpg 1316w, /images/jcogs_img/cache/development@2x_-_28de80_-_0c701892b04833e8f4e3187a9ecf3f53f2477a5f_1974w.jpg 1974w, /images/jcogs_img/cache/development@2x_-_28de80_-_0c701892b04833e8f4e3187a9ecf3f53f2477a5f.jpg 1975w" sizes="(max-width:1316px) 1316px, (max-width:1974px) 1974px, 1975px" alt="development@2x.jpg"> <h5>6. Website development and build </h5> <p><p>Optima build robust websites on a variety of content management systems. We build page templates and stylesheets to current web standards and mobile responsive technologies and deliver pixel-perfect web pages. We have built hundreds of responsive websites using HTML5/CSS3 and are experienced in delivering websites to W3C’s Web Content Accessibility Guidelines 2.1.</p></p> </div> <div class="ap_slide"> <img loading="lazy" src="/images/jcogs_img/cache/Testing@2x_-_28de80_-_15d8f9c9894dc29a6cc6d7e6cfe150012489abf0.jpg" srcset="/images/jcogs_img/cache/Testing@2x_-_28de80_-_15d8f9c9894dc29a6cc6d7e6cfe150012489abf0_1316w.jpg 1316w, /images/jcogs_img/cache/Testing@2x_-_28de80_-_15d8f9c9894dc29a6cc6d7e6cfe150012489abf0_1974w.jpg 1974w, /images/jcogs_img/cache/Testing@2x_-_28de80_-_15d8f9c9894dc29a6cc6d7e6cfe150012489abf0.jpg 1975w" sizes="(max-width:1316px) 1316px, (max-width:1974px) 1974px, 1975px" alt="Testing@2x.jpg"> <h5>7. Testing</h5> <p><p>Optima complete a high level of testing before websites are deployed. Our code is rigorously tested across the main browsers and devices, and any bugs are addressed. We also test website functionality, such as forms and data capture and do a final proofread, ensuring no placeholder content is visible before it is presented to the world.</p></p> </div> <div class="ap_slide"> <img loading="lazy" src="/images/jcogs_img/cache/Launch@2x_-_28de80_-_b6b79b4d20101971d40b31cd6c92d2c48ae98898.jpg" srcset="/images/jcogs_img/cache/Launch@2x_-_28de80_-_b6b79b4d20101971d40b31cd6c92d2c48ae98898_1316w.jpg 1316w, /images/jcogs_img/cache/Launch@2x_-_28de80_-_b6b79b4d20101971d40b31cd6c92d2c48ae98898_1974w.jpg 1974w, /images/jcogs_img/cache/Launch@2x_-_28de80_-_b6b79b4d20101971d40b31cd6c92d2c48ae98898.jpg 1975w" sizes="(max-width:1316px) 1316px, (max-width:1974px) 1974px, 1975px" alt="Launch@2x.jpg"> <h5>8. Website launch</h5> <p><p>Optima coordinates website launches in collaboration with client teams to ensure a smooth and timely transition. Pre-launch, we confirm we have the necessary details to deploy the website to a client’s server or in the server space we provide from our trusted UK providers. We are proud of the websites we launch, and each go-live is celebrated by ringing a bell in the office!</p></p> </div> <div class="ap_slide"> <img loading="lazy" src="/images/jcogs_img/cache/Maintenance@2x_-_28de80_-_740be5aa4a0455bab8a998076464ecb7719f9df1.jpg" srcset="/images/jcogs_img/cache/Maintenance@2x_-_28de80_-_740be5aa4a0455bab8a998076464ecb7719f9df1_1316w.jpg 1316w, /images/jcogs_img/cache/Maintenance@2x_-_28de80_-_740be5aa4a0455bab8a998076464ecb7719f9df1_1974w.jpg 1974w, /images/jcogs_img/cache/Maintenance@2x_-_28de80_-_740be5aa4a0455bab8a998076464ecb7719f9df1.jpg 1975w" sizes="(max-width:1316px) 1316px, (max-width:1974px) 1974px, 1975px" alt="Maintenance@2x.jpg"> <h5>9. Website maintenance</h5> <p><p>Optima continue to monitor and tweak the performance of newly launched websites to ensure they are working effectively. Beyond this, we offer a range of maintenance packages which enable us to continue to update the site and monitor site health as it develops and grows alongside digital technologies.</p></p> </div> <div class="ap_slide"> <img loading="lazy" src="/images/jcogs_img/cache/Promo@2x_-_28de80_-_f18ecbd7071463f57af3973e0fc2149bee3cd007.jpg" srcset="/images/jcogs_img/cache/Promo@2x_-_28de80_-_f18ecbd7071463f57af3973e0fc2149bee3cd007_1316w.jpg 1316w, /images/jcogs_img/cache/Promo@2x_-_28de80_-_f18ecbd7071463f57af3973e0fc2149bee3cd007_1974w.jpg 1974w, /images/jcogs_img/cache/Promo@2x_-_28de80_-_f18ecbd7071463f57af3973e0fc2149bee3cd007.jpg 1975w" sizes="(max-width:1316px) 1316px, (max-width:1974px) 1974px, 1975px" alt="Promo@2x.jpg"> <h5>10. Website promotion</h5> <p><p>Optima can assist with promoting your website to ensure it is discoverable and remains visible to your audiences. We offer various digital marketing services to support this, including SEO, pay-per-click, digital advertising, content marketing and email marketing.</p></p> </div> </div> <div class="our_approach_slider_nav"> <a class="prev dyn-arrow-link dyn-arrow-link--secondary"> <span class="sr-only">Previous Slide</span> </a> <a class="next dyn-arrow-link dyn-arrow-link--secondary"> <span class="sr-only">Next Slide</span> </a> </div> </div> </div> </div> </section> </main> <section class="section section--pre-footer"> <div class="container"> <div class="row"> <div class="col-12" data-aos="fade-up" data-aos-once="true" data-aos-duration="1000"> <div class="row"> <div class="col-12 col-md-4 me-auto"> <div class="px-3 p-md-0 mb-5 mb-md-0"> <h3>We’d love to be involved in your next project</h3> <p>We can work with you to:</p> <ul><li>Create, refine or rationalise your brand</li><li>Develop a stunning bespoke website</li><li>Produce innovative design for print or digital</li><li>Advance your digital marketing </li></ul> <a href="/contact" class="dyn-arrow-link dyn-arrow-link--secondary">Get in touch </a> </div> </div> <div class="col-12 col-md-7 px-0 px-md-3"> <div class="row"> <div class="col-12"> <img loading="lazy" src="/images/jcogs_img/cache/duke-of-wellington_-_28de80_-_047a2b2228c4d862449399f5c58c2f165d97c66b.jpg" srcset="/images/jcogs_img/cache/duke-of-wellington_-_28de80_-_047a2b2228c4d862449399f5c58c2f165d97c66b_400w.jpg 400w, /images/jcogs_img/cache/duke-of-wellington_-_28de80_-_047a2b2228c4d862449399f5c58c2f165d97c66b_600w.jpg 600w, /images/jcogs_img/cache/duke-of-wellington_-_28de80_-_047a2b2228c4d862449399f5c58c2f165d97c66b.jpg 601w" sizes="(max-width:400px) 400px, (max-width:600px) 600px, 601px" alt="Duke of Wellington exterior" class="lazy img-fluid"> </div> </div> </div> </div> <div class="row"> <div class="col-12 col-md-7 ms-auto"> <div class="hold-music-wrapper"> <div class="hold-music-content"> <div class="px-3 p-md-0"> <div class="title"> What’s playing on our hold music? </div> <div class="song-artist"> Blondie – Atomic </div> <div class="supporting"> Because we are constructing a web framework using Atomic Design Principles </div> </div> </div> </div> <div class="col-12 px-3 d-block d-md-none"> <a href="https://www.optimadesign.co.uk/blog/optimas-thirty-things" target="_blank"> <div class="logo-wrapper me-5 d-flex align-items-center"> <img class="w-25 mt-4 mb-0" src="https://www.optimadesign.co.uk/assets/images/common/Optima_30.png" alt="Celebrating 30 Years" loading="lazy" /> </div> </a> </div> </div> </div> </div> </div> </div> </section> <footer id="footer"> <div class="container"> <div class="row"> <div class="col-12 col-lg-5 footer-address-wrapper" data-aos="fade-up" data-aos-once="true" data-aos-duration="1000"> <a class="site_logo" href="https://www.optimadesign.co.uk/"> <img src="https://www.optimadesign.co.uk/assets/images/templates/optima-graphic-design-lincoln.svg" alt="Optima Graphic Design Consultants" width="148" height="41"> </a> <div class="contact_details"> <p>Optima Graphic Design Consultants Ltd<br /> The Duke of Wellington, 37 Broadgate<br /> Lincoln<br /> Lincolnshire<br /> LN2 5AE<br /> United Kingdom</p> </div> </div> <div class="col-12 col-lg-4 footer-nav-wrapper" data-aos="fade-up" data-aos-once="true" data-aos-duration="1000"> <nav class="footer-nav h-100"> <ul class="footer-menu h-100"> <li><a class="footer-menu-link underline" href="https://www.optimadesign.co.uk/design">Design</a></li> <li><a class="footer-menu-link underline" href="https://www.optimadesign.co.uk/web">Web</a></li> <li><a class="footer-menu-link underline" href="https://www.optimadesign.co.uk/digital-marketing-services">Digital Marketing</a></li> <li><a class="footer-menu-link underline" href="https://www.optimadesign.co.uk/privacy-policy">Privacy Policy</a></li> <li><a class="footer-menu-link underline" href="https://www.optimadesign.co.uk/cookie-policy">Cookie Policy</a></li> <li><a class="footer-menu-link underline" href="https://www.optimadesign.co.uk/terms-of-use">Terms of Use</a></li> </ul> </nav> </div> <div class="col-12 d-sm-none footer-mobile-socials-wrapper" data-aos="fade-up" data-aos-once="true" data-aos-duration="1000"> <ul class="footer-social-links d-flex"> <li><a class="footer-social-link" href="https://www.linkedin.com/company/optima-graphic-design-consultants-ltd" target="_blank"><i class="fab fa-linkedin-in"></i><span class="sr-only">Visit Optima Graphic Design on Linkedin</span></a></li> <li><a class="footer-social-link" href="https://www.instagram.com/optimadesign" target="_blank"><i class="fab fa-instagram"></i><span class="sr-only">Visit Optima Graphic Design on Instagram</span></a></li> <li><a class="footer-social-link" href="https://twitter.com/optimadesign" target="_blank"><i class="fa-brands fa-x-twitter"></i><span class="sr-only">Visit Optima Graphic Design on X (formerly Twitter)</span></a></li> </ul> </div> <div class="col-12 col-lg-3 footer-contact-wrapper" data-aos="fade-up" data-aos-once="true" data-aos-duration="1000"> <div class="footer-phone-email-careers h-100"> <div class="footer-phone-email"> <div class="footer-tel"><a href="tel:01522522773">01522 522773</a></div> <div class="footer-email"><a href="/cdn-cgi/l/email-protection#630a0d050c230c13170a0e020706100a040d4d000c4d1608"><span class="__cf_email__" data-cfemail="0b62656d644b647b7f62666a6f6e78626c65256864257e60">[email protected]</span></a></div> <div class="footer-contact"> <a class="dyn-arrow-link dyn-arrow-link--secondary" href="https://www.optimadesign.co.uk/contact">Get in Touch </a> </div> </div> <div class="footer-careers"> <p>Looking for your next role?</p> <div class="footer-careers-link"> <a class="dyn-arrow-link dyn-arrow-link--secondary" href="https://www.optimadesign.co.uk/careers">Careers </a> </div> </div> </div> </div> </div> <div class="row accreditations-row mt-4 mt-lg-5"> <div class="col-12 d-flex flex-wrap" data-aos="fade-up" data-aos-once="true" data-aos-duration="1000"> <a class="d-none d-md-block" href="https://www.optimadesign.co.uk/blog/optimas-thirty-things" target="_blank"> <div class="logo-wrapper me-5 d-flex align-items-center"> <img class="h-100" src="https://www.optimadesign.co.uk/assets/images/common/Optima_30.png" alt="Celebrating 30 Years" loading="lazy" /> </div> </a> <a href="https://www.ncsc.gov.uk/cyberessentials/overview" target="_blank"> <div class="logo-wrapper me-md-5 d-flex align-items-center"> <img class="h-75" src="https://www.optimadesign.co.uk/assets/images/common/Optima-Cyber-Essentials-Plus.svg" alt="Cyber Essentials Certified" loading="lazy" /> </div> </a> <a href="https://www.dba.org.uk/" target="_blank"> <div class="logo-wrapper me-md-5 d-flex align-items-center"> <img class="h-75" src="https://www.optimadesign.co.uk/assets/images/common/Optima_DBA_Member.svg" alt="Design Business Association Member" loading="lazy" /> </div> </a> <a href="https://www.investorsinpeople.com/" target="_blank"> <div class="logo-wrapper me-md-5 d-flex align-items-center"> <img class="h-75" src="https://www.optimadesign.co.uk/assets/images/common/investors-in-people-logo.png" alt="Investors in People" loading="lazy" /> </div> </a> </div> </div> <div class="row copyright-row"> <div class="col-12 d-flex align-items-center"> <p><small>© Optima Graphic Design Consultants 2024</small></p> <ul class="footer-social-links d-none d-sm-flex"> <li><a class="footer-social-link" href="https://www.linkedin.com/company/optima-graphic-design-consultants-ltd" target="_blank"><i class="fab fa-linkedin-in"></i><span class="sr-only">Visit Optima Graphic Design on Linkedin</span></a></li> <li><a class="footer-social-link" href="https://www.instagram.com/optimadesign" target="_blank"><i class="fab fa-instagram"></i><span class="sr-only">Visit Optima Graphic Design on Instagram</span></a></li> <li><a class="footer-social-link" href="https://twitter.com/optimadesign" target="_blank"><i class="fa-brands fa-x-twitter"></i><span class="sr-only">Visit Optima Graphic Design on X (formerly Twitter)</span></a></li> </ul> </div> </div> </div> </footer> </div> <div id="cookie-banner"> <p><strong>Cookie Policy: </strong>Our site uses cookies to analyse usage, record your cookie preferences and give you the best possible experience. <a href="https://www.optimadesign.co.uk/privacy-policy">Tell me more</a></p> <div class="cb-controls"> <form id="cookie-banner-form" method="post" action="https://www.optimadesign.co.uk/web" > <div class='hiddenFields'> <input type="hidden" name="ACT" value="10" /> <input type="hidden" name="RET" value="415SBYru/u1E94UQdwDDsszeoqvSwYE1LXTryPu7zGo=" /> <input type="hidden" name="consent_names" value="V4Jyywg3DK2l4GyRUAChDheIhiOL04FZJlqfXPKYdtWBIi1hpIw3pcMkpgzdICyTKBbVsCZPYWb97dD76G/GYrcPRjWGkop4SQ4bauKnCMTi3Mw37MH33gwxgHtexNzL" /> <input type="hidden" name="site_id" value="1" /> <input type="hidden" name="csrf_token" value="3ea9212e4cdb4a4e234da30800a00bac2c38fc55" /> </div> <input type="hidden" name="ee:cookies_functionality" value=""> <input type="hidden" name="ee:cookies_performance" value=""> <input type="hidden" name="ee:cookies_targeting" value=""> <a href="#" class="cb-settings">Cookie Preferences</a> <button class="btn btn-primary cb-btn-reject" data-act="47">Reject All</button> <button class="btn btn-primary cb-btn-accept">Accept All</button> </form> </div> <a href="#" class="cb-close" aria-label="Close cookie preferences window"></a> </div> <div id="cookie-settings-overlay"> <div id="cookie-settings"> <h3>Cookie Preferences</h3> <form id="cookie-settings-form" method="post" action="https://www.optimadesign.co.uk/web" > <div class='hiddenFields'> <input type="hidden" name="ACT" value="10" /> <input type="hidden" name="RET" value="LVYNoyl3LUPaZGBAtSxUN2Z9rTEI+15fb4AXJFUSsd4=" /> <input type="hidden" name="consent_names" value="ol3zGzNI8wDwM1RE2ieo6jA9SJA6hvgkiQqscGm0V09F3qkhqZWO4xS/bFCTCd/LNjV6HvxQHJ3YU4CUZg7RyayUuystjxygGPOEvAxfuz0Yl4RNwm0csGelrnQUzl1a" /> <input type="hidden" name="site_id" value="1" /> <input type="hidden" name="csrf_token" value="3ea9212e4cdb4a4e234da30800a00bac2c38fc55" /> </div> <div class="cs-box"> <div> <label for="cs-switch-ee:cookies_necessary">Necessary Cookies</label> <p>These cookies are used to record your cookie consent preferences and secure form submissions. <a href="https://www.optimadesign.co.uk/cookie-policy" class="dyn-arrow-link dyn-arrow-link--secondary" target="_blank">Tell me more</a></p> </div> <div class="form-check form-switch"> <input type="checkbox" class="form-check-input" id="cs-switch-ee:cookies_necessary" name="ee:cookies_necessary" value="y" checked disabled> </div> </div> <div class="cs-box"> <div> <label for="cs-switch-ee:cookies_functionality">Functionality Cookies</label> <p>These cookies help us personalize content and functionality for you, including remembering changes you have made to parts of the website that you can customize, or selections for services made on previous visits. If you do not allow these cookies, some portions of our website may be less friendly and easy to use, forcing you to enter content or set your preferences on each visit. <a href="https://www.optimadesign.co.uk/cookie-policy" class="dyn-arrow-link dyn-arrow-link--secondary" target="_blank">Tell me more</a></p> </div> <div class="form-check form-switch"> <input type="checkbox" class="form-check-input" id="cs-switch-ee:cookies_functionality" name="ee:cookies_functionality" value="y" > </div> </div> <div class="cs-box"> <div> <label for="cs-switch-ee:cookies_performance">Performance Cookies</label> <p>These cookies allow us measure how visitors use our website, which pages are popular, and what our traffic sources are. This helps us improve how our website works and make it easier for all visitors to find what they are looking for. The information is aggregated and anonymous, and cannot be used to identify you. If you do not allow these cookies, we will be unable to use your visits to our website to help make improvements. <a href="https://www.optimadesign.co.uk/cookie-policy" class="dyn-arrow-link dyn-arrow-link--secondary" target="_blank">Tell me more</a></p> </div> <div class="form-check form-switch"> <input type="checkbox" class="form-check-input" id="cs-switch-ee:cookies_performance" name="ee:cookies_performance" value="y" > </div> </div> <div class="cs-box"> <div> <label for="cs-switch-ee:cookies_targeting">Targeting Cookies</label> <p>These cookies are usually placed by third-party advertising networks, which may use information about your website visits to develop a profile of your interests. This information may be shared with other advertisers and/or websites to deliver more relevant advertising to you across multiple websites. If you do not allow these cookies, visits to this website will not be shared with advertising partners and will not contribute to targeted advertising on other websites. <a href="https://www.optimadesign.co.uk/cookie-policy" class="dyn-arrow-link dyn-arrow-link--secondary" target="_blank">Tell me more</a></p> </div> <div class="form-check form-switch"> <input type="checkbox" class="form-check-input" id="cs-switch-ee:cookies_targeting" name="ee:cookies_targeting" value="y" > </div> </div> <button class="btn btn-primary" data-act="47">Save</button> </form> <a href="#" class="cb-settings-close" aria-label="Close cookie settings window"></a> </div> </div> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="/assets/js/plugins-min.js?v=1732030028"></script> <script src="/assets/js/onload-min.js?v=1732196602"></script> <script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script> </body> </html>

CINXE.COM

Website Design & Development Agency | Lincoln | Optima Graphic Design Consultants