【架空案件】食器販売のECショップサイトをデザイン

投稿日 2021年7月3日
更新日 2021年7月4日
著者竹田奈央
カテゴリーデザイン制作

Photoshopにてデザインを制作しました。

食器販売のECショップサイトをデザイン

食器のECサイトをデザイン。
shopifyで作る想定で。

ーーーーーーーーーー
♦️業務内容♦️

・オリジナルの食器
・大量生産により格安を実現
・人気のデザイナーを雇い高品質な食器
・配送先は国内海外両方

ーーーーーーーーーー

♦️経緯♦️
・一番目立たせたい商品を、
ショップオーナーが日替わりで設定できるよう
ECを作成。
・色やサイズをオプションで選択可能。

ーーーーーーーーー

♦️デザインした時のポイント♦️
・四角形ツールの上に商品画像を重ね、
クリッピングマスク。
全て長方形におさまるようにデザイン。

————————

素材は、
・icooon mono(@topeconheroes)
・unsplash(@calumlewis)
・ぱくたそ(@susipaku)
　様のものを使用させていただきました。

この記事を書いた人

竹田奈央

株式会社Solidverse取締役 / フリーランスエンジニア。
石川県出身、現在は東京を拠点にフルリモートで活動しています。

工学系の大学校を卒業後、Webエンジニアとして受託開発・自社サービス・上場企業案件など、さまざまな開発現場を経験してきました。

Nuxt・Laravelを中心に、フロントエンドからバックエンドまで幅広く対応しています。

「技術だけでなく、相談しやすさや進めやすさも大切にしたい」と考えており、丁寧なコミュニケーションを心がけています。
このブログでは、開発・キャリア・旅行などについて発信しています。

記事一覧

<?php

namespace Takeda\Nao;

class EngineerLife
{
    public string $name = '竹田奈央';
    public string $location = '石川→東京';
    public array $skills = [
        'backend' => ['PHP', 'MySQL', 'Laravel', 'Linux'],
        'frontend' => ['Vue.js', 'Nuxt.js', 'JavaScript'],
        'infra' => ['AWS', 'GCP', 'GitHub Actions'],
        'design' => ['Photoshop', 'Canva'],
        'tooling' => ['VSCode', 'Figma', 'ChatGPT'],
    ];
    
    public function introduce(): string
    {
        return <<<EOT
こんにちは、エンジニアやってます☺️
技術と日常のちょうど真ん中を記録するブログ「PHPerの日常」を運営中！

PHPを中心に、クラウド（AWS/GCP）やVue/Nuxtでの開発、時々Canvaでデザインもします！

初心者にもやさしく、でもちょっとディープな話も。
Gitの使い方から、API比較、フリーランスの日常まで書いてます〜！

これらの経験が、同じように困っているエンジニアの方々の参考になれば幸いです。ぜひゆっくりして行ってください！

EOT;
    }

    public function getPortfolioLink(): string
    {
        return 'https://takeda-no-nao.net/';
    }
}

$nao = new EngineerLife();

echo $nao->introduce();
echo PHP_EOL;
echo 'ポートフォリオはこちら → ' . $nao->getPortfolioLink();

// これを見て変なもの出ちゃってるぞ...大丈夫か！？と心配してくれた優しいあなた。仲良くなれそうです！ぜひ、Twitter か Linkedin で繋がって頂けると嬉しいです☺️笑
// @takeda_no_nao で検索〜！！