Brian Dys

Tag: RE:Creation

  • RE:Creation No. 1: Google

    Google Homepage
    A screenshot of Google’s homepage. 7 September 2018

    For the first episode of RE:Creation, we’ll be re-creating the most visited website in the world—Google. It looks like a fairly simple web page—both in content and functionality, so it’s a perfect choice.

    Let’s begin!

  • Deconstructing Instagram

    As an exercise on Front-End Development, The UI Team took a screenshot from instagram.com and treated it as if it were a design mockup.

    We then proceed to deconstruct its Structure and Skeleton (Elements of UX) thru Information Architecture, Interaction Design, Information Design. The knowledge that arose in this deconstruction was used in building the HTML and CSS.

    See the Pen RE:Creation: Instagram by Brian Dys Sahagun (@briandys) on CodePen.

    We, as Visual Designers, have experienced how time-consuming it was to build the Front-End of a design mockup basing only on a simple image.

    The Design Handoff warrants to have more than the Brand Guidelines, Style Guide. It must also have some form of Information Architecture and Interaction Diagram that could greatly make Front-End Development faster.