×
  • Home
  • Web Development
  • UI/UX
  • About
  • francis-antobre-portofolio

    Killarney Wales Day Care


  • Technical Information
  • Technologies: JavaScript/HTML/CSS/Bootstrap/Amazon Web Service
  • Software Programs used: Visual Studio/Adobe CC/Mockup plus

  • Role: Web Designer/Graphic Designer/UI Designer
  • Client: Killarney Wales Day Care
  • BCIT New Media and Web Development Certicate
  • process

    Killarney Wales Day Care approached me to design a website for their school. The project required a colourful and clean layout website. They wanted a minimalist and static website. I chose to build the website with bootstrap framework to speed up the process.

    Information Architecture – Wireframe


    francis-antobre-portofolio
    francis-antobre-portofolio

    I started by drawing the wireframes on paper. This process gives me the opportunity to put ideas than faster when am not accesible to computer. I am able to see problems earlier and correct them. I am also able to share with fellow developers who are not accessible to their desktops. We are able to see have conversation and process it even when we are on our breaks or outside. It also saves me some cost of money and energy.

    Low Fidelity - Wireframe/Sitemap


    francis-antobre-portofolio
    francis-antobre-portofolio
    I took the exploration to the the computer side and created a low fidelity wireframe. I created a sitemap that helps me in planing of the pages on the site. Having a sitemap, I am to communicate and let the client see the structure of the web site.

    User Interface - Color Guide


    francis-antobre-portofolio
    francis-antobre-portofolio

    The client wanted a website with lively colors as their audience are mostly parents of their students. They wanted to present their school as a cheerful and energetic place. I created a style guide to show the client the feel of the website. I used the style guide as a guide.

    Final - Website


    francis-antobre-portofolio
    francis-antobre-portofolio

    The final website is complete and the client likes it.