SlideShare a Scribd company logo
1 of 26
Download to read offline
l i g h t u p t h e m o n e n t s
Amber & Wood Co
Amber & Wood Co
Process Book
Process Book
T A B L E O F C O N T E N T S
Inspiration ...................................................................................pages 1-3
Logotype .....................................................................................pages 4-7
Style Guide ......................................................................................page 8
Stationary ..................................................................................pages 9-12
Website ...................................................................................pages 13-15
1inspiration
B R A N D
I started this semester with a love for a brand and a story to back it.When deciding on what
brand to choose I began to look at all the small businesses that I had bought from during
quarantine and the story behind them.From this process I landed on Amber & Wood Co. I
loved how it was based on making eco-friendly products with a story centered in the woods.
I N S P I R A T I O N
2
amberandwoodco process book
I chose Amber & Wood Co.because of the love of the outdoors that lies in the company but also
the love of the outdoors that lies within my own heart.The color combination of green and brown
with a hint of orange left me in a peaceful state of mind.A flame was to help symbolize light and
to light up all of the memories that were to come through the products from Amber & Wood Co.
3mood board
woodsy
homey
serene
M O O D B O A R D
The mood board was created to simply showcase the aesthetic of the company.Amber & Wood Co.comes from the owner’s love
story with her husband and how they got engaged and married in the woods.I wanted to represent their love story in the mood
board and create an aesthetic that resembles just that.The color combination came from pine trees,bark and a flame of a fire/
candle.I wanted it to feel cozy and homey with a sense if the outdoors.Some components are larger than others and that was for
the sole purpose of bringing those to a higher priority in the aesthetic for the company.
4thumbnails
L O G O S K E T C H E S
5
amberandwoodco process book
L O G O R O U G H S
6logo inspiration and description
L O G O T Y P E
The logo stemmed from a tree trunk and all of the symbols that come from a tree.Trees are strong and sturdy,but they have
a story.The tree is in reference to the logo that Amber & Wood Co.currently has.Rings of a tree can help tell a story.I wanted
to use the tree rings to help symbolize the story that was about to unfold through the entire semester long project.I first was
looking at doing an entire tree stump but quickly realized that it was not going to work.The entire stump was a good starting
point however we were instructed to us both the name and a symbol.The name was too long to fit with a large circle of a
logo.It was too much in one space and did not look good as a logo when sized to fit different things.To get the same effect I
decided to cut the ring in half and set it on top of the company name.This was a lot of easier to work with as well as worked
with different sizes.
7
amberandwoodco process book
L O G O T Y P E
DRAFT 1 FINAL
S T Y L E G U I D E
DRAFT 1 DRAFT 2 FINAL
8
amberandwoodco process book
The style guide was created to use the brands aesthetic and set out what can and cannot be done with the company in
terms of design.It was important to understand what was wanted in the beginning so that it could be used according
to the style guide for the rest of the projects.I knew that I wanted to incorporate the tree rings into the design some-
where because that has been a key element to the brand aesthetic.I needed to lay out all the information in a proper
manner without it being to compacted and hard to read.This was a lot of trial and error to make sure I had the right
opacity for the rings as well as determining the number of rings that were showcased.
S O C I A L M E D I A P O S T
DRAFT 1 DRAFT 2 FINAL
9
amberandwoodco process book
The stationary took from elements that had already been created for this project.I wanted to highlight the rings that had been used on all
other projects.I t was sort of an additional element that was used to add a new look to the stationary.Sizing was a big struggle for this project
as I would make everything too big or too small for the size of the stationary item.All stationary and social media posts were used as a great
resource and way to show what my designs would look like if i were to develop it into physical products.Each change from drafts to final was
small yet effective.The changes needed to be done in order for the stationary to be the best it could be.
10stationary
DRAFT 1 FINAL
L E T T E R H E A D
11
amberandwoodco process book
DRAFT 1 DRAFT 2 FINAL
FRONT
BACK
12stationary
DRAFT 1 FINAL
S T A T I O N A R Y M O C K U P S
W E B S I T E
13website
WIREFRAME
I had no true sense of direction in terms of what I
wanted to do for the website.Once I sat down and
really looked at all the elements that I had created I
was able to find some sort of direction.I wanted to
bring in elements of the mood board and stationary.
I decided to keep it white for the most part to align
with the cover letter.This was also a way to keep it as
clean as possible.I didn’t want to add to much extra
elements because of how much information was
going to be added.It was all about putting the piec-
es that were needed on the page and then linking
them to one another.From draft to final I was able to
make small changes that only helped with the us-
ability and look of the entire website.
Prototype: https://xd.adobe.com/view/c5b72686-
6b3b-47f2-9178-529a14fb3906-90e4/
14
amberandwoodco process book
DRAFT 1 FINAL
W E B S I T E H O M E P A G E
15website
ABOUT FINAL CONTACT FINAL
W E B S I T E
AMBER & WOOD CO

More Related Content

Similar to Process Book

Ancillary Text Conventions
Ancillary Text ConventionsAncillary Text Conventions
Ancillary Text Conventionsemily_rhian18
 
5. fmp pre production
5. fmp pre production5. fmp pre production
5. fmp pre productionAaron Clayton
 
5. fmp pre production
5. fmp pre production5. fmp pre production
5. fmp pre productionAaron Clayton
 
Devlopment
DevlopmentDevlopment
Devlopmenthndoja
 
Development pro forma
Development pro forma Development pro forma
Development pro forma jeny_green
 
Question 7 - final evaluation
Question 7 - final evaluationQuestion 7 - final evaluation
Question 7 - final evaluationShivani_Mohan
 
Question 7 - Evalutation
Question 7 - EvalutationQuestion 7 - Evalutation
Question 7 - EvalutationShivani_Mohan
 
5. fmp pre production
5. fmp pre production5. fmp pre production
5. fmp pre productionkallum-sykes
 
Development pro forma
Development pro formaDevelopment pro forma
Development pro formajeny_green
 
7. fmp evaluation
7. fmp evaluation7. fmp evaluation
7. fmp evaluationchrislaw34
 
6. fmp production reflection
6. fmp production reflection6. fmp production reflection
6. fmp production reflectionchrislaw34
 
Devlopment
DevlopmentDevlopment
Devlopmenthndoja
 
Designing a brand logo (b1 progression).pptx
Designing a brand logo (b1 progression).pptxDesigning a brand logo (b1 progression).pptx
Designing a brand logo (b1 progression).pptxJCKMRE
 
Final evaluation
Final evaluationFinal evaluation
Final evaluationrachel1305
 
Visual Media Portfolio
Visual Media PortfolioVisual Media Portfolio
Visual Media Portfoliohunter drake
 
5. fmp pre production (1)2
5. fmp pre production (1)25. fmp pre production (1)2
5. fmp pre production (1)2jackedwardsz
 

Similar to Process Book (20)

Ancillary Text Conventions
Ancillary Text ConventionsAncillary Text Conventions
Ancillary Text Conventions
 
5. fmp pre production
5. fmp pre production5. fmp pre production
5. fmp pre production
 
5. fmp pre production
5. fmp pre production5. fmp pre production
5. fmp pre production
 
Devlopment
DevlopmentDevlopment
Devlopment
 
Development pro forma
Development pro forma Development pro forma
Development pro forma
 
Question 7 - final evaluation
Question 7 - final evaluationQuestion 7 - final evaluation
Question 7 - final evaluation
 
Question 7 - Evalutation
Question 7 - EvalutationQuestion 7 - Evalutation
Question 7 - Evalutation
 
5. fmp pre production
5. fmp pre production5. fmp pre production
5. fmp pre production
 
Development pro forma
Development pro formaDevelopment pro forma
Development pro forma
 
7. fmp evaluation
7. fmp evaluation7. fmp evaluation
7. fmp evaluation
 
6. fmp production reflection
6. fmp production reflection6. fmp production reflection
6. fmp production reflection
 
Production
ProductionProduction
Production
 
Devlopment
DevlopmentDevlopment
Devlopment
 
Pre- production
Pre- productionPre- production
Pre- production
 
Production Reflection
Production ReflectionProduction Reflection
Production Reflection
 
Designing a brand logo (b1 progression).pptx
Designing a brand logo (b1 progression).pptxDesigning a brand logo (b1 progression).pptx
Designing a brand logo (b1 progression).pptx
 
Final evaluation
Final evaluationFinal evaluation
Final evaluation
 
Stages
StagesStages
Stages
 
Visual Media Portfolio
Visual Media PortfolioVisual Media Portfolio
Visual Media Portfolio
 
5. fmp pre production (1)2
5. fmp pre production (1)25. fmp pre production (1)2
5. fmp pre production (1)2
 

Recently uploaded

如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证ugzga
 
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdf
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdfECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdf
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdfSarbjit Bahga
 
Webhost NVME Cloud VPS Hosting1234455678
Webhost NVME Cloud VPS Hosting1234455678Webhost NVME Cloud VPS Hosting1234455678
Webhost NVME Cloud VPS Hosting1234455678Cloud99 Cloud
 
CADD 141 - BIRD Scooter - Cup Holder Photos.pdf
CADD 141 - BIRD Scooter - Cup Holder Photos.pdfCADD 141 - BIRD Scooter - Cup Holder Photos.pdf
CADD 141 - BIRD Scooter - Cup Holder Photos.pdfDuyDo100
 
Naer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing ProjectNaer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing Projectbuvanatest
 
Morgenbooster: Storytelling in Identity Design
Morgenbooster: Storytelling in Identity DesignMorgenbooster: Storytelling in Identity Design
Morgenbooster: Storytelling in Identity Design1508 A/S
 
CADD 141 - Puzzle Cube Project - Product Photos
CADD 141 - Puzzle Cube Project - Product PhotosCADD 141 - Puzzle Cube Project - Product Photos
CADD 141 - Puzzle Cube Project - Product PhotosDuyDo100
 
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...Amil baba
 
如何办理(UCL毕业证书)伦敦大学学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(UCL毕业证书)伦敦大学学院毕业证成绩单本科硕士学位证留信学历认证如何办理(UCL毕业证书)伦敦大学学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(UCL毕业证书)伦敦大学学院毕业证成绩单本科硕士学位证留信学历认证ugzga
 
Evaluating natural frequencies and mode shapes.pptx
Evaluating natural frequencies and mode shapes.pptxEvaluating natural frequencies and mode shapes.pptx
Evaluating natural frequencies and mode shapes.pptxjoshuaclack73
 
Design Portofolios - Licensed Architect / BIM Specialist
Design Portofolios - Licensed Architect / BIM SpecialistDesign Portofolios - Licensed Architect / BIM Specialist
Design Portofolios - Licensed Architect / BIM SpecialistYudistira
 
Real Smart Art Infographics by Slidesgo.pptx
Real Smart Art Infographics by Slidesgo.pptxReal Smart Art Infographics by Slidesgo.pptx
Real Smart Art Infographics by Slidesgo.pptxArindamMookherji1
 
The concept of motion graphics and its applications.
The concept of motion graphics and its applications.The concept of motion graphics and its applications.
The concept of motion graphics and its applications.WeatherOfficialProdu
 
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjjWeek 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjjjoshuaclack73
 
Recycled Modular Low Cost Construction .pdf
Recycled Modular Low Cost Construction .pdfRecycled Modular Low Cost Construction .pdf
Recycled Modular Low Cost Construction .pdfjeffreycarroll14
 
NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...
NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...
NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...Amil baba
 
如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证ugzga
 
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...Amil baba
 
Abortion Clinic in Springs +27791653574 Springs WhatsApp Abortion Clinic Serv...
Abortion Clinic in Springs +27791653574 Springs WhatsApp Abortion Clinic Serv...Abortion Clinic in Springs +27791653574 Springs WhatsApp Abortion Clinic Serv...
Abortion Clinic in Springs +27791653574 Springs WhatsApp Abortion Clinic Serv...mikehavy0
 
Digital Marketing Company in Bangalore.pdf
Digital Marketing Company in Bangalore.pdfDigital Marketing Company in Bangalore.pdf
Digital Marketing Company in Bangalore.pdfOnecity
 

Recently uploaded (20)

如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
 
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdf
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdfECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdf
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdf
 
Webhost NVME Cloud VPS Hosting1234455678
Webhost NVME Cloud VPS Hosting1234455678Webhost NVME Cloud VPS Hosting1234455678
Webhost NVME Cloud VPS Hosting1234455678
 
CADD 141 - BIRD Scooter - Cup Holder Photos.pdf
CADD 141 - BIRD Scooter - Cup Holder Photos.pdfCADD 141 - BIRD Scooter - Cup Holder Photos.pdf
CADD 141 - BIRD Scooter - Cup Holder Photos.pdf
 
Naer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing ProjectNaer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing Project
 
Morgenbooster: Storytelling in Identity Design
Morgenbooster: Storytelling in Identity DesignMorgenbooster: Storytelling in Identity Design
Morgenbooster: Storytelling in Identity Design
 
CADD 141 - Puzzle Cube Project - Product Photos
CADD 141 - Puzzle Cube Project - Product PhotosCADD 141 - Puzzle Cube Project - Product Photos
CADD 141 - Puzzle Cube Project - Product Photos
 
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
 
如何办理(UCL毕业证书)伦敦大学学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(UCL毕业证书)伦敦大学学院毕业证成绩单本科硕士学位证留信学历认证如何办理(UCL毕业证书)伦敦大学学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(UCL毕业证书)伦敦大学学院毕业证成绩单本科硕士学位证留信学历认证
 
Evaluating natural frequencies and mode shapes.pptx
Evaluating natural frequencies and mode shapes.pptxEvaluating natural frequencies and mode shapes.pptx
Evaluating natural frequencies and mode shapes.pptx
 
Design Portofolios - Licensed Architect / BIM Specialist
Design Portofolios - Licensed Architect / BIM SpecialistDesign Portofolios - Licensed Architect / BIM Specialist
Design Portofolios - Licensed Architect / BIM Specialist
 
Real Smart Art Infographics by Slidesgo.pptx
Real Smart Art Infographics by Slidesgo.pptxReal Smart Art Infographics by Slidesgo.pptx
Real Smart Art Infographics by Slidesgo.pptx
 
The concept of motion graphics and its applications.
The concept of motion graphics and its applications.The concept of motion graphics and its applications.
The concept of motion graphics and its applications.
 
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjjWeek 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
 
Recycled Modular Low Cost Construction .pdf
Recycled Modular Low Cost Construction .pdfRecycled Modular Low Cost Construction .pdf
Recycled Modular Low Cost Construction .pdf
 
NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...
NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...
NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...
 
如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证
 
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
 
Abortion Clinic in Springs +27791653574 Springs WhatsApp Abortion Clinic Serv...
Abortion Clinic in Springs +27791653574 Springs WhatsApp Abortion Clinic Serv...Abortion Clinic in Springs +27791653574 Springs WhatsApp Abortion Clinic Serv...
Abortion Clinic in Springs +27791653574 Springs WhatsApp Abortion Clinic Serv...
 
Digital Marketing Company in Bangalore.pdf
Digital Marketing Company in Bangalore.pdfDigital Marketing Company in Bangalore.pdf
Digital Marketing Company in Bangalore.pdf
 

Process Book

  • 1. l i g h t u p t h e m o n e n t s
  • 2.
  • 3. Amber & Wood Co Amber & Wood Co Process Book Process Book
  • 4.
  • 5. T A B L E O F C O N T E N T S Inspiration ...................................................................................pages 1-3 Logotype .....................................................................................pages 4-7 Style Guide ......................................................................................page 8 Stationary ..................................................................................pages 9-12 Website ...................................................................................pages 13-15
  • 6. 1inspiration B R A N D I started this semester with a love for a brand and a story to back it.When deciding on what brand to choose I began to look at all the small businesses that I had bought from during quarantine and the story behind them.From this process I landed on Amber & Wood Co. I loved how it was based on making eco-friendly products with a story centered in the woods.
  • 7. I N S P I R A T I O N 2 amberandwoodco process book I chose Amber & Wood Co.because of the love of the outdoors that lies in the company but also the love of the outdoors that lies within my own heart.The color combination of green and brown with a hint of orange left me in a peaceful state of mind.A flame was to help symbolize light and to light up all of the memories that were to come through the products from Amber & Wood Co.
  • 8. 3mood board woodsy homey serene M O O D B O A R D The mood board was created to simply showcase the aesthetic of the company.Amber & Wood Co.comes from the owner’s love story with her husband and how they got engaged and married in the woods.I wanted to represent their love story in the mood board and create an aesthetic that resembles just that.The color combination came from pine trees,bark and a flame of a fire/ candle.I wanted it to feel cozy and homey with a sense if the outdoors.Some components are larger than others and that was for the sole purpose of bringing those to a higher priority in the aesthetic for the company.
  • 9.
  • 10. 4thumbnails L O G O S K E T C H E S
  • 11. 5 amberandwoodco process book L O G O R O U G H S
  • 12. 6logo inspiration and description L O G O T Y P E The logo stemmed from a tree trunk and all of the symbols that come from a tree.Trees are strong and sturdy,but they have a story.The tree is in reference to the logo that Amber & Wood Co.currently has.Rings of a tree can help tell a story.I wanted to use the tree rings to help symbolize the story that was about to unfold through the entire semester long project.I first was looking at doing an entire tree stump but quickly realized that it was not going to work.The entire stump was a good starting point however we were instructed to us both the name and a symbol.The name was too long to fit with a large circle of a logo.It was too much in one space and did not look good as a logo when sized to fit different things.To get the same effect I decided to cut the ring in half and set it on top of the company name.This was a lot of easier to work with as well as worked with different sizes.
  • 13. 7 amberandwoodco process book L O G O T Y P E DRAFT 1 FINAL
  • 14.
  • 15. S T Y L E G U I D E DRAFT 1 DRAFT 2 FINAL 8 amberandwoodco process book The style guide was created to use the brands aesthetic and set out what can and cannot be done with the company in terms of design.It was important to understand what was wanted in the beginning so that it could be used according to the style guide for the rest of the projects.I knew that I wanted to incorporate the tree rings into the design some- where because that has been a key element to the brand aesthetic.I needed to lay out all the information in a proper manner without it being to compacted and hard to read.This was a lot of trial and error to make sure I had the right opacity for the rings as well as determining the number of rings that were showcased.
  • 16.
  • 17. S O C I A L M E D I A P O S T DRAFT 1 DRAFT 2 FINAL 9 amberandwoodco process book The stationary took from elements that had already been created for this project.I wanted to highlight the rings that had been used on all other projects.I t was sort of an additional element that was used to add a new look to the stationary.Sizing was a big struggle for this project as I would make everything too big or too small for the size of the stationary item.All stationary and social media posts were used as a great resource and way to show what my designs would look like if i were to develop it into physical products.Each change from drafts to final was small yet effective.The changes needed to be done in order for the stationary to be the best it could be.
  • 18. 10stationary DRAFT 1 FINAL L E T T E R H E A D
  • 19. 11 amberandwoodco process book DRAFT 1 DRAFT 2 FINAL FRONT BACK
  • 20. 12stationary DRAFT 1 FINAL S T A T I O N A R Y M O C K U P S
  • 21.
  • 22. W E B S I T E 13website WIREFRAME I had no true sense of direction in terms of what I wanted to do for the website.Once I sat down and really looked at all the elements that I had created I was able to find some sort of direction.I wanted to bring in elements of the mood board and stationary. I decided to keep it white for the most part to align with the cover letter.This was also a way to keep it as clean as possible.I didn’t want to add to much extra elements because of how much information was going to be added.It was all about putting the piec- es that were needed on the page and then linking them to one another.From draft to final I was able to make small changes that only helped with the us- ability and look of the entire website. Prototype: https://xd.adobe.com/view/c5b72686- 6b3b-47f2-9178-529a14fb3906-90e4/
  • 23. 14 amberandwoodco process book DRAFT 1 FINAL W E B S I T E H O M E P A G E
  • 24. 15website ABOUT FINAL CONTACT FINAL W E B S I T E
  • 25.