Website Workflow for Bailey Street Design

I am currently working on a website for Amos Roberts, he a master builder and ex-professional Australian international Rugby League Player.

I am adding images and a logo update to several pages

    • 1 Open Adobe Muse Application: Adobe Muse is a website builder that allows designers to create fixed, fluid, and adaptive websites without having to write any code.
      Akora Group Website
      Adobe Muse plan view for Akora Group website. The business website for Amos Roberts
    • 2 Review Page: I add the hero image to the ‘Reviews Page’.akora-reviews-page
    • 3 Hero Image – Review Page: I recently took a number of photographs of the completed residential developments at Barangaroo.  I have decided to use them as content holders.
      Akora Group: Hero Image
      Akora Group: Hero Image placed on main page.
    • 4 Add Logo File: When I create a logo for a project it is necessary for me to save the file in different formats i.e.: ai, eps, gif, jpg, tif.akora-logo-fils
    • 5 Placement of Logo: The following is a screenshot of the placement of the finished logo on the 550px breakpoint (tablet view) of the website.akora-550px-breakpoint
    • 6 Logo placement on landing-page: I place the logo in one of the five breakpoints; 320px, 550px breakpoint, 768 px, 960px and 1160px.  I have to check each breakpoint in order to check the position of the logo so that it is rendering correctly in each view.
      Akora Group Landing Page
      Akora Group Landing Page – positioning of the logo into the correct position
    • 7 Publish to Business Catalyst:  For all my clients I create a testing server so that they have the opportunity to review the website before it goes live.

teamSimon is a Sydney based digital designer. He is the Director of a boutique digital design studio, Bailey Street Design located in the vibrant inner west suburb of Newtown. Simon studied graphic design at Shillington College and specialises in web design for small and medium size businesses. Simon and his team (Toby the studio dog) are passionate about visual communication in the digital environment


If you enjoyed reading this post you may also be interested in reading;

The star wars logo changes from yellow to red.

Tooltips – Embedded Assistance

8 Reasons Why Your Business Needs a Website

Mobile vs. Desktop Design

Mobile vs. Desktop Design


Leave a Reply