Skip to content
Dorve Logo
  • UX Work
  • UX Services
  • UX Blog
  • UX Team
  • Testimonials
  • HIRE US

Uglobal: Rebranding and UI redesign for success

Project Info

Uglobal is one of the largest platforms dedicated to education and networking for international investment and immigration.

Due to the growth of their business and their need to reach new markets, they asked us to update their brand. Requirement was: clean and sophisticated, but modern and colorful.

In addition to the above, client asked to keep all its functions and current pages. Also, make the new version very easy to understand for its existing users. And of course, for people who had never visited the site before.

Finally, we had to create the front-end code of the pages. We took into account that Uglobal has a backend system made in Django.

Uglobal UI made on Sketch

The Process

Initially, we created a basic wireframe structure.

Then, we created a style guide to use as a starting point for all other pages.

Such style guide helped us to make all pages consistent despite the differences that many of them had in the original site.

At the same time, we generated the information architecture (IA). This IA would allow old pages and elements to coexist with the new pages on Uglobal.

Needless to say, we took special precautions regarding accessibility in order to achieve WCAG2.0 guidelines as a minimum.

Finally, we designed the initial page so that the client could provide feedback. Once approved, we refined some elements of the original style guide. This new UI iteration helped us define all other pages.

Once the user interface for all pages was approved, we created a basic model in Bootstrap to accelerate front-end creation times.

Uglobal Final Deployment

We deployed the site and tested in our own servers. Then, we ported it to the client’s server.

After the site launching, we continued working on new aggregates and changes.

In this second stage we change our design stack to a model based almost entirely on InVision. So, we use InVision Studio, and InVision collaboration and messaging (on top of their existing Trello system).

Uglobal Cover

Requirements

To redefine Uglobal's established brand while keeping all features and making it all works with existing back-end system

Strategies/Techniques

Heurystic Analysis
Wireframing
Style Guides
Interactive Mockups
UI Implementation
Front-End Development

Tools

Ideation stage: Balsamiq, Illustrator, communications on Trello and Slack
Prototyping stage: Photoshop, Sketch
Implementation stage: Development in HTML5, CSS3 and JS
Testing Stage: Testing in multiple devices, use of accessibility analysis tools (Wave and Siteimprove), speed analysis (Google Lighthouse and GTMetrix) and SEO

Final Results:

Uglobal new brand became an immediate success with an incredible user engagement so they asked us to work on another site for the same company. Also, we still develop and fine tune Uglobal even further!

Photo Gallery

  • Uglobal Contact Us

    Contact Us

  • Uglobal Profile Page

    Profile Page

  • Residency Page

    Residency Page

  • Uglobal Media Page

    Media Page example with bogus content

  • Uglobal Specific Conference Page

    Uglobal's Single Conference example

  • Uglobal Program Page

    Program Page

  • Uglobal Article Page

    Article Single

  • Magazine Page

    Magazines Page

  • Conference Page

    Uglobal Conferences Page

  • Speakers Conference Page

    Speaker's tab on conference page

  • Uglobal About Us

    Uglobal Team Page

  • Citizenship Page

    Citizenship page UI

  • Uglobal Frontpage

    Frontpage for Uglobal

The Blog

Google Optimize Sunset: GOes Google Analytics 4 (GA4) Breaking News: Google Optimize goes down on Sept. 30
interactive design: 2023 AI-based design front cover Interactive design: Will 2023 be the breakthrough for AI-based design?
UX and CX: Jumbo's KletsKassa Amazing CX: Jumbo creates slow checkout lanes
Human Centered Machine Learning: the good and the bad Human Centered Machine Learning: the good and the bad
Lecanemab news: FDA approves it under the brand Leqembi Lecanemab: new hope for Alzheimer’s comes at a $56,000 price
Adobe acquires Figma Adobe buys Figma: 5 reasons for hope or doom
UX and crypto cover image Is UX ready for the new cryptocurrency world?
Upwork 2021 rebranding analysis cover Upwork 2021 rebranding: a much improved look
Build your first Quantum UX project cover image Design your first Quantum UX project in 7 easy steps
new VISA logo 2021 New Visa logo in 2021? Well, kind of…
physical ux design cover Physical Design: A perfect set of 77 UX Heuristics
better UI for alzheimer's and parkinson disease cover image 11 tips to create better UIs for people with Alzheimer’s and PD
Disabled person at work using an accessible interface Accessible interfaces: Top 25 ways for a better website
Los Angeles tourism brand cover Los Angeles new tourism brand is the ultimate “back to 80s” sensation
great brand design: Huggies 2021 Great Brand Design: Huggies 2021 brand identity
Artificial Intelligence and UX Artificial Intelligence and UX: a 2000 words Quantum UX practical example
user interface design 6 years old kid amazing User Interface design skills!
ux writing and ux upgrades cover Perfect UX writing: AirBnB 2021 UX upgrades example
  • UX Blog
  • UX Services
  • Our UX Team
  • Testimonials
  • Contact Us!
  • Sitemap
  • Privacy
Dorve UX and UI Logo
-->