# Release software, easy to picture. A demo before any sales call. Enov8 · website for an Australian software company, designed and built **Designed, built and live on enov8.com** · Updated since by the client Enov8 is an Australian company that sells IT delivery software to large firms. Banks, insurers and health firms use it for test environments and releases. I designed and built its website end to end. A layered graphic explains its 4 modules, and the in-browser demo leads every page. The live site still runs my design, updated since by the client. ## The problem IT delivery software runs work nobody sees, so a web page must show it. ## What changed - A homepage that shows the platform, proves it, then offers the demo - Every page type drawn for desktop and for the phone - 1 system of type, colour and dimensions under every page ## The result 12 page types on 3 text styles, 6 colours and 1 grid · Website UX, UI, graphics and build, end to end ## Tab by tab ### Hero Invisible software, drawn as 1 stack. - The homepage's first fold, large: the headline The Command Center for Your Software Releases, 1 line on 1 place for applications, environments, data and releases, a green Launch In-Browser Demo button, and the platform drawn as 1 stack of 4 coloured layers on a black base, each label's icon in its layer's colour: Application Portfolio Management green, Environment Management orange, Release Management blue, Data yellow, Ecosystem Control Tower black, with an arrow out of the top. The stack builds from its base up as the fold rises. ### First screen The demo comes first. - Clarity: 1 headline names it, a command center for releases. - Action: the demo is the first button, and the top bar offers it too. - Trust: 8 enterprise logos sit right below, so buyers see peers first. - The homepage's first screen as the buyer meets it, on 1 page card: a green top bar offering a free, instant demo with Launch Now, the menu with Contact Us, the headline The Command Center for Your Software Releases, 1 line, a Launch In-Browser Demo button, the layered platform graphic beside it, and under it Trusted by organisations around the world with 8 client logos. ### Product views Busy screens, redrawn calm. - Focus: the real screen cut to its shape, totals, chart and table. - Safety: no names or figures, so nothing leaks and nothing dates. - Hierarchy: 3 totals as icons on the left, so the eye starts there. - 1 view, the Ownership Cost Overview screen redrawn dark for the site's black bands: a breadcrumb and 2 filters on top, 3 totals as icons on the left, a bar chart of ownership cost by business unit in the brand's colours, and a System Overview table drawn as empty rows. The file holds 8 such views, each drawn light and dark, traced from the real product screens. ### Phone Every page, drawn for phones. - Action: the demo sits under the title, 1 thumb away. - Depth: the black band keeps its drawing whole on a narrow screen. - Menu: 1 icon opens the mega menu as 1 sheet, each group in place. - 2 phone screens side by side, each from its top: the Platform page with the green top bar, the menu icon, the title Enterprise Intelligence, a Launch In-Browser Demo button and the black band Scaled agility across your IT Application Fabric with the ecosystem drawing, and beside it the menu as 1 sheet with Platform open, then Resources, Blog and Company. The file draws all 12 page types for a phone, plus 2 menu states. ### System 1 system under every page. - Type: 1 typeface in 3 steps, display, lead and body. - Colour: 5 greens and 1 ink, each with 1 job, so no page guesses. - Dimensions: 1312 of content in 1440, 64 margins, so every page shares 1 grid. - 3 whole sheets, 1 at a time. Type: Geist ExtraBold 60/60 for display, Medium 24/31 for the lead, Medium 18/29 for body, each cut from the real hero. Colour: 6 primitives with their jobs, brand green for the logo and icons, button green for the 1 call, deep green for words, pale green for rings, a pale ground, ink for text, and 3 blends, with the top bar, menu and demo button shown in use. Dimensions: a redline of the first fold, a 1440 frame with 1312 of content inside 64 margins, a 56 top bar, an 80 menu, 56 buttons, a 440 phone frame with 24 margins. ### Live build Designed, built and still live. - Fidelity: the live page keeps the file's title block, type and colour. - System: 1 top bar, menu and call carry every live page. - Reach: the page runs as drawn, grid and art updated since by the client. - The About page in 1 page card, as designed, then live on enov8.com as captured on 7 Nov 2026: the same top bar with Launch Now, the menu, the title About Us with 1 line and a Contact Us button, then About Enov8 on a pale green band with a grid of 9 parts of the platform, then Our History with its drawing. Live, the grid is retitled and recoloured and the drawing is a photo, updated since by the client. [See it on enov8.com](https://www.enov8.com/why-enov8/) Page: https://www.surinder.design/work/enov8