My Summary Portfolio

|   Senior UX Designer   |


Show Projects
close slider

My Story

I have never believed in "design-for-design's" sake; design is an art that evokes emotions, draws attention and a science that delivers value! I love and believe in art + science of functional design and this summarizes my approach to designing experiences and products that delivers value.

This had always been my opinion in art school and thanks to technology and human interaction, this opinion is winning the debate. Great user-centered design creates meaningful experiences by deliver amazing value.

A little about me...

UX Designer, Shadow Developer, Influencer, Motivator & Entrepreneur – Charles is a highly driven creative with over 9 years UX design experience, constantly seeking new ways to tell stories, evoke emotions, and enhance the human experience through technology, functional design, consumer products & thought.

In a nut shell, that pretty much sums up my career focus. Whether its solving a complex design problem or just crafting product ideas, I aim for simple, intuitive solutions that improves the end product and lives around me. I really enjoy what I do and my greatest thrill is getting results and delivering tangible value.

Being a UX designer has always been my first love - it tasks my curious, analytical and creative mind - to deliver functional solutions crafted from text, form, color, and even motion.

I have a masters in Digital Media - Interactive Design and Human Computer Interaction from Northeastern University, Massachusetts and a BA in Graphic Design and Advertising from Obafemi Awolowo University in Nigeria.

My digital design career has been very interesting and I have gained valuable experience working in advertising, brand management, marketings and corporate communications, non-for-profits creating and managing experiences across platform and device applications. I have been actively helping enterprise-level corporations across different sectors such as banking, retail, manufacturing, food and beverage, and healthcare; to create top of mind awareness and win mind share by connecting with their target audiences.

Consider me a thorough bred designer at heart with great passion for user satisfaction. My technical ability with industry standard design tools and versatile knowledge of evolving technologies gives my designs the functional depth to create products with features that add value to businesses; empowering their customers and other stakeholders within the value chain.

When working in a team, I love to push the pixel to deliver critical artifacts for stakeholder engagement and alignment by creating clarity for product development teams while respecting best practices, timelines, resources and occasionally bending the rules to delight.

Current Role

I am currently the Lead, UX Designer for the eCommerce division at Philips Lifeline in Framingham, Massachusetts. Previously, I worked on a couple of consultancy digital projects in healthcare to build business process efficiency apps with Premier Health Systems at Auburn and Careforte Health solutions in Worcester. Prior to this, I led different teams of designers and creatives at multinationals in various capacities in Nigeria as well as on different projects in the United Kingdom and South Africa.

For me, a project is simply - a story to be told with a great ending. A compelling story never gets old. The idea of finding the best narrative provides a journey that ushers in a new experience to learn, connect with people - makers or end users and find fulfillment in a job well done.

In my spare time (if I am not designing, learning or researching the user experience space), I love to watch a great movie, rack up points playing with bragging rights playing Soccer on PS4(geeezzzz…I know right!) then I am playing the drums professionally at gigs with a band.


Skills Summary

I bring a blend of entrepreneurial ideation, collaborative, right- and left-brained approaches to problem solving.


Expertise

User-centered Design, Service Design, User Research, Design for Emotion, Rapid Iteration, Product Strategy, Content Strategy, Lean UX, Information Architecture, Prototyping, Usability Testing, Visual Design & Agile


Methods

Contextual inquiry, design thinking, customer empathy, stakeholder interviews, remote and in-person user testing, task flow analysis, heuristic evaluation, card sorting, wireframing, personas, journey mapping, user flows, end-to-end experiences, multi-device ecosystem analysis, rapid prototyping and iteration


Toolbox & Software

Pen & Sketch Pad, Adobe Creative Suite - Photoshop, Illustrator, Experience Design, After Effects, Flash, Audition, Premiere, Dreamweaver; Axure, Balsamiq Mockups, Sketch, Invision, JustInMind, UXPin & Proto. Research: Ethnio - UX Research Management


Web & Mobile Development

HTML5, CSS3, Javascript (other JS libraries - jQuery, jQuery Mobile, node.js, AngularJS, ReactJS), Ajax, RoR, Bootstrap, Kickstarter, PHP & MySQL, & Adobe Phone Gap


Content Management

WordPress, Adobe Experience Management/CQ5, Joomla, Drupla, Contentful CMS



Education

Northeastern University - Boston, MA | 2015

College of Professional Studies

Masters in Digital Media (Interactive Design)



Obafemi Awolowo University - Osun State | 2004

Environmental Design & Management

B.A in Fine Arts (Graphic Design & Advertising)



Contact


stc.image@gmail.com

☏ 774-318-7412



References


Upon Request







Copyright © 2016, Charles A. Oguntubi. All rights reserved.




Close

My Design Process

We all tell stories differently but we can always learn something new!

A great process delivers great solutions; and the ability to repeat the process fosters efficiency and collaboration, and it should be measurable.

My recipe for great work is in my approach, principles and my checklist listed below. Every project requires a different level of thinking and depth but these recipe has not let me down yet.

My fundamental approach

Solving problems can mean chaos but my approach starts with design thinking which is - cyclical in nature and is centered around research and strategy. Making it easier to adapt to a projects's needs and engage from the onset of defining new design initiative, or begin engagement at any point in the initiative's life cycle - whether that be during the conceptual design phase, during testing of a concept or product, or possibly during the development of a new product or service.


process image

Research and Strategy is the core that drives the process to create great work.

Understanding the scope and main business drivers of my design initiative ensures adaptability and flexibility with the design process and enables me accurately match specific steps with ultimately delivering measurable results.


My guiding principles

I have a set of guiding principles to ensure my time and work stays within "the defined context" on UX projects, that ensures my effort yields the desired value. As a great starting point, I embrace these five critical elements - strategy, scope, structure, skeleton and surface - a perspective that I share with Jesse James Garett from his insightful book - the elements of user experience. This provides incisive clarity to the complex process of providing high-quality user experience which I love.


process image

I love these five "elements of UX" approach by Jesse James Garett .


However, every project holds a different challenge and demands a unique treatment, these five critical steps provides a map for conducting business evaluation and needs assessment. This sets the plot for the narrative for each project story and quickly highlights the touch-points where value can be delivered; backed by a flexible methodology that blends experience, strategy, creativity and invention.


My UX checklist

In my toolbox, my UX project checklist ensures my project results are air tight and measured against specific expectations.


ux checklist image

My UX project checklist for measuring business objectives and expectations


However, every project holds a different challenge and demands a unique treatment, these five critical steps provides a map for conducting business evaluation and needs assessment. This sets the plot for the narrative for each project story and quickly highlights the touch-points where value can be delivered; backed by a flexible methodology that blends experience, strategy, creativity and invention.


A typical usability research project went something like this :
  ♦   Walking a client through their prototype or website, while listening to their concerns and issues around overall usability, users, business, use case scenarios, and testing goals
  ♦   Designing a study based on live research, remote or in-person, to meet testing goals
  ♦   Finding the right study participants through live recruiting methods, primarily ethn.io
  ♦   Interviewing users that best fit who the client is targeting
  ♦   Observing and recording users' desktop behavior and audio of the conversation while they are using the website
  ♦   Analyzing the qualitative research data to fit client's business, technical, and strategic constraints
  ♦   And finally, presenting research findings and recommendation deliverables to the client in a collaborative way. These recommendation reports might include video highlight clips, user flow sketches, wireframes, screenshots, and diagrams







Copyright © 2016, Charles A. Oguntubi. All rights reserved.




Close

Philips Lifeline

eCommerce User Experience & CMS Stabilization, Service Design and Retiring Legacy Applications!

On the Philips Lifeline ecommerce team, I serve as a consultant and the UX design lead responsible for implementing the marketing and experience strategy of the business; to create product and service experiences that are grounded in serving the needs of their customers. The business acquisition of a successful health care company in the fall detection devices space needed some business process improvements and retiring of some of the legacy applications to more update future proof applications.

Experience Strategy

My work involved understanding the people who use your product or service to uncover actionable insights into how they think, feel, and behave. Then identify opportunities to help exceed their expectations, and define an experience-driven strategy to meet your business needs.

Overall, project involves envisioning the best ecommerce experience for its product range and stakeholders with the healthcare industry; with the implementation of the following:


Philips responsibility image

Core experience strategy responsibility on this project.


Experience Design & Development

Daily responsibilities involves translating business requirements to features and meaningful experiences that deliver real-world value. This means translating design concepts and ideas into reality working with the development team.


philips mockup image


Philips responsibility image

Core Daily responsibilities on this project combined with being the user advocate.


Experience Workshop & Brainstorming

When re-designing features, service and delivery; advocating for change can be challenging! But collaborative stakeholder engagement through UX workshops and brainsotrming session prove to be invaluable. I provide the inspiration and results from research spikes, needed to deliver great experiences that are measurable, ongoing results based on a strong foundation of philosophy, process, collaboration and invention.


Philips responsibility image

Present design rationale and defend the motivation for suggested solution.


Philips ecommerce image

In a scrum story grooming session and workshop.


Project Style Guide

As part of the CMS stabilization project, I also built a comprehensive style guide for the ecommerce website with code base to help facilitate the building components for the Adobe Experience Manager platform by the development team. This established and enforced the style and treatment of brand standards to improve communication.


Some Mock-Ups

Due to the confidential nature of my work, client projects can't be shown here in full, but here are some mocks ups from some of the ideation process for developing a new content engagement website that would originate from organic search. With some notations explaining different component functionality.

philips mockup image

Desktop view of the new content engagment page.


Cross device compatibility and experience has become a very important consideration in design and the information architecture and flow of content across different devices must be efficient. The information hierachy across devices and navigation was successfully implemented.

philips mockup image

Mobile view of the new content engagment page.


philips mockup image

Mobile view of the new content engagment page.


Product Display - Contact Us Feature

The integration of a content management system to an existing telephone sales channel to create leads and enable service reps complete transactions. This also means re-designing the backend service delivery for all the databases used by different units in the business.

philips mockup image

Desktop view of the product display page with new feature.


philips mockup image

Mobile view of the product display page with new feature.


philips mockup image

Contact us new chat feature.


philips mockup image

Contact us new call feature.


philips mockup image

Contact us new form feature.


Lead Generation Form

The marketing team wanted to promote the successful rate of effective and life saving fall detection and generate leads that will help promote this engagement. We introduced a lead genertion form on the ecommerce platform to collect user data and reduce bounce rate by having sales reps call potential buyers.

philips mockup image
philips mockup image

Desktop view of the lead genearation forms on the page.


philips mockup image

Mobile view of Leade generation form and fendback message.


Making a Case for Google Shopping Experience

Google has become the default starting point for most users seeking solutions to the everyday needs. To create top of mind awareness for the Philips Lifeline product brand, using Google shopping is a strategic move for user engagement. I made a case for designing unique user journeys for the different product lines.

Due to the confidential nature of research spike, I would not be able to show the user flows but here are some critical highlights from the research.

philips mockup image

philips mockup image

philips mockup image

philips mockup image







Copyright © 2016, Charles A. Oguntubi. All rights reserved.




Close

Gamelounge Mobile

A mobile web app for Gamelounge competitions that will deliver gaming content such as news, reviews, competition information, and notifications to gamers.

Video gaming is one of the most lucrative entertainment markets, with a projected industry growth of $83 billion by 2016, according to new research conducted by Digi-Capital and it continues to grow with the advent of new technologies and mobile gaming on devices. However, most of the research on gaming focuses on America, China, Japan, South Korea, and Europe but it seldom considers the penetration of this entertaining lifestyle in developing markets such as Africa.

Project

Create a social gaming community platform – a mobile web app for Gamelounge competitions that will deliver gaming content such as news, reviews, competition information, and notifications while giving gamers the opportunity to engage by sharing their profiles, competition achievements, and chat.


gamelounge image

Discovery through gamer interviews, surveys, and available data.

gamelounge infographic image

Infographic provides snapshots of key data from research.

The infographic is a snapshot of research I carried out on the type of gamers based on their demographics, behaviors, spend, and the time they are actually gaming. This provides a fair overview for the user assessment on this project. Playstation is the most popular gaming console in the region.


gamelounge pers1 image

Develop personas for different user groups.


gamelounge pers2 image

Highlights unique user behavior within specific user targets.


gamelounge use case image

Identify primary use cases to support the development of a minimum viable product.


gamelounge ia image

Define basic information architecture flow for the app.


gamelounge path image

Identify the user and business goals, core elements and paths that fulfill them.


gamelounge feature image

Thought process on the primary features set for version one of the app.


gamelounge content image

Develop a clear overview for the content for the primary pages for version one.


gamelounge wireframes image

Sketch design ideas and iterations for prototype development.


gamelounge userflow image

A comprehensive user flow of the product showing user journey.


gamelounge launch image

Mock-ups for the launch experience to educate/inform the user.


gamelounge welcome image

Mock-ups for some of the primary app pages


gamelounge page image

Mock-ups for some of the primary app features and pages.


App Prototype

I employed a minimalist approach to ensure the usability is seamless and functional. The prototype was built with HTML5, CSS and jQuery mobile to enable good usability testing within the region where the app will be deployed. Also I created a native app using Adobe Phonegap; this helped evaluate user feedback on the end-to-end experience on android devices which is most popular in the target region.

To see the final mobile app, click here – Gamelounge Mobile (on desktop - minimize your browse to mobile size)

To download the native app on Android device, click here – Gamelounge Android







Copyright © 2016, Charles A. Oguntubi. All rights reserved.




Close

Work in Prog

A group collaboration app.

A project to develop a collaboration tool with team of developers. I conducted user research and developed personas, use cases and context scenarios to explore different feature ideas with iterations to find the best MVP for launch.

The mobile student-centric group collaboration tool is targeted at the students' need for an easy-to-use tool for an informal environment. The target users are undergraduates and graduate students who are often required to do group work for their assignments and projects. These students rely heavily on smartphones for personal and academic tasks.

My focus on this project was to drive the creative direction to find a functional UX for a tool with many entry points. Multiple iterations were done to eliminate breakpoints and create a seamless user flows.

Here are some iterations, mock-ups and visual designs for Work in Prog.


workinprog image


workinprog persona image

Develop personas for different user groups.



workinprog wireframe image

Select wireframes used to test the primary task pages.



workinprog iterate image

Iteration from usability testing on "add project", chat features, and hint screens.



workinprog scenario1 image

New Project - Identifying the user flows for defined tasks highlights the click levels.



workinprog scenario2 image

Schedule Tasks - the user flows for scheduling tasks with reminder.








Copyright © 2016, Charles A. Oguntubi. All rights reserved.




Close

Pulseband

Pulseband measures a variety of different data points,and provides accurate blood pressure readings, heart rate monitoring, and step tracking.

Pulseband is a wearable device concept that helps users with high blood pressure (hypertension) manage their condition. However, this project was targeted at delivering critical insights and added value to the wearable, such as evaluation of vitals, trends, reminder for doctors' appointments and for patients to take medications.

This team project focused on creating the companion app for this device. In a team of five, I handled the UX research and design. We conducted user interviews with different wearable users, heart-patients and medical professionals. Our discoveries informed insights and provided actionable solutions towards developing an appropriate app. I developed the overall strategy, wire frames, user flows and the final Axure prototype built using wireframes.

A key point that stood out during the research was the need for patients diagnosed with high/low blood pressure to correctly "self-monitor" their pressure before administering their medication. When self-monitoring is inaccurate, the results could be fatal. This clearly became the central focus that guided my UX design direction - data recording - that users can trust. A nurse clearly noted that it would be life-changing if patients could receive some sort of validation that their symptoms warrant a visit to the doctor.



pulse research image

Research identified the core stakeholder and user needs; we reduced ambiguity.



pulse competitive image

The competitive analysis in the wearable space highlighting the SWOT.



pulse goals and roadmap image

The synthesis of research insights to design solutions and product roadmap.



pulse experience map image

Plot experience map from the phases of a typical patient to find opportunities.



pulse persona image

Developed three guiding personas that highlight divergent target users.



pulse userflow image

The user flow showing the 3 processes we focused on for the first design phase.



pulse wireframe image

Wireframes showing data collection during onboarding in quick and easy steps.



Created some mid-fidelity mockups to show walk-through experiences for some key features of the app, such as the ability to compare data points, actionable solutions, cross-data insights and validated concerns.

pulse wireframe2 image

Collecting user data during onboarding in quick and easy steps



Prototype

With our prototype, we conducted usability testing with our core research group and new users on our proof-of-concept with several iterations. Medical professionals gave feedback with some suggestions on having "exciting" data visualizations - a recommendation added to the next phase of the project. See the prototype below:


pulse demo gif

Our proof-of-concept shows our data recording that users can trust approach.







Copyright © 2016, Charles A. Oguntubi. All rights reserved.




Close

Redeemer Realtor

Hi-Fidelity Mockup - A concept Realtor Staff Intranet & Business Solution

A Realtor company wants to streamline their business processes as part of their expansion plan in an effort to increase staff efficiency and gather critical data for investment planning. The client's brief clearly states the need for a dashboard to manage property listing and other administrative tools.

The project was focused on internal stakeholders - marketers, sales and administrative staff. Research provided insights to their daily responsibilities, the lags, content strategy and highpoints to help identify the primary product features. After successfully gathering project requirements from all stakeholders, I added important features that had been omitted such as widgets to provide training for new users and access control.

The main features are: property listing, property map, web analytics for contacts/website visitors and staff collaboration. I developed different feature sets and combined them in different formats to find a seamless functional arrangement.



Wireframes

The major components defined Static Header, Sections tab, main display area or action region and informational update bar.



redeemer home image

Defined the layout of the main page with each component.



The home page showed the overview of all daily tools and resources for the different stakeholders. The dashboard, contacts, calendar, documents and messages (with notifications) and setting tools.

redeemer home image

The home screen with five distinctive tabs and the five major sections.



redeemer 2 image

A display of the listing selection page with map, share and payment calculator



The contact menu provides quick access to email communication within different user groups.

redeemer 2 image

Users can send and organise client emails from contacts



Each menu has secondary tabs with extended capabilities. This screen shows the "add new contact" tab feature.

redeemer 2 image

Secondary tabs allows the users to further organise their workflow.



Booking appointments, setting tasks and meetings within the same work environment was a challenge but now has been incorporated within calendar in the same workflow. This was the most celebrated feature set across the stakeholder group.

redeemer 2 image

Staff can now share their schedules and differentiate their personal time.



Managing mortgage payments and calculations for new clients are also included within the secondary tabs.

redeemer 2 image

Efficient work with communicating with clients and reviewing their investments.



redeemer 2 image

Collecting user data during onboarding in quick and easy steps









Copyright © 2016, Charles A. Oguntubi. All rights reserved.




Close

UI Style Guide

Every product and project has its own unique look and feel

The user interface is an integral part of the user experience and delivers the touch point for all the feature sets in a product. The UI defines the appearance on cross platform devices and delivers the exploration on different display screens, which includes the appropriate information architecture, effective content flow, navigation and icon systems, animation and buttons.

The user interface includes the total "user experience," which may include the aesthetic appearance of the device (including effective brand manifestation across platform), response time, and the content that is presented to the user within the context of the delivery goals of the product.

Basic Elements
ui style guide_1 image

The UI elements and different components.



Harbor Interactive - UI Style Guide & Exploration
ui style guide_2 image

UI Style Guide and exploration



Copyright © 2016, Charles A. Oguntubi. All rights reserved.




Close
Real Time Web Analytics Real Time Analytics