From 10e200fbd683e778a089201e379d1ded84e42cfb Mon Sep 17 00:00:00 2001 From: Moris Zen Date: Thu, 30 Aug 2018 00:19:35 +0200 Subject: [PATCH] Redesigned illustrations and style changes --- src/components/WorkStyle.js | 24 +- src/images/code-reviews.svg | 120 +++--- src/images/continuous-delivery.svg | 54 +-- src/images/custom-software-development.svg | 372 ++++++++++++++++++ src/images/flexible-workflow.svg | 150 +++++++ .../fullstack-web-development-agency.svg | 159 +++----- src/images/high-quality-code.svg | 103 +++-- src/images/how-we-work.svg | 69 ++-- src/images/html-5.svg | 51 +-- src/images/jenkins.svg | 89 +++-- src/images/mobile-app-development-company.svg | 166 +++----- src/images/modern-devops.svg | 96 +++-- src/images/unit-and-integration-testing.svg | 135 +++++-- src/images/user-experience-design-agency.svg | 228 +++++------ .../user-experience-design-services.svg | 150 +++++++ src/images/ux-research.svg | 62 +-- src/images/web-development-company.svg | 186 ++++----- src/pages/index.js | 2 +- src/pages/services.js | 13 +- src/styles/general.css | 4 +- 20 files changed, 1503 insertions(+), 730 deletions(-) create mode 100644 src/images/custom-software-development.svg create mode 100644 src/images/flexible-workflow.svg create mode 100644 src/images/user-experience-design-services.svg diff --git a/src/components/WorkStyle.js b/src/components/WorkStyle.js index 6e978f1..c15bdb2 100644 --- a/src/components/WorkStyle.js +++ b/src/components/WorkStyle.js @@ -15,7 +15,7 @@ const WorkStyle = ({ ...props }) => (
- High Quality Code + High Quality Code

High Quality Code

We have deep understanding of software engineering & computer @@ -25,7 +25,11 @@ const WorkStyle = ({ ...props }) => (

- High Quality Code + High Quality Code

Continuous delivery

Deploying new code to production should not take weeks. We know how @@ -37,7 +41,11 @@ const WorkStyle = ({ ...props }) => (

- High Quality Code + High Quality Code

Modern DevOps

We like a "release early, release often" philosophy and to achieve @@ -48,7 +56,7 @@ const WorkStyle = ({ ...props }) => (

- High Quality Code + High Quality Code

Code Reviews

“Two Heads are Better Than One”. Code reviews are integrated part of @@ -60,7 +68,7 @@ const WorkStyle = ({ ...props }) => (

- High Quality Code + High Quality Code

UX testing/research

We know it takes more than just an user video or a survey to @@ -71,7 +79,11 @@ const WorkStyle = ({ ...props }) => (

- High Quality Code + High Quality Code

Unit & Integration testing

Unit and integration testing are vital parts of the testing process. diff --git a/src/images/code-reviews.svg b/src/images/code-reviews.svg index c5865f7..34e6932 100644 --- a/src/images/code-reviews.svg +++ b/src/images/code-reviews.svg @@ -1,54 +1,66 @@ - - - - Code_reviews - Created with Sketch. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file + + + + +Code_reviews +Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/images/continuous-delivery.svg b/src/images/continuous-delivery.svg index 67db939..88ac974 100644 --- a/src/images/continuous-delivery.svg +++ b/src/images/continuous-delivery.svg @@ -1,25 +1,29 @@ - - - - Continuous_delivery - Created with Sketch. - - - - - - - - - - - - - - - - - - - - \ No newline at end of file + + + + +Continuous_delivery +Created with Sketch. + + + + + + + + + + + + + + + + + + + diff --git a/src/images/custom-software-development.svg b/src/images/custom-software-development.svg new file mode 100644 index 0000000..61463b3 --- /dev/null +++ b/src/images/custom-software-development.svg @@ -0,0 +1,372 @@ + + + + custom-software-development + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/images/flexible-workflow.svg b/src/images/flexible-workflow.svg new file mode 100644 index 0000000..06e5a87 --- /dev/null +++ b/src/images/flexible-workflow.svg @@ -0,0 +1,150 @@ + + + + flexible-workflow + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/images/fullstack-web-development-agency.svg b/src/images/fullstack-web-development-agency.svg index b226cfa..8b1dc1d 100644 --- a/src/images/fullstack-web-development-agency.svg +++ b/src/images/fullstack-web-development-agency.svg @@ -1,5 +1,5 @@ - + fullstack-web-development-agency Created with Sketch. @@ -17,58 +17,58 @@ - - + + - - + + - - + + + + + + - + + + + + - + - + - + - + - - + + - - - - - - - - - - - + + + @@ -130,27 +130,27 @@ - - + + - + - - - + + + - + - + @@ -161,97 +161,60 @@ - + - - - + + + - - + + - - + + - + - + - + - + - + - + - - - + + + - - - + + + - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - @@ -263,30 +226,30 @@ - + - + - - + + - + - + - + diff --git a/src/images/high-quality-code.svg b/src/images/high-quality-code.svg index 7352c50..d961ca9 100644 --- a/src/images/high-quality-code.svg +++ b/src/images/high-quality-code.svg @@ -1,31 +1,72 @@ - - - - High_quality_code - Created with Sketch. - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file + + + + +High_quality_code +Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/images/how-we-work.svg b/src/images/how-we-work.svg index a78e642..ac138e6 100644 --- a/src/images/how-we-work.svg +++ b/src/images/how-we-work.svg @@ -1,69 +1,64 @@ - + - Group 21 + how-we-work Created with Sketch. - - - - - + - + - - - + + + - - - + + + - + - - - - + + + + - - - - + + + - - + + - - + + - - - - - - + + + + + + - + - + - - + + diff --git a/src/images/html-5.svg b/src/images/html-5.svg index 80d4c8d..9f968d1 100644 --- a/src/images/html-5.svg +++ b/src/images/html-5.svg @@ -1,22 +1,29 @@ - - - - HTML_5 - Created with Sketch. - - - - - - - - - - - - - - - - - \ No newline at end of file + + + + +HTML_5 +Created with Sketch. + + + + + + + + + + + + + + + + diff --git a/src/images/jenkins.svg b/src/images/jenkins.svg index 2ae3d6f..0a88c6d 100644 --- a/src/images/jenkins.svg +++ b/src/images/jenkins.svg @@ -1,34 +1,55 @@ - - - - Jenkins - Created with Sketch. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file + + + + +Jenkins +Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/images/mobile-app-development-company.svg b/src/images/mobile-app-development-company.svg index 8e7e5de..9bb552c 100644 --- a/src/images/mobile-app-development-company.svg +++ b/src/images/mobile-app-development-company.svg @@ -1,5 +1,5 @@ - + mobile-app-development-company Created with Sketch. @@ -9,8 +9,8 @@ - - + + @@ -25,8 +25,8 @@ - - + + @@ -45,7 +45,7 @@ - + @@ -56,42 +56,40 @@ - - - + + + - - - + + + - - - - - - - - - - - - - - - - - - - + - - + + + + + + + + + + + + + + - + + + + + @@ -99,12 +97,10 @@ - - - - - - + + + + @@ -119,13 +115,13 @@ - - - - - - - + + + + + + + @@ -163,7 +159,7 @@ - + @@ -174,74 +170,30 @@ - - + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + - - + + - + - - + + - - + + @@ -253,9 +205,9 @@ - - - + + + diff --git a/src/images/modern-devops.svg b/src/images/modern-devops.svg index 50bbd74..682a65f 100644 --- a/src/images/modern-devops.svg +++ b/src/images/modern-devops.svg @@ -1,38 +1,58 @@ - - - - Modern_DevOps - Created with Sketch. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file + + + + +Modern_DevOps +Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/images/unit-and-integration-testing.svg b/src/images/unit-and-integration-testing.svg index 2469d5f..31b1826 100644 --- a/src/images/unit-and-integration-testing.svg +++ b/src/images/unit-and-integration-testing.svg @@ -1,32 +1,103 @@ - - - - Unit_&_ntegration testing - Created with Sketch. - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file + + + + +Unit_&_ntegration testing +Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/images/user-experience-design-agency.svg b/src/images/user-experience-design-agency.svg index 14ce307..16c0c83 100644 --- a/src/images/user-experience-design-agency.svg +++ b/src/images/user-experience-design-agency.svg @@ -4,166 +4,145 @@ user-experience-design-agency Created with Sketch. - - - - - - - - - - - - - - - - - - - - - + - + + + + + + + + + + + + + + + + + + + + + - - - + + + - - - - - - - - - + - + - + - + + + + + + + + + - - - - - + - + - + - + - + - + - + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + - - - - - - + + + + + + - + - - - - + + + + - + @@ -180,51 +159,58 @@ - - - - + + + + - - + + - + - - + + - - - - - - + + + + + + - + - + - + - + - + + + + + + + + diff --git a/src/images/user-experience-design-services.svg b/src/images/user-experience-design-services.svg new file mode 100644 index 0000000..cfb073b --- /dev/null +++ b/src/images/user-experience-design-services.svg @@ -0,0 +1,150 @@ + + + + user-experience-design-services + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/images/ux-research.svg b/src/images/ux-research.svg index 1cb8d0c..50d1461 100644 --- a/src/images/ux-research.svg +++ b/src/images/ux-research.svg @@ -1,27 +1,35 @@ - - - - research - Created with Sketch. - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file + + + + +research +Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/images/web-development-company.svg b/src/images/web-development-company.svg index c5049ec..cbc52d3 100644 --- a/src/images/web-development-company.svg +++ b/src/images/web-development-company.svg @@ -1,36 +1,36 @@ - + web-development-company Created with Sketch. - - - - - + - - - + + + - + - + + + + + - - - - - + - + + + + + @@ -60,50 +60,60 @@ - + + + + + - - - + + + - + + + + + - + - + - + + + + + - + - - - + - + - + @@ -113,17 +123,17 @@ - - - - - - - - + + + + + + + + - + @@ -133,25 +143,25 @@ - - + + - + - - - + + + - + - - + + - + @@ -168,65 +178,65 @@ - + - + - - + + - - + + - + - - + + - - + + - - - + + + - - + + - - - - - + + + + + - + - + - - - + + + - - + + @@ -243,11 +253,11 @@ - - + + - - + + @@ -255,12 +265,12 @@ - - - - - - + + + + + + diff --git a/src/pages/index.js b/src/pages/index.js index b0d43fc..66ee8bb 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -36,7 +36,7 @@ const IndexPage = ({ ...props }) => ( backDelay={3000} loop /> - great digital experiences + great experiences diff --git a/src/pages/services.js b/src/pages/services.js index 1f04e9a..47c6349 100644 --- a/src/pages/services.js +++ b/src/pages/services.js @@ -6,11 +6,10 @@ import SectionIntro from '../components/SectionIntro' import WorkStyle from '../components/WorkStyle' import Technologies from '../components/Technologies' -import FullstackDev from '../images/fullstack-web-development.svg' import IntroImage from '../images/saburly-web-agency-group.jpg' -import WebdevServices from '../images/web-development-agency.svg' -import UXdesign from '../images/ux-ui-design-services.svg' -import HowWeWork from '../images/how-we-work.svg' +import WebdevServices from '../images/custom-software-development.svg' +import UXdesign from '../images/user-experience-design-services.svg' +import HowWeWork from '../images/flexible-workflow.svg' const ServicesPage = () => (

@@ -26,7 +25,7 @@ const ServicesPage = () => (
User Experience Design Agency (
-
+
- DevOps Agency + DevOps Agency
diff --git a/src/styles/general.css b/src/styles/general.css index 31827b7..686a3d5 100644 --- a/src/styles/general.css +++ b/src/styles/general.css @@ -12,7 +12,7 @@ body { } .bg-saburly-lighter { - background: RGBA(248, 248, 248, 1); + background: rgba(87, 99, 171, 0.05); } .bg-saburly-light { @@ -28,7 +28,7 @@ body { background: linear-gradient( 180deg, rgba(255, 255, 255, 1) 0%, - rgba(248, 248, 248, 1) 100% + rgba(87, 99, 171, 0.05) ); }