Sync With PayPal 

A hassle free setup to let customers securely import PayPal transactions. 

 is a leading search engine for apps. By unlocking the power of the app ecosystem, the Quixey network helps users find the most relevant content within apps through deep search, machine learning, and natural language. Recently backed by a $75 million partnership with Alibaba, Quixey is working to lead the global search economy and generate more responsive queries.

 

In September 2014, Quixey launched a barebones structure of its new Developer Portal. As a consumer-facing ecosystem, the product was geared towards getting developers to build on Quixey's platforms and use its APIs, while offering better search rankings and deep search capabilities for their app in return. However, the product needed a visual & UX overhaul, with the intent of creating more innovative interactions and defining consistent UI structures across the web experience.

 

I was brought on as a designer (contract) to collaborate with engineers and PM's in leading UI/UX development of this developer portal. The scope of the project included designing a fresh onboarding page, creating complete user flows for app uploading and user sign up, and building an app dashboard for developers to track analytics. Quixey's experience standards included staying consistent with the current brand, while still creating a user-centric and emotionally engaging product. Through user research, user flows, wireframes, visual mockups, and prototypes, I have been working with 3Magine, a Toronto-based development agency, to see through the site's front-end implementation. This first phase of this project is scheduled to be shipped by end of December 2014.

Project significance

In a Page, Blog List, Events List, Product List, or Album page, you can create a large banner in Settings (in Site Manager). Just upload a Thumbnail Image, and add your text to the Description field.

  • Bolded text will become a Headline
  • Links on the last line will become Buttons

 

design goals

If you want a large banner slideshow on Page Collections, you can place a Gallery Block at the very top of the Page, before all other blocks.

  • Gallery Block must be set to slideshow mode
  • As with Page Banner, putting bolded text or links in the description for each gallery slide will create Headlines and Buttons

 

process

Created a slideshow of Featured Posts in Blog List view by featuring individual posts. Your five most recent Featured Posts will automatically be placed into a slideshow at the top of the Blog List.

 

impact(like simon bike example)

In a blog post’s Item View, the post’s thumbnail will automatically be placed into a banner at the top of the page, along with the post’s title and your chosen meta info.

 

Sidebar

Bedford features sidebars that appears in several situations:

  • Folder Navigation, on the left of any Page inside a Folder
  • Category Navigation, on on the left any Product List with categories
  • Blog Sidebar, on the right side of Blog pages

You can choose to show the title of the Folder or Product collection. If you don’t want to show the sidebars, you can choose to hide them entirely with a Style Editor option.

Index

Bedford’s Index allows you to stack multiple Pages on top of each other. Each Index Page will feature all the banner options available to other Pages in the site, including the Page Banner, Page Banner Slideshow, and Simple Image Banner options.


The Index also features a Fixed Navigation, which will appear after you scroll past the first Page in the Index. This navigation is only available while browsing an Index in Bedford.

Style Editor Options

Site Header

Header Background Color – Change the background color of the header bar at the top of the page.

Site Title Font + Color – If no logo image is uploaded, set the typeface, font properties, and color of the Site Title.

Transparent Header – If a banner image of any sort is uploaded on a particular page, the header background will become transparent. Pages without banner images will keep the Header Background Color, as will folder dropdowns.

Logo Container Width – Set the width of the logo container, effectively changing the size of the logo. If the logo container is smaller than the size of the uploaded logo image, the logo image will shrink, but if the logo container is larger, the logo will not become larger than the uploaded image. The nav will take up the rest of the space to the right of the logo container.

Site Title Container Width – Set the width of the site title container. This effectively allows control over the wrapping of the site title.