francis-antobre-portofolio

Chiwawa Magazine


  • Technical Information:
  • Software Programs used: Adobe Xd/Photoshop/Illustrator/After effects

  • Role: Information Architecture/ UI/UX Designer/ Graphic Designer
  • Client: Chiwawa Magazine
  • BCIT New Media and Web Development Certificate
  • Process

    The idea is to have a clean and dynamic magazine style layout. Easier navigating the site and having the some feel of print magazines. All stories having a thumbnail that will break stories in blocks. Also employing little headlines on its own. The mixture of these does not loose the appeal of the site

    Information Architecture - Wireframe


    francis-antobre-portofolio
    francis-antobre-portofolio

    I created a low fidelity copy of the wireframe. This helps to decide the layout without putting much emphasis on the colors. I am able to focus on the process rather than aesthetics.

    Information Architecture - Color/Styleguide


    francis-antobre-portofolio
    francis-antobre-portofolio

    The client wanted a color that identifies their brand. I chose same colors to match the feel of the site. And I mix it with neutral colors to reduce over empowering the visitor. I created a style guide to give me consistency. It served as a guide on what needs to be included such as credibility and accessibility.

    Final - Mockups


    francis-antobre-portofolio
    francis-antobre-portofolio
    francis-antobre-portofolio
    francis-antobre-portofolio