Yuri Minami
Ceneco Green Power ウェブサイトのメイン画像

Ceneco Green Power ウェブサイト

地域・リソース上の制約に向き合いながら協働し、クライアントの満足と合意形成につなげたウェブサイトリデザイン

プロジェクト種別
ナイジェリアの太陽光発電会社 Ceneco Green Power のウェブサイトリデザインに向けたUXコンサルティング
担当内容
ウェブサイト全体、デスクトップ・モバイル両方(22ページ)のリデザイン
チーム
UXデザイナー4名
担当
リサーチはチームで協働して実施。デザインフェーズでは、サービスメインページ、5つのサービス詳細ページ、デザインガイドのドキュメントを担当しました。
成果
リデザインしたウェブサイトのモックアップとデザインガイドを期日通りに納品。ステークホルダーと密に連携し、クライアントの強い賛同を得ました。クライアントはデザインを実際のサイトへ実装し、ユーザーからも好意的な反応がありました。

テック主導のリーダーへ移行するナイジェリアの太陽光発電会社のウェブサイトをリデザイン

Ceneco Green Power, a Nigerian solar company, specializes in solar system installation and maintenance for residential, commercial, agricultural, off-grid use, and EVs. The company is rebranding as an African solar tech leader, leveraging AI and IoT. Our mission as UX consultants was to redesign the website.

新しいブランドを反映し、UXを向上させるウェブサイトリデザイン

Our mission as UX consultants was to redesign the website and enhance the overall user experience.

事業は口コミで成長していた一方、ウェブサイトは十分に機能していなかった

Site analytics revealed low traffic (50 users/month) and a high bounce rate (68%), indicating poor customer acquisition through the website. We identified 3 underlying issues that needed to be addressed.

Old website

What the audit revealed

Unclear Offerings

Confusing IA and lack of information make it difficult to understand the services.

Lack of Credibility

Limited content and inconsistent design and images raised concerns about credibility.

Brand Misalignment

The old website did not reflect the company's new identity as a tech leader.

地域・リソース上の制約があった

The project required designing for a market we couldn't directly access, while considering Nigeria's distinct energy context and the client's limited resources. These constraints shaped our approach, requiring close stakeholder collaboration and continuous consideration of local context throughout the process.

No direct access to Nigerian users

Regional barriers prevented access to Nigerian customers

Different energy context

Nigeria's less reliable energy access made understanding the local context essential.

Limited client capacity

The small team managed the site. A simple, scalable design were key to long-term impact.

太陽光発電のウェブサイトでは、業界標準との整合性と独自性のバランスが重要

With no direct access to Nigerian customers, we adjusted our research approach. In place of user interviews, we analyzed the websites of 9 solar companies across Nigeria, US, and Europe, and interviewed the client's CEO and COO to understand the industry, their business, customers, and the Nigerian context.

Our competitive research showed that most competitor websites looked similar, highlighting both a common direction to follow and the importance of differentiation. Interviews showed that the company values transparency and strives to communicate its strengths to customers with limited knowledge of solar energy.

Research Findings

Customers

Solar as reliable and affordable energy

In Nigeria, grid electricity is often unreliable, inaccessible, and costly, making solar power an important alternative.

Cost is main concern

Pricing remains a concern, and the client frequently receives questions about it.

Competitors

Using data to build credibility

Competitors show diverse data such as metrics, reviews, and partnerships to build credibility.

Storytelling across journey

Competitors craft narratives that empathize with users at every stage, from entry to contact

Client opportunities

Balance industry norms with distinctiveness

Competitors share the consistent similar visual design norms of colors, images etc.

Quality, innovation, transparency

The client actively communicates the value of solar and the company’s strengths to customers. The website should reflect this.

デザインの指針となる4つの戦略を導出

The research revealed 4 strategic opportunities that guided the redesign.

Technology showcase

Showcase the technology to reinforce the client’s position as an industry leader.

Demonstrate impact

Use results and data to demonstrate success and build credibility.

Customer education

Make solar energy easier to understand and clearly communicate its value.

Journey-led storytelling

Address customer needs and concerns at each stage to support confident decision-making.

クライアントの要望を取り入れ、コンテンツ量をすり合わせるワークショップを実施

We conducted a workshop with the client to consider what information to include on each page using a typical competitor sitemap as a reference. After this, we made sitemap using the result.

Workshop objectives

Foster satisfaction for future buy-in

Align the design with client preferences to minimize gaps between expectations and the final outcome.

Set expectation for content volume

We aimed to define a feasible scope for the client and ensure they were ready for implementation.

Card sorting workshop for information architecture

Typically used with users to inform information architecture, card sorting was adapted here to understand how the CEO envisioned the site structure compared with common competitor patterns identified through research.

改善プロセスの前に、まず最終デザインを見る

The walkthrough below highlights how the design strategies were translated into key decisions across the final experience. My primary responsibility was designing the service pages.

Service main page

The service main page highlights Ceneco Green Power's services and focus on tech integration easily.

Ceneco Green Power service main page final design section 1
Ceneco Green Power service main page final design section 2
Ceneco Green Power service main page final design section 3
Ceneco Green Power service main page final design section 4
Ceneco Green Power service main page final design section 5

Service detail page

The service detail page explains the service in detail and why the audience should go solar and choose Ceneco Green Power.

Ceneco Green Power service detail page final design section 1
Ceneco Green Power service detail page final design section 2
Ceneco Green Power service detail page final design section 3

Desktop

Mobile

ウェブサイトをよりユニークで魅力的にする

After creating the version 1 prototype, we gathered feedback from 4 users and refined the design. Below are some of the key improvements.

Added gradient colors to convey a technological feel

Our initial color palette felt too generic and lacked a technological feel, so we introduced 2 gradient palettes, one in dark blue-green and one in light blue-green, to make the visuals more distinctive.

Version 1 design with neutral background
Before - ver 1

The page felt less engaging, especially due to the neutral background.

Improved design with gradient-accented backgrounds
After - ver 2

Gradient-accented backgrounds feel livelier and more technological.

Visually highlighted the service process

The service process section is important for understanding the offerings, but the initial design did not convey a clear sequence, which made it easy to overlook. I redesigned it to clearly communicate the flow.

Version 1 service process design
Before - ver 1

It's easy to implement but doesn't convey a clear sense of sequence.

Improved service process design with arrow diagram
After - ver 2

Although technically more complex to implement, the arrow diagram effectively communicates the sequence.

Added a project gallery to showcase real project images

The stock images were visually appealing but we got the feedback that the design feel generic and lacked human touch and authenticity. To reflect the real identity, I added a project gallery using clients' real images.

Version 1 design using stock images
Before - ver 1

While stock images appear polished, using only them can make a site feel generic and lack authenticity.

Improved design with real project gallery
After - ver 2

Showcasing images from real projects help convey what the business is actually like.

デザインガイドで実装と拡張性を支援

As a former software developer, I recognized the importance of communicating design to non-designers. This led me to create design guides that included visual design guidelines, content guidelines (section purposes and tips for engagement), implementation resources, and an asset list.

Documentation Objectives

Easy & smooth implementation

Knowing the client needed to implement the Figma design in WordPress, I aimed to provide resources to make the process easier.

Consistency for future pages

Anticipating the future service expansion, I aimed to share guidance on designing additional pages while maintaining consistency.

Ceneco Green Power design guide document

Design Guide Document

協働的なアプローチがクライアント満足、合意形成、実装につながった

With our design and collaborative approach, the client was satisfied with our work and adopted the design. After the project, they updated their website, which has positively impacted their business, including favorable feedback from customers. We are also confirming the quantitative impact, such as analytics data, with the client.

I like how you keep it simple and sweet. What you have put out here is research driven and it's a great job.

Sunday Olusheyi Falaye, CEO

The current website is quite the opposite of old website in terms of quality and functionality.

Customer in Nigeria
Updated Ceneco Green Power website

The updated client website

制約に応じてデザインプロセスを適応させる重要性を学んだ

Regional barriers limited user access and client communication, requiring us to adapt our research and design methods. This taught me to work strategically when a full design thinking process isn't feasible. I also developed a stronger PM mindset by helping define the process, organize tasks, and keep the team aligned throughout an exploratory project.

Internal project planning sheet

Internal project planning sheet