• Hello

    I am

  • iamjxf

Featured Work

My most recent projects

  • Rural Solutions PortalConcept, Design, & HTML/CSS
  • IFAD Agency WebsiteHTML/CSS
  • I.O.E. Micro WebsiteHTML/CSS
  • U.N. Rome AgenciesConcept, Design, & HTML/CSS
arrow_backBack
Nextarrow_forward
  • Rural Solutions Portal
    URL:  www.RuralSolutionsPortal.org
    My Roles:  Concept, Design, HTML/CSS
    My Process:  The project brief called for "a portal that offers real-world solutions to rural based challenges" with emphasis on compelling and clear visual presentation of solutions. Using competitive analysis and targeted analytic data, we proceeded to establish a set of ideal user personas. Once a clear path and objective was determined I created a set of initial wireframes in Sketch taking into account the final product would be based on the BootStrap framework. These wireframes were converted into a set of detailed layouts using Atomic principles for clear definition of key components. I then created a set of layouts along with a custom BootStrap theme in HTML5/CSS3, including an immersive parallax based home page header to help engage the visitor establishing the mood of the site. After being integrated into the LifeRay platform, the final prototype was premiered on November 2017 at the yearly United Nations SSTC conference and in now live in beta.
  • IFAD Agency Website
    URL:  www.IFAD.org
    My Roles:  HTML/CSS
    My Process:  With the initial design completed, this project needed additional components and markup created as well as specific device responsive adjustments/troubleshooting. The site was running on the LifeRay platform and built on a BootStrap framework. Based on the existing custom theme, I developed a set of components and additional pages that could be easily integrated. Before public launch, I assisted the team in extensively testing various pages for proper device responsiveness and clear path visitor objectiveness.
  • I.O.E. Micro Website
    URL:  www.IFAD.org/IOE
    My Roles:  HTML/CSS
    My Process:  Starting with an approved static design, I converted each page layout into markup and developed a custom BootStrap based theme. Also created a set of branded components for various dynamic areas. Extensively tested all pages for proper device responsiveness before final platform integration.
  • U.N. Rome Agencies
    URL:  www.ZeroHunger.world
    My Roles:  Concept, Design, HTML/CSS
    My Process:  This project brief detailed an “initiative to bring all three of the U.N. Rome based agencies under one online presence emphasizing their commitment to help eradicate world hunger”. The focus of the one page site was on the presentation of cooperative solutions for the Zero Hunger initiative. I began with a very simple competitive analysis and researched a set of similar based online examples. The information gathered helped me create an interactive wireframe in Sketch. Once approved, this wireframe was converted into a detailed layout using Atomic principles for key dynamic components. After approval of all involved agencies, I converted the final layouts into HTML5/CSS3 markup with a custom BootStrap theme to be integrated into the LifeRay platform. The final version includes an auto play header video with parallax layer which helps bring attention to the purpose of the site.

Other Works

Older select projects both large and small

  • Acacia Lifestyle iOS AppConcept & Design
  • Orchid Recovery iOS AppConcept & Design
  • MaxMy401k iOS AppConcept & Design
  • Sharper Tailgating WebstoreE-Commerce Custom Design
  • Digital Risk WebsiteWordpress Custom Design
  • INYO Pool ProductsE-Commerce Custom Design
arrow_backBack
Nextarrow_forward
  • Acacia Lifestyle iOS App
    My Roles:  Concept, Design
  • Orchid Recovery iOS App
    My Roles:  Concept, Design
  • MaxMy401k iOS App
    My Roles:  Concept, Design, Branding
  • Sharper Tailgating - Online Store
    URL:  No longer live
    My Roles:  E-Commerce Custom Design, Branding
  • Digital Risk - Corporate Website
    URL:  www.DigitalRisk.com
    My Roles:  Wordpress Custom Design
  • INYO Pool Products
    URL:  www.InyoPools.com
    My Roles:  E-Commerce Custom Design, Branding

My Skillset

What I can do and how I can do it

  • brush

    Creative Tools

    Adobe Creative Studio and Sketch for graphics, IU element creation, and branding.

  • data_usage

    Conceptual Tools

    Balsamiq, inVision, and Sketch for creating wireframes, prototyping, and presenting ideas.

  • multiline_chart

    UX Testing Tools

    Conversion and user experience testing with VWO, Optimizely, and Google analytics.

  • code

    Scripting & Markup

    Building it up with HTML5, CSS3, and the awesome BootStrap framework. Bringing the bells / whistles to life when needed with JQuery and Angular.

  • important_devices

    Content Management

    I have experience with most out there depending on project requirements. Recently it's been LifeRay, Squarespace, and Wordpress.

Say Hello

I am currently not available for outside projects.